
/**
 *   WARNING: This file is intended to be used within MySheerID.
 *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
 */ 
/**
 *   VERSION: 2.240.0-alpha.1
 *   BUILD_TIMESTAMP: 1780360182346
 *   BUILD_DATE: Tue Jun 02 2026 00:29:42 GMT+0000 (Coordinated Universal Time)
 *   BUILD_COMMIT: 758cedd37e00f49a728d704d9ed36884f0f12d79
 */
import { d as s, j as d } from "../_mysheerid-preview.js";
import { F as y } from "./FormFieldLayout-DDEEmlGC.js";
import { I as L, S as $ } from "./FormSelectChoice-DDGMfs6s.js";
const H = ({
  fieldId: t = void 0,
  value: e,
  onChange: i,
  placeholder: m,
  label: n,
  errorMessage: o,
  showPlaceholderAndHideLabel: u = !1,
  isRequired: r = !0,
  isLoading: p = !1,
  disabled: c = !1,
  explanation: f = "",
  autoFocus: F,
  options: a,
  containerId: I = void 0,
  onKeyDown: b,
  refId: v = "status",
  suppressPlaceholder: x = !0
}) => {
  const l = `sid-${s(t)}`, j = `sid-${s(t)}-error`;
  return /* @__PURE__ */ d.jsx(
    y,
    {
      fieldId: t,
      label: n,
      errorMessage: o,
      showPlaceholderAndHideLabel: u,
      isRequired: r,
      explanation: f,
      containerId: I,
      children: /* @__PURE__ */ d.jsx(
        L,
        {
          autoFocus: F,
          fieldId: v,
          inputId: l,
          fieldLabelId: `${l}-label`,
          suppressPlaceholder: x,
          isErrored: !!o,
          options: $(a),
          onChange: i,
          value: a.find((S) => S.value === (e && e.value)),
          placeholder: m,
          isRequired: r,
          isLoading: p,
          disabled: c,
          ariaDescribedBy: o ? j : void 0,
          onKeyDown: b
        }
      )
    }
  );
};
export {
  H as F
};
