@julo-ui/otp-input/dist/chunk-3D5OHIEO.mjs

React Input Component for entering sequences of digits

import {
  otpInputFieldCx
} from "./chunk-VVDPBSSW.mjs";
import {
  useOtpInputField
} from "./chunk-OFIEUTJC.mjs";

// src/components/otp-input-field/OtpInputField.tsx
import { cx, forwardRef, julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var OtpInputField = forwardRef((props, ref) => {
  const { className, ...resProps } = props;
  const inputProps = useOtpInputField(resProps, ref);
  return /* @__PURE__ */ jsx(
    julo.input,
    {
      className: cx("julo-otp-input__field", className),
      ...inputProps,
      __css: otpInputFieldCx
    }
  );
});
OtpInputField.displayName = "OtpInputField";
var OtpInputField_default = OtpInputField;

export {
  OtpInputField_default
};