@boxcustodia/library 2.0.0-alpha.3 → 2.0.0-alpha.30

package/dist/node_modules/@base-ui/react/otp-field/input/OTPFieldInput.es.js

@@ -0,0 +1,180 @@
+"use client";
+import * as E from "react";
+import { SafeReact as R } from "../../../utils/safeReact.es.js";
+import { warn as A } from "../../../utils/warn.es.js";
+import { useCompositeListItem as se, IndexGuessBehavior as ce } from "../../internals/composite/list/useCompositeListItem.es.js";
+import { useDirection as de } from "../../internals/direction-context/DirectionContext.es.js";
+import { useRenderElement as fe } from "../../internals/useRenderElement.es.js";
+import { createGenericEventDetails as F, createChangeEventDetails as x } from "../../internals/createBaseUIEventDetails.es.js";
+import { useOTPFieldRootContext as pe, getOTPFieldInputState as me } from "../root/OTPFieldRootContext.es.js";
+import { inputStateAttributesMapping as he } from "../utils/stateAttributesMapping.es.js";
+import { normalizeOTPValueWithDetails as L, replaceOTPValue as S, removeOTPCharacter as T } from "../utils/otp.es.js";
+import { inputPaste as B, inputChange as K, inputClear as ge, keyboard as ye } from "../../internals/reason-parts.es.js";
+import { stopEvent as l } from "../../floating-ui-react/utils/event.es.js";
+const xe = /* @__PURE__ */ E.forwardRef(function(w, N) {
+  const {
+    "aria-label": G,
+    "aria-labelledby": _,
+    render: be,
+    className: ke,
+    style: Pe,
+    ...j
+  } = w, {
+    activeIndex: q,
+    autoComplete: z,
+    disabled: u,
+    form: H,
+    focusInput: c,
+    queueFocusInput: I,
+    getInputId: U,
+    handleInputBlur: v,
+    handleInputFocus: W,
+    inputMode: J,
+    inputAriaLabelledBy: Q,
+    invalid: X,
+    length: n,
+    mask: Y,
+    pattern: Z,
+    reportValueInvalid: O,
+    readOnly: p,
+    required: $,
+    normalizeValue: m,
+    setValue: h,
+    state: ee,
+    validationType: g,
+    value: s
+  } = pe(), {
+    ref: te,
+    index: t
+  } = se({
+    indexGuessBehavior: ce.GuessFromOrder
+  }), D = E.useRef(null), re = de(), d = s[t] ?? "", ne = me(ee, d, t), b = G, ae = _ ?? Q, V = t === 0 ? void 0 : b;
+  process.env.NODE_ENV !== "production" && E.useEffect(() => {
+    if (t !== 0 || b == null || D.current?.labels?.length)
+      return;
+    const e = R.captureOwnerStack?.() || "";
+    A("<OTPField.Input> ignores `aria-label` on the first input. Use a `<label>` or `<Field.Label>` to label the OTP field.", e);
+  }, [t, b]);
+  const ie = {
+    id: U(t),
+    value: d,
+    type: Y ? "password" : "text",
+    inputMode: J,
+    autoComplete: t === 0 ? z : "off",
+    autoCorrect: "off",
+    spellCheck: "false",
+    enterKeyHint: t === n - 1 ? "done" : "next",
+    // Only the first slot has a max length to avoid password manager bubbles appearing after later inputs.
+    maxLength: t === 0 ? n : void 0,
+    tabIndex: q === t ? 0 : -1,
+    disabled: u,
+    form: H,
+    pattern: Z,
+    readOnly: p,
+    required: $,
+    "aria-labelledby": V == null ? ae : void 0,
+    "aria-invalid": !u && X ? !0 : void 0,
+    "aria-label": V,
+    onMouseDown(e) {
+      e.defaultPrevented || u || (e.preventDefault(), c(t));
+    },
+    onFocus(e) {
+      e.defaultPrevented || u || W(t, e);
+    },
+    onBlur(e) {
+      e.defaultPrevented || v(e);
+    },
+    onChange(e) {
+      if (e.defaultPrevented || u || p)
+        return;
+      const r = e.currentTarget.value, [a, f] = L(r, n, g, m);
+      if (f && O(r, F(K, e.nativeEvent)), a === "") {
+        r === "" ? h(T(s, t), x(ge, e.nativeEvent)) : d !== "" && (e.currentTarget.value = d, e.currentTarget.select());
+        return;
+      }
+      const o = S(s, t, a, n, g, m), i = h(o, x(K, e.nativeEvent));
+      if (i != null) {
+        const k = Math.min(t + a.length, n - 1);
+        I(k, i);
+      }
+    },
+    onKeyDown(e) {
+      if (e.defaultPrevented || u)
+        return;
+      const r = 0, a = Math.max(n - 1, r), f = Math.min(s.length, a), o = (e.ctrlKey || e.metaKey) && !e.altKey, i = re === "rtl", k = i ? "ArrowRight" : "ArrowLeft", oe = i ? "ArrowLeft" : "ArrowRight";
+      if (e.key === k) {
+        l(e), c(o ? r : Math.max(r, t - 1));
+        return;
+      }
+      if (e.key === oe) {
+        l(e), c(o ? f : Math.min(a, t + 1));
+        return;
+      }
+      if (e.key === "Home" || e.key === "ArrowUp") {
+        l(e), c(r);
+        return;
+      }
+      if (e.key === "End" || e.key === "ArrowDown") {
+        l(e), c(f);
+        return;
+      }
+      if (p)
+        return;
+      function P(y, M) {
+        const C = h(y, x(ye, e.nativeEvent));
+        C != null && I(M, C);
+      }
+      if (e.key === "Backspace" && o) {
+        l(e), P("", r);
+        return;
+      }
+      if (e.key === "Delete") {
+        l(e), P(T(s, t), t);
+        return;
+      }
+      const le = e.currentTarget.value, ue = e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === le.length;
+      if (e.key.length === 1 && ue && d === e.key) {
+        l(e), t < n - 1 && c(t + 1);
+        return;
+      }
+      if (e.key === "Backspace") {
+        l(e);
+        const y = Math.max(r, t - 1);
+        P(T(s, d === "" ? y : t), y);
+      }
+    },
+    onPaste(e) {
+      if (e.defaultPrevented || u || p)
+        return;
+      let r = "";
+      try {
+        r = e.clipboardData?.getData("text/plain") ?? "";
+      } catch {
+        if (process.env.NODE_ENV !== "production") {
+          const i = R.captureOwnerStack?.() || "";
+          A("<OTPField.Input> could not read clipboard text during paste handling.", i);
+        }
+        return;
+      }
+      e.preventDefault();
+      const [a, f] = L(r, n, g, m);
+      if (f && O(r, F(B, e.nativeEvent)), a === "")
+        return;
+      const o = h(S(s, t, a, n, g, m), x(B, e.nativeEvent));
+      if (o != null) {
+        const i = Math.min(t + a.length, n - 1);
+        I(i, o);
+      }
+    }
+  };
+  return fe("input", w, {
+    ref: [N, te, D],
+    state: ne,
+    props: [ie, j],
+    stateAttributesMapping: he
+  });
+});
+process.env.NODE_ENV !== "production" && (xe.displayName = "OTPFieldInput");
+export {
+  xe as OTPFieldInput
+};

package/dist/node_modules/@base-ui/react/otp-field/root/OTPFieldRoot.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ae=require("react"),ae=require("../../../utils/safeReact.cjs.js"),ze=require("../../../utils/useControlled.cjs.js"),$e=require("../../../utils/useIsoLayoutEffect.cjs.js"),g=require("../../../utils/useStableCallback.cjs.js"),_e=require("../../../utils/useValueAsRef.cjs.js"),oe=require("../../../utils/visuallyHidden.cjs.js"),ue=require("../../../utils/warn.cjs.js"),He=require("../../../utils/owner.cjs.js"),Ue=require("../../internals/composite/list/CompositeList.cjs.js"),Ge=require("../../internals/field-root-context/FieldRootContext.cjs.js"),We=require("../../internals/field-register-control/useRegisterFieldControl.cjs.js"),Je=require("../../internals/form-context/FormContext.cjs.js"),Ke=require("../../internals/labelable-provider/LabelableContext.cjs.js"),Qe=require("../../internals/labelable-provider/useAriaLabelledBy.cjs.js"),Xe=require("../../internals/labelable-provider/useLabelableId.cjs.js"),Ye=require("../../internals/useRenderElement.cjs.js"),Ze=require("../../internals/useValueChanged.cjs.js"),z=require("../../internals/createBaseUIEventDetails.cjs.js"),et=require("./OTPFieldRootContext.cjs.js"),tt=require("../utils/stateAttributesMapping.cjs.js"),M=require("../utils/otp.cjs.js"),A=require("react/jsx-runtime"),q=require("../../internals/reason-parts.cjs.js"),nt=require("../../internals/shadowDom.cjs.js");function rt(o){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(u,r,i.get?i:{enumerable:!0,get:()=>o[r]})}}return u.default=o,Object.freeze(u)}const l=rt(Ae),le=l.forwardRef(function(u,r){const{"aria-describedby":i,"aria-labelledby":V,id:se,autoComplete:D="one-time-code",defaultValue:ie,value:ce,onValueChange:de,onValueComplete:fe,form:b,length:n,autoSubmit:pe=!1,mask:$=!1,inputMode:me,validationType:f="numeric",normalizeValue:h,disabled:ge=!1,readOnly:p=!1,required:v=!1,name:_,onValueInvalid:be,render:lt,className:st,style:it,...he}=u,{setDirty:ve,validityData:Ce,disabled:Re,setFilled:H,invalid:U,name:Pe,state:G,validation:C,validationMode:ye,setFocused:W,setTouched:qe}=Ge.useFieldRootContext(),{clearErrors:Ve}=Je.useFormContext(),{getDescriptionProps:Ie,labelId:Se}=Ke.useLabelableContext(),c=Re||ge,I=Pe??_,[Oe,Fe]=ze.useControlled({controlled:ce,default:ie,name:"OTPField",state:"value"}),E=l.useRef(null),R=l.useRef([]),x=l.useRef(null),S=l.useRef(null),J=l.useMemo(()=>({get current(){return R.current[0]??null}}),[]),d=Xe.useLabelableId({id:se}),K=Qe.useAriaLabelledBy(V,Se,J,!0,d),Q=V==null?K:void 0,Me=Ie({}),De=ot(i,Me["aria-describedby"]),T=M.getOTPValidationConfig(f),X=T?.slotPattern,Ee=T?.getRootPattern(n),w=me??T?.inputMode,xe=Number.isInteger(n)&&n>0,a=M.normalizeOTPValue(Oe,n,f,h),P=_e.useValueAsRef(a),O=a!=="",[Te,we]=l.useState(0),[Le,ke]=l.useState(()=>Math.min(a.length,n-1)),[L,Y]=l.useState(!1),Z=L?Math.min(Le,Math.max(n-1,0)):Math.min(a.length,n-1);$e.useIsoLayoutEffect(()=>{H(O)},[O,H]),process.env.NODE_ENV!=="production"&&ut({inputCount:Te,length:n}),We.useRegisterFieldControl(J,d,a,void 0,!c,_);const y=g.useStableCallback(e=>{const t=Math.min(Math.max(e,0),Math.max(R.current.length-1,0)),s=R.current[t];s?.focus(),s?.select()}),k=g.useStableCallback((e,t)=>{x.current={index:e,value:t}});function Be(){let e=C.inputRef.current?.form??R.current[0]?.form??null;if(b){const t=He.ownerDocument(E.current).getElementById(b);t?.tagName==="FORM"&&(e=t)}e&&typeof e.requestSubmit=="function"&&e.requestSubmit()}function ee(e,t){fe?.(e,t),pe&&Be()}Ze.useValueChanged(a,()=>{Ve(I),ve(a!==Ce.initialValue),C.change(a);const e=S.current;e!=null&&(S.current=null,e.value===a&&ee(a,e.eventDetails));const t=x.current;t!=null&&(x.current=null,t.value===a&&y(t.index))});const B=g.useStableCallback((e,t)=>{const s=M.normalizeOTPValue(e,n,f,h),m=s.length===n&&(P.current.length!==n||t.reason===q.inputPaste)?at(t):null;return s===P.current?(m!=null&&ee(s,m),null):(de?.(s,t),t.isCanceled?null:(Fe(s),m!=null?S.current={value:s,eventDetails:m}:s.length!==n&&(S.current=null),s))}),N=g.useStableCallback((e,t)=>{be?.(e,t)}),te=g.useStableCallback((e,t)=>{if(e>P.current.length){y(Math.min(P.current.length,n-1));return}ke(e),Y(!0),W(!0),t.currentTarget.select()}),ne=g.useStableCallback(e=>{nt.contains(E.current,e.relatedTarget)||(qe(!0),Y(!1),W(!1),ye==="onBlur"&&C.commit(P.current))}),re=l.useCallback(e=>{if(d!=null)return e===0?d:`${d}-${e+1}`},[d]),j=l.useMemo(()=>({...G,complete:a.length===n,disabled:c,filled:O,focused:L,length:n,readOnly:p,required:v,value:a}),[c,G,O,L,n,p,v,a]),Ne=l.useMemo(()=>({autoComplete:D,activeIndex:Z,disabled:c,form:b,focusInput:y,queueFocusInput:k,getInputId:re,handleInputBlur:ne,handleInputFocus:te,inputMode:w,inputAriaLabelledBy:Q,invalid:U,length:n,mask:$,pattern:X,reportValueInvalid:N,readOnly:p,required:v,normalizeValue:h,setValue:B,state:j,validationType:f,value:a}),[Z,D,c,y,b,re,ne,te,w,Q,U,n,$,X,k,p,N,v,h,B,j,f,a]),je=Ye.useRenderElement("div",u,{ref:[r,E],state:j,props:[{role:"group","aria-describedby":De,"aria-labelledby":K},he],stateAttributesMapping:tt.rootStateAttributesMapping});return A.jsx(Ue.CompositeList,{elementsRef:R,onMapChange:e=>{we(e.size)},children:A.jsxs(et.OTPFieldRootContext.Provider,{value:Ne,children:[je,xe&&A.jsx("input",{...C.getValidationProps(c,{onFocus(){y(0)},onChange(e){if(e.nativeEvent.defaultPrevented||c||p)return;const t=e.currentTarget.value,[s,m]=M.normalizeOTPValueWithDetails(t,n,f,h);m&&N(t,z.createGenericEventDetails(q.inputChange,e.nativeEvent));const F=B(s,z.createChangeEventDetails(q.inputChange,e.nativeEvent));F!=null&&F!==""&&k(F.length-1,F)}}),ref:C.inputRef,type:"text",id:d&&I==null?`${d}-hidden-input`:void 0,form:b,name:I,value:a,autoComplete:D,inputMode:w,minLength:n,maxLength:n,pattern:Ee,disabled:c,readOnly:p,required:v,"aria-hidden":!0,tabIndex:-1,style:I?oe.visuallyHiddenInput:oe.visuallyHidden})]})})});process.env.NODE_ENV!=="production"&&(le.displayName="OTPFieldRoot");function at(o){return o.reason===q.inputChange||o.reason===q.inputPaste?z.createGenericEventDetails(o.reason,o.event):null}function ot(...o){const u=o.flatMap(r=>r?.split(/\s+/).filter(Boolean)??[]);return u.length>0?Array.from(new Set(u)).join(" "):void 0}function ut(o){const{inputCount:u,length:r}=o;l.useEffect(()=>{if(!Number.isInteger(r)||r<=0||u===0||u===r)return;const i=ae.SafeReact.captureOwnerStack?.()||"",V=`<OTPField.Root> \`length\` must match the number of rendered <OTPField.Input /> parts. Received \`length={${r}}\` but rendered ${u} input${u===1?"":"s"}.`;ue.warn(V,i)},[u,r]),l.useEffect(()=>{if(Number.isInteger(r)&&r>0)return;const i=ae.SafeReact.captureOwnerStack?.()||"";ue.warn(`<OTPField.Root> \`length\` must be a positive integer. Received \`length={${String(r)}}\`.`,i)},[r])}exports.OTPFieldRoot=le;

package/dist/node_modules/@base-ui/react/otp-field/root/OTPFieldRoot.es.js

@@ -0,0 +1,247 @@
+"use client";
+import * as o from "react";
+import { SafeReact as te } from "../../../utils/safeReact.es.js";
+import { useControlled as $e } from "../../../utils/useControlled.es.js";
+import { useIsoLayoutEffect as qe } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useStableCallback as p } from "../../../utils/useStableCallback.es.js";
+import { useValueAsRef as ze } from "../../../utils/useValueAsRef.es.js";
+import { visuallyHiddenInput as je, visuallyHidden as He } from "../../../utils/visuallyHidden.es.js";
+import { warn as ne } from "../../../utils/warn.es.js";
+import { ownerDocument as Ue } from "../../../utils/owner.es.js";
+import { CompositeList as We } from "../../internals/composite/list/CompositeList.es.js";
+import { useFieldRootContext as _e } from "../../internals/field-root-context/FieldRootContext.es.js";
+import { useRegisterFieldControl as Ge } from "../../internals/field-register-control/useRegisterFieldControl.es.js";
+import { useFormContext as Je } from "../../internals/form-context/FormContext.es.js";
+import { useLabelableContext as Ke } from "../../internals/labelable-provider/LabelableContext.es.js";
+import { useAriaLabelledBy as Qe } from "../../internals/labelable-provider/useAriaLabelledBy.es.js";
+import { useLabelableId as Xe } from "../../internals/labelable-provider/useLabelableId.es.js";
+import { useRenderElement as Ye } from "../../internals/useRenderElement.es.js";
+import { useValueChanged as Ze } from "../../internals/useValueChanged.es.js";
+import { createGenericEventDetails as ae, createChangeEventDetails as et } from "../../internals/createBaseUIEventDetails.es.js";
+import { OTPFieldRootContext as tt } from "./OTPFieldRootContext.es.js";
+import { rootStateAttributesMapping as nt } from "../utils/stateAttributesMapping.es.js";
+import { getOTPValidationConfig as rt, normalizeOTPValue as re, normalizeOTPValueWithDetails as ot } from "../utils/otp.es.js";
+import { jsx as oe, jsxs as at } from "react/jsx-runtime";
+import { inputChange as A, inputPaste as ie } from "../../internals/reason-parts.es.js";
+import { contains as it } from "../../internals/shadowDom.es.js";
+const lt = /* @__PURE__ */ o.forwardRef(function(l, a) {
+  const {
+    "aria-describedby": g,
+    "aria-labelledby": y,
+    id: le,
+    autoComplete: O = "one-time-code",
+    defaultValue: ue,
+    value: se,
+    onValueChange: ce,
+    onValueComplete: de,
+    form: h,
+    length: n,
+    autoSubmit: me = !1,
+    mask: $ = !1,
+    inputMode: fe,
+    validationType: d = "numeric",
+    normalizeValue: b,
+    disabled: pe = !1,
+    readOnly: m = !1,
+    required: v = !1,
+    name: q,
+    onValueInvalid: ge,
+    render: dt,
+    className: mt,
+    style: ft,
+    ...he
+  } = l, {
+    setDirty: be,
+    validityData: ve,
+    disabled: Re,
+    setFilled: z,
+    invalid: j,
+    name: Ce,
+    state: H,
+    validation: R,
+    validationMode: Pe,
+    setFocused: U,
+    setTouched: Ve
+  } = _e(), {
+    clearErrors: ye
+  } = Je(), {
+    getDescriptionProps: Ie,
+    labelId: Me
+  } = Ke(), s = Re || pe, I = Ce ?? q, [Fe, Ee] = $e({
+    controlled: se,
+    default: ue,
+    name: "OTPField",
+    state: "value"
+  }), D = o.useRef(null), C = o.useRef([]), S = o.useRef(null), M = o.useRef(null), W = o.useMemo(() => ({
+    get current() {
+      return C.current[0] ?? null;
+    }
+  }), []), c = Xe({
+    id: le
+  }), _ = Qe(y, Me, W, !0, c), G = y == null ? _ : void 0, Oe = Ie({}), De = st(g, Oe["aria-describedby"]), x = rt(d), J = x?.slotPattern, Se = x?.getRootPattern(n), T = fe ?? x?.inputMode, xe = Number.isInteger(n) && n > 0, r = re(Fe, n, d, b), P = ze(r), F = r !== "", [Te, we] = o.useState(0), [Le, Ne] = o.useState(() => Math.min(r.length, n - 1)), [w, K] = o.useState(!1), Q = w ? Math.min(Le, Math.max(n - 1, 0)) : Math.min(r.length, n - 1);
+  qe(() => {
+    z(F);
+  }, [F, z]), process.env.NODE_ENV !== "production" && ct({
+    inputCount: Te,
+    length: n
+  }), Ge(W, c, r, void 0, !s, q);
+  const V = p((e) => {
+    const t = Math.min(Math.max(e, 0), Math.max(C.current.length - 1, 0)), i = C.current[t];
+    i?.focus(), i?.select();
+  }), L = p((e, t) => {
+    S.current = {
+      index: e,
+      value: t
+    };
+  });
+  function Be() {
+    let e = R.inputRef.current?.form ?? C.current[0]?.form ?? null;
+    if (h) {
+      const t = Ue(D.current).getElementById(h);
+      t?.tagName === "FORM" && (e = t);
+    }
+    e && typeof e.requestSubmit == "function" && e.requestSubmit();
+  }
+  function X(e, t) {
+    de?.(e, t), me && Be();
+  }
+  Ze(r, () => {
+    ye(I), be(r !== ve.initialValue), R.change(r);
+    const e = M.current;
+    e != null && (M.current = null, e.value === r && X(r, e.eventDetails));
+    const t = S.current;
+    t != null && (S.current = null, t.value === r && V(t.index));
+  });
+  const N = p((e, t) => {
+    const i = re(e, n, d, b), f = i.length === n && (P.current.length !== n || t.reason === ie) ? ut(t) : null;
+    return i === P.current ? (f != null && X(i, f), null) : (ce?.(i, t), t.isCanceled ? null : (Ee(i), f != null ? M.current = {
+      value: i,
+      eventDetails: f
+    } : i.length !== n && (M.current = null), i));
+  }), B = p((e, t) => {
+    ge?.(e, t);
+  }), Y = p((e, t) => {
+    if (e > P.current.length) {
+      V(Math.min(P.current.length, n - 1));
+      return;
+    }
+    Ne(e), K(!0), U(!0), t.currentTarget.select();
+  }), Z = p((e) => {
+    it(D.current, e.relatedTarget) || (Ve(!0), K(!1), U(!1), Pe === "onBlur" && R.commit(P.current));
+  }), ee = o.useCallback((e) => {
+    if (c != null)
+      return e === 0 ? c : `${c}-${e + 1}`;
+  }, [c]), k = o.useMemo(() => ({
+    ...H,
+    complete: r.length === n,
+    disabled: s,
+    filled: F,
+    focused: w,
+    length: n,
+    readOnly: m,
+    required: v,
+    value: r
+  }), [s, H, F, w, n, m, v, r]), ke = o.useMemo(() => ({
+    autoComplete: O,
+    activeIndex: Q,
+    disabled: s,
+    form: h,
+    focusInput: V,
+    queueFocusInput: L,
+    getInputId: ee,
+    handleInputBlur: Z,
+    handleInputFocus: Y,
+    inputMode: T,
+    inputAriaLabelledBy: G,
+    invalid: j,
+    length: n,
+    mask: $,
+    pattern: J,
+    reportValueInvalid: B,
+    readOnly: m,
+    required: v,
+    normalizeValue: b,
+    setValue: N,
+    state: k,
+    validationType: d,
+    value: r
+  }), [Q, O, s, V, h, ee, Z, Y, T, G, j, n, $, J, L, m, B, v, b, N, k, d, r]), Ae = Ye("div", l, {
+    ref: [a, D],
+    state: k,
+    props: [{
+      role: "group",
+      "aria-describedby": De,
+      "aria-labelledby": _
+    }, he],
+    stateAttributesMapping: nt
+  });
+  return /* @__PURE__ */ oe(We, {
+    elementsRef: C,
+    onMapChange: (e) => {
+      we(e.size);
+    },
+    children: /* @__PURE__ */ at(tt.Provider, {
+      value: ke,
+      children: [Ae, xe && /* @__PURE__ */ oe("input", {
+        ...R.getValidationProps(s, {
+          onFocus() {
+            V(0);
+          },
+          onChange(e) {
+            if (e.nativeEvent.defaultPrevented || s || m)
+              return;
+            const t = e.currentTarget.value, [i, f] = ot(t, n, d, b);
+            f && B(t, ae(A, e.nativeEvent));
+            const E = N(i, et(A, e.nativeEvent));
+            E != null && E !== "" && L(E.length - 1, E);
+          }
+        }),
+        ref: R.inputRef,
+        type: "text",
+        id: c && I == null ? `${c}-hidden-input` : void 0,
+        form: h,
+        name: I,
+        value: r,
+        autoComplete: O,
+        inputMode: T,
+        minLength: n,
+        maxLength: n,
+        pattern: Se,
+        disabled: s,
+        readOnly: m,
+        required: v,
+        "aria-hidden": !0,
+        tabIndex: -1,
+        style: I ? je : He
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (lt.displayName = "OTPFieldRoot");
+function ut(u) {
+  return u.reason === A || u.reason === ie ? ae(u.reason, u.event) : null;
+}
+function st(...u) {
+  const l = u.flatMap((a) => a?.split(/\s+/).filter(Boolean) ?? []);
+  return l.length > 0 ? Array.from(new Set(l)).join(" ") : void 0;
+}
+function ct(u) {
+  const {
+    inputCount: l,
+    length: a
+  } = u;
+  o.useEffect(() => {
+    if (!Number.isInteger(a) || a <= 0 || l === 0 || l === a)
+      return;
+    const g = te.captureOwnerStack?.() || "", y = `<OTPField.Root> \`length\` must match the number of rendered <OTPField.Input /> parts. Received \`length={${a}}\` but rendered ${l} input${l === 1 ? "" : "s"}.`;
+    ne(y, g);
+  }, [l, a]), o.useEffect(() => {
+    if (Number.isInteger(a) && a > 0)
+      return;
+    const g = te.captureOwnerStack?.() || "";
+    ne(`<OTPField.Root> \`length\` must be a positive integer. Received \`length={${String(a)}}\`.`, g);
+  }, [a]);
+}
+export {
+  lt as OTPFieldRoot
+};

package/dist/node_modules/@base-ui/react/otp-field/root/OTPFieldRootContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../utils/formatErrorMessage.cjs.js"),s=require("react");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const i=u(s),n=i.createContext(void 0);process.env.NODE_ENV!=="production"&&(n.displayName="OTPFieldRootContext");function d(){const e=i.useContext(n);if(e===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: OTPFieldRootContext is missing. OTPField parts must be placed within <OTPField.Root>.":c.default(98));return e}function l(e,t,o){return{...e,value:t,index:o,filled:t!==""}}exports.OTPFieldRootContext=n;exports.getOTPFieldInputState=l;exports.useOTPFieldRootContext=d;

package/dist/node_modules/@base-ui/react/otp-field/root/OTPFieldRootContext.es.js

@@ -0,0 +1,24 @@
+"use client";
+import r from "../../../utils/formatErrorMessage.es.js";
+import * as o from "react";
+const n = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "OTPFieldRootContext");
+function d() {
+  const t = o.useContext(n);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: OTPFieldRootContext is missing. OTPField parts must be placed within <OTPField.Root>." : r(98));
+  return t;
+}
+function c(t, e, i) {
+  return {
+    ...t,
+    value: e,
+    index: i,
+    filled: e !== ""
+  };
+}
+export {
+  n as OTPFieldRootContext,
+  c as getOTPFieldInputState,
+  d as useOTPFieldRootContext
+};

package/dist/node_modules/@base-ui/react/otp-field/utils/otp.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O={numeric:{slotPattern:"\\d{1}",getRootPattern:e=>`\\d{${e}}`,regexp:/[^\d]/g,inputMode:"numeric"},alpha:{slotPattern:"[a-zA-Z]{1}",getRootPattern:e=>`[a-zA-Z]{${e}}`,regexp:/[^a-zA-Z]/g,inputMode:"text"},alphanumeric:{slotPattern:"[a-zA-Z0-9]{1}",getRootPattern:e=>`[a-zA-Z0-9]{${e}}`,regexp:/[^a-zA-Z0-9]/g,inputMode:"text"}};function P(e){return e==="none"?null:O[e]}function h(e){return(e??"").replace(/\s/g,"")}function p(e,t){return t?e.replace(t.regexp,""):e}function f(e,t,a,r){const o=h(e),i=P(a);let n=p(o,i),l=o.length>n.length;if(r){const s=r(n);l||=n.length>s.length,n=p(s,i),l||=s.length>n.length}const c=t<0?0:t,g=Array.from(n);return[g.slice(0,c).join(""),l||g.length>c]}function u(e,t,a,r){return f(e,t,a,r)[0]}function m(e,t,a,r,o,i){const n=u(a,r,o,i),l=e.slice(0,t),c=e.slice(t+n.length);return u(`${l}${n}${c}`,r,o,i)}function T(e,t){return t<0||t>=e.length?e:`${e.slice(0,t)}${e.slice(t+1)}`}exports.getOTPValidationConfig=P;exports.normalizeOTPValue=u;exports.normalizeOTPValueWithDetails=f;exports.removeOTPCharacter=T;exports.replaceOTPValue=m;exports.stripOTPWhitespace=h;

package/dist/node_modules/@base-ui/react/otp-field/utils/otp.es.js

@@ -0,0 +1,57 @@
+const f = {
+  numeric: {
+    slotPattern: "\\d{1}",
+    getRootPattern: (t) => `\\d{${t}}`,
+    regexp: /[^\d]/g,
+    inputMode: "numeric"
+  },
+  alpha: {
+    slotPattern: "[a-zA-Z]{1}",
+    getRootPattern: (t) => `[a-zA-Z]{${t}}`,
+    regexp: /[^a-zA-Z]/g,
+    inputMode: "text"
+  },
+  alphanumeric: {
+    slotPattern: "[a-zA-Z0-9]{1}",
+    getRootPattern: (t) => `[a-zA-Z0-9]{${t}}`,
+    regexp: /[^a-zA-Z0-9]/g,
+    inputMode: "text"
+  }
+};
+function h(t) {
+  return t === "none" ? null : f[t];
+}
+function P(t) {
+  return (t ?? "").replace(/\s/g, "");
+}
+function u(t, e) {
+  return e ? t.replace(e.regexp, "") : t;
+}
+function m(t, e, o, r) {
+  const a = P(t), i = h(o);
+  let n = u(a, i), l = a.length > n.length;
+  if (r) {
+    const s = r(n);
+    l ||= n.length > s.length, n = u(s, i), l ||= s.length > n.length;
+  }
+  const c = e < 0 ? 0 : e, g = Array.from(n);
+  return [g.slice(0, c).join(""), l || g.length > c];
+}
+function p(t, e, o, r) {
+  return m(t, e, o, r)[0];
+}
+function z(t, e, o, r, a, i) {
+  const n = p(o, r, a, i), l = t.slice(0, e), c = t.slice(e + n.length);
+  return p(`${l}${n}${c}`, r, a, i);
+}
+function O(t, e) {
+  return e < 0 || e >= t.length ? t : `${t.slice(0, e)}${t.slice(e + 1)}`;
+}
+export {
+  h as getOTPValidationConfig,
+  p as normalizeOTPValue,
+  m as normalizeOTPValueWithDetails,
+  O as removeOTPCharacter,
+  z as replaceOTPValue,
+  P as stripOTPWhitespace
+};

package/dist/node_modules/@base-ui/react/otp-field/utils/stateAttributesMapping.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../internals/field-constants/constants.cjs.js"),e={value:()=>null,length:()=>null,...t.fieldValidityMapping},i={value:()=>null,index:()=>null,...t.fieldValidityMapping};exports.inputStateAttributesMapping=i;exports.rootStateAttributesMapping=e;

package/dist/node_modules/@base-ui/react/otp-field/utils/stateAttributesMapping.es.js

@@ -0,0 +1,14 @@
+import { fieldValidityMapping as t } from "../../internals/field-constants/constants.es.js";
+const n = {
+  value: () => null,
+  length: () => null,
+  ...t
+}, i = {
+  value: () => null,
+  index: () => null,
+  ...t
+};
+export {
+  i as inputStateAttributesMapping,
+  n as rootStateAttributesMapping
+};

package/dist/node_modules/@base-ui/react/popover/arrow/PopoverArrow.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),v=require("../positioner/PopoverPositionerContext.cjs.js"),g=require("../root/PopoverRootContext.cjs.js"),m=require("../../utils/popupStateMapping.cjs.js"),b=require("../../internals/useRenderElement.cjs.js");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const y=w(P),n=y.forwardRef(function(t,o){const{render:r,className:R,style:S,...s}=t,{store:a}=g.usePopoverRootContext(),c=a.useState("open"),{arrowRef:i,side:p,align:u,arrowUncentered:l,arrowStyles:d}=v.usePopoverPositionerContext(),f={open:c,side:p,align:u,uncentered:l};return b.useRenderElement("div",t,{state:f,ref:[o,i],props:[{style:d,"aria-hidden":!0},s],stateAttributesMapping:m.popupStateMapping})});process.env.NODE_ENV!=="production"&&(n.displayName="PopoverArrow");exports.PopoverArrow=n;

package/dist/node_modules/@base-ui/react/popover/arrow/PopoverArrow.es.js

@@ -0,0 +1,40 @@
+"use client";
+import * as c from "react";
+import { usePopoverPositionerContext as d } from "../positioner/PopoverPositionerContext.es.js";
+import { usePopoverRootContext as f } from "../root/PopoverRootContext.es.js";
+import { popupStateMapping as u } from "../../utils/popupStateMapping.es.js";
+import { useRenderElement as l } from "../../internals/useRenderElement.es.js";
+const v = /* @__PURE__ */ c.forwardRef(function(e, o) {
+  const {
+    render: P,
+    className: R,
+    style: y,
+    ...r
+  } = e, {
+    store: t
+  } = f(), n = t.useState("open"), {
+    arrowRef: s,
+    side: p,
+    align: a,
+    arrowUncentered: i,
+    arrowStyles: m
+  } = d();
+  return l("div", e, {
+    state: {
+      open: n,
+      side: p,
+      align: a,
+      uncentered: i
+    },
+    ref: [o, s],
+    props: [{
+      style: m,
+      "aria-hidden": !0
+    }, r],
+    stateAttributesMapping: u
+  });
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "PopoverArrow");
+export {
+  v as PopoverArrow
+};

package/dist/node_modules/@base-ui/react/popover/backdrop/PopoverBackdrop.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),f=require("../root/PopoverRootContext.cjs.js"),g=require("../../utils/popupStateMapping.cjs.js"),S=require("../../internals/stateAttributesMapping.cjs.js"),m=require("../../internals/useRenderElement.cjs.js"),b=require("../../internals/reason-parts.cjs.js");function v(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const P=v(l),R={...g.popupStateMapping,...S.transitionStatusMapping},s=P.forwardRef(function(t,o){const{render:r,className:y,style:k,...a}=t,{store:n}=f.usePopoverRootContext(),c=n.useState("open"),p=n.useState("mounted"),i=n.useState("transitionStatus"),u=n.useState("openChangeReason"),d={open:c,transitionStatus:i};return m.useRenderElement("div",t,{state:d,ref:[n.context.backdropRef,o],props:[{role:"presentation",hidden:!p,style:{pointerEvents:u===b.triggerHover?"none":void 0,userSelect:"none",WebkitUserSelect:"none"}},a],stateAttributesMapping:R})});process.env.NODE_ENV!=="production"&&(s.displayName="PopoverBackdrop");exports.PopoverBackdrop=s;

package/dist/node_modules/@base-ui/react/popover/backdrop/PopoverBackdrop.es.js

@@ -0,0 +1,41 @@
+"use client";
+import * as i from "react";
+import { usePopoverRootContext as c } from "../root/PopoverRootContext.es.js";
+import { popupStateMapping as m } from "../../utils/popupStateMapping.es.js";
+import { transitionStatusMapping as u } from "../../internals/stateAttributesMapping.es.js";
+import { useRenderElement as d } from "../../internals/useRenderElement.es.js";
+import { triggerHover as f } from "../../internals/reason-parts.es.js";
+const l = {
+  ...m,
+  ...u
+}, S = /* @__PURE__ */ i.forwardRef(function(t, o) {
+  const {
+    render: R,
+    className: g,
+    style: k,
+    ...n
+  } = t, {
+    store: e
+  } = c(), r = e.useState("open"), s = e.useState("mounted"), p = e.useState("transitionStatus"), a = e.useState("openChangeReason");
+  return d("div", t, {
+    state: {
+      open: r,
+      transitionStatus: p
+    },
+    ref: [e.context.backdropRef, o],
+    props: [{
+      role: "presentation",
+      hidden: !s,
+      style: {
+        pointerEvents: a === f ? "none" : void 0,
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, n],
+    stateAttributesMapping: l
+  });
+});
+process.env.NODE_ENV !== "production" && (S.displayName = "PopoverBackdrop");
+export {
+  S as PopoverBackdrop
+};

package/dist/node_modules/@base-ui/react/popover/close/PopoverClose.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),d=require("../root/PopoverRootContext.cjs.js"),v=require("../../internals/useRenderElement.cjs.js"),P=require("../../internals/createBaseUIEventDetails.cjs.js"),b=require("../../utils/closePart.cjs.js"),m=require("../../internals/use-button/useButton.cjs.js"),g=require("../../internals/reason-parts.cjs.js");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const R=C(p),n=R.forwardRef(function(t,o){const{render:r,className:O,style:q,disabled:s=!1,nativeButton:a=!0,...c}=t,{buttonRef:u,getButtonProps:l}=m.useButton({disabled:s,focusableWhenDisabled:!1,native:a}),{store:i}=d.usePopoverRootContext();return b.useClosePartRegistration(),v.useRenderElement("button",t,{ref:[o,u],props:[{onClick(f){i.setOpen(!1,P.createChangeEventDetails(g.closePress,f.nativeEvent))}},c,l]})});process.env.NODE_ENV!=="production"&&(n.displayName="PopoverClose");exports.PopoverClose=n;