
/**
 *   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 { r, s as c, j as m } from "../_mysheerid-preview.js";
const R = ({
  id: e,
  isErrored: i,
  className: s = void 0,
  hidePlaceholder: u = !0,
  refId: d,
  required: n = !1,
  type: f = "text",
  ariaDescribedBy: l,
  ariaLabel: o,
  ...p
  // forward any remaining props to the input
}) => {
  let t = "";
  s && (t += `${s} `), t += "sid-text-input sid-l-full-width", u && (t += " sid-hidden-placeholder"), n && (t += " sid-text-input--required"), i && (t += " sid-text-input--error");
  const x = d || e, a = r.useRef(null);
  return r.useEffect(() => {
    c(x, a.current);
  }), /* @__PURE__ */ m.jsx(
    "input",
    {
      className: t,
      id: `sid-${e}`,
      name: `sid-${e}`,
      type: f,
      "aria-describedby": l,
      "aria-label": o,
      "aria-required": n,
      "aria-invalid": i,
      ref: a,
      ...p
    }
  );
}, b = R;
export {
  b as I
};
