var Wt=Object.defineProperty,Bt=Object.defineProperties;var At=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var Rt=Object.prototype.hasOwnProperty,vt=Object.prototype.propertyIsEnumerable;var pt=(r,s,e)=>s in r?Wt(r,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[s]=e,gt=(r,s)=>{for(var e in s||(s={}))Rt.call(s,e)&&pt(r,e,s[e]);if(U)for(var e of U(s))vt.call(s,e)&&pt(r,e,s[e]);return r},Et=(r,s)=>Bt(r,At(s));var St=(r,s)=>{var e={};for(var u in r)Rt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&U)for(var u of U(r))s.indexOf(u)<0&&vt.call(r,u)&&(e[u]=r[u]);return e};import*as n from"react";var bt="^\\d+$",$t="^[a-zA-Z]+$",Ft="^[a-zA-Z0-9]+$";function Pt(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return[s,e,u]}import*as Z from"react";function ht(r){let s=Z.useRef();return Z.useEffect(()=>{s.current=r}),s.current}import*as R from"react";var kt=18,_t=40,Ot=`${_t}px`,Gt=["[data-lastpass-icon-root]","com-1password-button","[data-dashlanecreated]",'[style$="2147483647 !important;"]'].join(",");function wt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let h=R.useRef({done:!1,refocused:!1}),[W,B]=R.useState(!1),[z,q]=R.useState(!1),[j,A]=R.useState(!1),V=R.useMemo(()=>e==="none"?!1:(e==="increase-width"||e==="experimental-no-flickering")&&W&&z,[W,z,e]),c=R.useCallback(()=>{let v=r.current,m=s.current;if(!v||!m||j||e==="none")return;let g=v,k=g.getBoundingClientRect().left+g.offsetWidth,M=g.getBoundingClientRect().top+g.offsetHeight/2,a=k-kt,b=M;if(!(document.querySelectorAll(Gt).length===0&&document.elementFromPoint(a,b)===v)&&(B(!0),A(!0),!h.current.refocused&&document.activeElement===m)){let d=[m.selectionStart,m.selectionEnd];m.blur(),m.focus(),m.setSelectionRange(d[0],d[1]),h.current.refocused=!0}},[r,s,j,e]);return R.useEffect(()=>{let v=r.current;if(!v||e==="none")return;function m(){let M=window.innerWidth-v.getBoundingClientRect().right;q(M>=_t)}m();let g=setInterval(m,1e3);return()=>{clearInterval(g)}},[r,e]),R.useEffect(()=>{let v=u||document.activeElement===s.current;if(e==="none"||!v)return;let m=setTimeout(c,0),g=setTimeout(c,2e3),k=setTimeout(c,5e3),M=setTimeout(()=>{A(!0)},6e3);return()=>{clearTimeout(m),clearTimeout(g),clearTimeout(k),clearTimeout(M)}},[s,u,e,c]),{hasPWMBadge:W,willPushPWMBadge:V,PWM_BADGE_SPACE_WIDTH:Ot}}var xt=n.createContext({}),jt=n.forwardRef((m,v)=>{var g=m,{value:r,onChange:s,maxLength:e,textAlign:u="left",pattern:h=bt,inputMode:W="numeric",onComplete:B,pushPasswordManagerStrategy:z="increase-width",containerClassName:q,noScriptCSSFallback:j=Lt,render:A,children:V}=g,c=St(g,["value","onChange","maxLength","textAlign","pattern","inputMode","onComplete","pushPasswordManagerStrategy","containerClassName","noScriptCSSFallback","render","children"]);var Y,it,lt,ut,dt;let[k,M]=n.useState(typeof c.defaultValue=="string"?c.defaultValue:""),a=r!=null?r:k,b=ht(a),O=n.useCallback(t=>{s==null||s(t),M(t)},[s]),d=n.useMemo(()=>h?typeof h=="string"?new RegExp(h):h:null,[h]),i=n.useRef(null),K=n.useRef(null),J=n.useRef({value:a,onChange:O,isIOS:typeof window!="undefined"&&((it=(Y=window==null?void 0:window.CSS)==null?void 0:Y.supports)==null?void 0:it.call(Y,"-webkit-touch-callout","none"))}),X=n.useRef({prev:[(lt=i.current)==null?void 0:lt.selectionStart,(ut=i.current)==null?void 0:ut.selectionEnd,(dt=i.current)==null?void 0:dt.selectionDirection]});n.useImperativeHandle(v,()=>i.current,[]),n.useEffect(()=>{let t=i.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),X.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function f(){if(document.activeElement!==t){N(null),$(null);return}let l=t.selectionStart,S=t.selectionEnd,w=t.selectionDirection,y=t.maxLength,D=t.value,P=X.current.prev,E=-1,T=-1,I;if(D.length!==0&&l!==null&&S!==null){let yt=l===S,Dt=l===D.length&&D.length<y;if(yt&&!Dt){let H=l;if(H===0)E=0,T=1,I="forward";else if(H===y)E=H-1,T=H,I="backward";else if(y>1&&D.length>1){let et=0;if(P[0]!==null&&P[1]!==null){I=H<P[1]?"backward":"forward";let Ht=P[0]===P[1]&&P[0]<y;I==="backward"&&!Ht&&(et=-1)}E=et+H,T=et+H+1}}E!==-1&&T!==-1&&E!==T&&i.current.setSelectionRange(E,T,I)}let ft=E!==-1?E:l,mt=T!==-1?T:S,Ct=I!=null?I:w;N(ft),$(mt),X.current.prev=[ft,mt,Ct]}if(document.addEventListener("selectionchange",f,{capture:!0}),f(),document.activeElement===t&&Q(!0),!document.getElementById("input-otp-style")){let l=document.createElement("style");if(l.id="input-otp-style",document.head.appendChild(l),l.sheet){let S="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";F(l.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),F(l.sheet,`[data-input-otp]:autofill { ${S} }`),F(l.sheet,`[data-input-otp]:-webkit-autofill { ${S} }`),F(l.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),F(l.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let p=()=>{o&&o.style.setProperty("--root-height",`${t.clientHeight}px`)};p();let _=new ResizeObserver(p);return _.observe(t),()=>{document.removeEventListener("selectionchange",f,{capture:!0}),_.disconnect()}},[]);let[nt,ot]=n.useState(!1),[L,Q]=n.useState(!1),[C,N]=n.useState(null),[G,$]=n.useState(null);n.useEffect(()=>{Pt(()=>{var p,_,l,S;(p=i.current)==null||p.dispatchEvent(new Event("input"));let t=(_=i.current)==null?void 0:_.selectionStart,o=(l=i.current)==null?void 0:l.selectionEnd,f=(S=i.current)==null?void 0:S.selectionDirection;t!==null&&o!==null&&(N(t),$(o),X.current.prev=[t,o,f])})},[a,L]),n.useEffect(()=>{b!==void 0&&a!==b&&b.length<e&&a.length===e&&(B==null||B(a))},[e,B,b,a]);let x=wt({containerRef:K,inputRef:i,pushPasswordManagerStrategy:z,isFocused:L}),rt=n.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&d&&!d.test(o)){t.preventDefault();return}typeof b=="string"&&o.length<b.length&&document.dispatchEvent(new Event("selectionchange")),O(o)},[e,O,b,d]),st=n.useCallback(()=>{var t;if(i.current){let o=Math.min(i.current.value.length,e-1),f=i.current.value.length;(t=i.current)==null||t.setSelectionRange(o,f),N(o),$(f)}Q(!0)},[e]),ct=n.useCallback(t=>{var P,E;let o=i.current;if(!J.current.isIOS||!t.clipboardData||!o)return;let f=t.clipboardData.getData("text/plain");t.preventDefault();let p=(P=i.current)==null?void 0:P.selectionStart,_=(E=i.current)==null?void 0:E.selectionEnd,w=(p!==_?a.slice(0,p)+f+a.slice(_):a.slice(0,p)+f+a.slice(p)).slice(0,e);if(w.length>0&&d&&!d.test(w))return;o.value=w,O(w);let y=Math.min(w.length,e-1),D=w.length;o.setSelectionRange(y,D),N(y),$(D)},[e,O,d,a]),Tt=n.useMemo(()=>({position:"relative",cursor:c.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[c.disabled]),at=n.useMemo(()=>({position:"absolute",inset:0,width:x.willPushPWMBadge?`calc(100% + ${x.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:x.willPushPWMBadge?`inset(0 ${x.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:u,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[x.PWM_BADGE_SPACE_WIDTH,x.willPushPWMBadge,u]),It=n.useMemo(()=>n.createElement("input",Et(gt({autoComplete:c.autoComplete||"one-time-code"},c),{"data-input-otp":!0,"data-input-otp-mss":C,"data-input-otp-mse":G,inputMode:W,pattern:d==null?void 0:d.source,style:at,maxLength:e,value:a,ref:i,onPaste:t=>{var o;ct(t),(o=c.onPaste)==null||o.call(c,t)},onChange:rt,onMouseOver:t=>{var o;ot(!0),(o=c.onMouseOver)==null||o.call(c,t)},onMouseLeave:t=>{var o;ot(!1),(o=c.onMouseLeave)==null||o.call(c,t)},onFocus:t=>{var o;st(),(o=c.onFocus)==null||o.call(c,t)},onBlur:t=>{var o;Q(!1),(o=c.onBlur)==null||o.call(c,t)}})),[rt,st,ct,W,at,e,G,C,c,d==null?void 0:d.source,a]),tt=n.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{let f=L&&C!==null&&G!==null&&(C===G&&o===C||o>=C&&o<G),p=a[o]!==void 0?a[o]:null;return{char:p,isActive:f,hasFakeCaret:f&&p===null}}),isFocused:L,isHovering:!c.disabled&&nt}),[L,nt,e,G,C,c.disabled,a]),Mt=n.useMemo(()=>A?A(tt):n.createElement(xt.Provider,{value:tt},V),[V,tt,A]);return n.createElement(n.Fragment,null,j!==null&&n.createElement("noscript",null,n.createElement("style",null,j)),n.createElement("div",{ref:K,"data-input-otp-container":!0,style:Tt,className:q},Mt,n.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},It)))});jt.displayName="Input";function F(r,s){try{r.insertRule(s)}catch(e){console.error("input-otp could not insert CSS rule:",s)}}var Lt=`
[data-input-otp] {
  --nojs-bg: white !important;
  --nojs-fg: black !important;

  background-color: var(--nojs-bg) !important;
  color: var(--nojs-fg) !important;
  caret-color: var(--nojs-fg) !important;
  letter-spacing: .25em !important;
  text-align: center !important;
  border: 1px solid var(--nojs-fg) !important;
  border-radius: 4px !important;
  width: 100% !important;
}
@media (prefers-color-scheme: dark) {
  [data-input-otp] {
    --nojs-bg: black !important;
    --nojs-fg: white !important;
  }
}`;export{jt as OTPInput,xt as OTPInputContext,$t as REGEXP_ONLY_CHARS,bt as REGEXP_ONLY_DIGITS,Ft as REGEXP_ONLY_DIGITS_AND_CHARS};
//# sourceMappingURL=index.mjs.map