neatkit 0.7.0 → 0.9.0

package/dist/Modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("react"),$=require("./Button-D7JUO6Fs.cjs"),f=require("./usePresence-qe92UTvK.cjs"),A=require("./useFocusTrap--cgjy78G.cjs"),D=require("./Surface-BttJYSDt.cjs"),V=require("./Text-DWYlIcPj.cjs"),y=new WeakMap;function G(l,e){s.useEffect(()=>{if(!l||!e)return;const o=y.get(e);if(o)o.count+=1;else{const t=e.body,r=e.defaultView,u=r&&Number.parseFloat(r.getComputedStyle(t).paddingRight)||0,n=e.documentElement.clientWidth,c=r&&n>0?Math.max(0,r.innerWidth-n):0,b={count:1,overflow:t.style.overflow,paddingRight:t.style.paddingRight};y.set(e,b),t.style.overflow="hidden",c>0&&(t.style.paddingRight=`${u+c}px`)}return()=>{const t=y.get(e);t&&(t.count-=1,!(t.count>0)&&(e.body.style.overflow=t.overflow,e.body.style.paddingRight=t.paddingRight,y.delete(e)))}},[l,e])}function H(l,e,o){e.current=l,typeof o=="function"?o(l):o&&(o.current=l)}function J(l){const{"aria-label":e,"aria-labelledby":o,children:t,className:r,closeButtonLabel:u="Close modal",exitable:n=!0,forwardedReference:c,initialFocusReference:b,lockScroll:P=!0,onClose:i,open:a,ownerDocument:h,presenceState:x,restoreFocus:_=!0,role:B="dialog",style:I,title:p,trapFocus:S=!0,...M}=l,R=s.useRef(null),k=s.useRef(null),E=s.useContext(f.FocusScopeContext),L=`${s.useId()}-title`,[g,q]=s.useState(null),m=f.useOverlayLayer(!0,h),N=s.useMemo(()=>[R],[]),v=!!(p!=null&&p.trim()),O=b??(v?k:void 0),T=o??(e===void 0&&v?L:void 0),W=s.useCallback(F=>{H(F,R,c),q(F)},[c]);s.useLayoutEffect(()=>{g&&(g.inert=!a)},[g,a]);const w=s.useCallback(()=>{i==null||i("escape")},[i]),C=s.useCallback(()=>{i==null||i("outside")},[i]);f.useDismissableLayer({active:a,boundaries:N,dismissOnEscape:n,dismissOnPointerDownOutside:n,layerId:m.id,onEscapeDismiss:w,onPointerDownOutsideDismiss:C,ownerDocument:h});const z=A.useFocusTrap({active:a&&S,container:g,initialFocusReference:O,layerId:m.id,restoreFocus:_});G(P,h);const j=n?d.jsx($.Button,{"aria-label":u,className:"nk-modal__close",icon:"cross",onClick:()=>i==null?void 0:i("close-button"),shape:"rectangle",type:"button",variant:"ghost"}):null;return d.jsx(f.FocusScopeContext.Provider,{value:a&&S?z:E,children:d.jsx("div",{className:"nk-modal__overlay","data-state":x,role:"presentation",style:{zIndex:m.zIndex},children:d.jsxs(D.Surface,{...M,ref:W,"aria-hidden":a?void 0:!0,"aria-label":a?e:void 0,"aria-labelledby":a?T:void 0,"aria-modal":a?"true":void 0,className:["nk-modal",r].filter(Boolean).join(" "),"data-state":x,role:a?B:void 0,style:I,tabIndex:-1,children:[v?d.jsxs("div",{className:"nk-modal__header",children:[d.jsx(V.Text,{as:"h2",className:"nk-modal__title",id:L,ref:k,size:"subtitle",tabIndex:-1,weight:"semibold",children:p}),j]}):j,t]})})})}const K=s.forwardRef(function(e,o){const{open:t}=e,r=s.useRef(e);t&&(r.current=e);const u=t?e:r.current,{portalContainer:n}=u,c=f.usePresence(t),b=(n==null?void 0:n.ownerDocument)??(typeof document>"u"?null:document);return c.present?d.jsx(f.Portal,{container:n,children:d.jsx(J,{...u,forwardedReference:o,open:t,ownerDocument:b,presenceState:c.state==="closing"?"closing":"open"})}):null});exports.default=K;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),A=require("./effects-D85L_7zM.cjs"),$=require("./Button-DU4j_IED.cjs"),r=require("./usePresence-B5RYv4e1.cjs"),G=require("./useFocusTrap-BrFZdMqQ.cjs"),H=require("./useScrollLock-Dy8MZaSn.cjs"),J=require("./Surface-BttJYSDt.cjs"),K=require("./Text-DWYlIcPj.cjs");function Q(c,t,a){t.current=c,typeof a=="function"?a(c):a&&(a.current=c)}function U(c){const{"aria-label":t,"aria-labelledby":a,children:l,className:v,closeButtonLabel:m="Close modal",exitable:i=!0,forwardedReference:u,initialFocusReference:d,lockScroll:f=!0,onClose:e,open:o,ownerDocument:g,presenceState:k,restoreFocus:R=!0,role:F="dialog",style:I,title:b,trapFocus:S=!0,...P}=c,j=s.useRef(null),_=s.useRef(null),q=s.useContext(r.FocusScopeContext),B=`${s.useId()}-title`,[y,M]=s.useState(null),p=r.useBoundary("Modal").boundaryElement,x=r.useOverlayLayer(!0,p),E=s.useMemo(()=>[j],[]),h=!!(b!=null&&b.trim()),N=d??(h?_:void 0),O=a??(t===void 0&&h?B:void 0),T=s.useCallback(L=>{Q(L,j,u),M(L)},[u]);A.useIsomorphicLayoutEffect(()=>{y&&(y.inert=!o)},[y,o]);const w=s.useCallback(()=>{e==null||e("escape")},[e]),C=s.useCallback(()=>{e==null||e("outside")},[e]);r.useDismissableLayer({boundary:p,active:o,boundaries:E,dismissOnEscape:i,dismissOnPointerDownOutside:i,layerId:x.id,onEscapeDismiss:w,onPointerDownOutsideDismiss:C,ownerDocument:g});const z=G.useFocusTrap({boundary:p,active:o&&S,container:y,initialFocusReference:N,layerId:x.id,restoreFocus:R});H.useScrollLock(f,g,p);const D=i?n.jsx($.Button,{"aria-label":m,className:"nk-modal__close",icon:"cross",onClick:()=>e==null?void 0:e("close-button"),shape:"rectangle",type:"button",variant:"ghost"}):null;return n.jsx(r.FocusScopeContext.Provider,{value:o&&S?z:q,children:n.jsx("div",{className:"nk-modal__overlay","data-state":k,role:"presentation",style:{zIndex:x.zIndex},children:n.jsx("div",{className:"nk-modal__viewport",children:n.jsxs(J.Surface,{...P,ref:T,"aria-hidden":o?void 0:!0,"aria-label":o?t:void 0,"aria-labelledby":o?O:void 0,"aria-modal":o?"true":void 0,className:["nk-modal",v].filter(Boolean).join(" "),"data-state":k,role:o?F:void 0,style:I,tabIndex:-1,children:[h?n.jsxs("div",{className:"nk-modal__header",children:[n.jsx(K.Text,{as:"h2",className:"nk-modal__title",id:B,ref:_,size:"subtitle",tabIndex:-1,weight:"semibold",children:b}),D]}):D,l]})})})})}const V=s.forwardRef(function(t,a){const{open:l}=t,v=r.useBoundary("Modal"),m=s.useRef(t);l&&(m.current=t);const i=l?t:m.current,u=r.usePresence(l),d=v.boundaryElement,f=(d==null?void 0:d.ownerDocument)??(typeof document>"u"?null:document);return!u.present||!f?null:n.jsx(r.Portal,{children:n.jsx(U,{...i,forwardedReference:a,open:l,ownerDocument:f,presenceState:u.state==="closing"?"closing":"open"})})});exports.default=V;

package/dist/Modal.js

@@ -1,171 +1,149 @@
 "use client";
-import { jsx as d, jsxs as B } from "react/jsx-runtime";
-import { useEffect as V, forwardRef as q, useRef as v, useContext as G, useId as H, useState as J, useMemo as K, useCallback as h, useLayoutEffect as Q } from "react";
-import { B as U } from "./Button-BAsLfA0D.js";
-import { a as X, P as Y, F as I, b as Z, c as ee } from "./usePresence-DSPt6aKi.js";
-import { u as te } from "./useFocusTrap-Da4nEash.js";
-import { S as oe } from "./Surface-vEFsZC12.js";
-import { T as se } from "./Text-rN6iDo0V.js";
-const p = /* @__PURE__ */ new WeakMap();
-function ae(n, e) {
-  V(() => {
-    if (!n || !e) return;
-    const o = p.get(e);
-    if (o)
-      o.count += 1;
-    else {
-      const t = e.body, l = e.defaultView, c = l && Number.parseFloat(
-        l.getComputedStyle(t).paddingRight
-      ) || 0, s = e.documentElement.clientWidth, r = l && s > 0 ? Math.max(
-        0,
-        l.innerWidth - s
-      ) : 0, u = {
-        count: 1,
-        overflow: t.style.overflow,
-        paddingRight: t.style.paddingRight
-      };
-      p.set(e, u), t.style.overflow = "hidden", r > 0 && (t.style.paddingRight = `${c + r}px`);
-    }
-    return () => {
-      const t = p.get(e);
-      t && (t.count -= 1, !(t.count > 0) && (e.body.style.overflow = t.overflow, e.body.style.paddingRight = t.paddingRight, p.delete(e)));
-    };
-  }, [n, e]);
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { forwardRef as H, useRef as g, useContext as J, useId as K, useState as Q, useMemo as U, useCallback as h } from "react";
+import { u as V } from "./effects-D5CWf-Pl.js";
+import { B as W } from "./Button-BV5OUXpc.js";
+import { b as E, c as X, P as Y, F as P, d as Z, e as ee } from "./usePresence-CqegYqy4.js";
+import { u as oe } from "./useFocusTrap-DhVnlboe.js";
+import { u as ae } from "./useScrollLock-Drd7OZRC.js";
+import { S as se } from "./Surface-vEFsZC12.js";
+import { T as te } from "./Text-rN6iDo0V.js";
+function ne(n, a, s) {
+  a.current = n, typeof s == "function" ? s(n) : s && (s.current = n);
 }
-function ie(n, e, o) {
-  e.current = n, typeof o == "function" ? o(n) : o && (o.current = n);
-}
-function ne(n) {
+function re(n) {
   const {
-    "aria-label": e,
-    "aria-labelledby": o,
-    children: t,
-    className: l,
-    closeButtonLabel: c = "Close modal",
-    exitable: s = !0,
-    forwardedReference: r,
-    initialFocusReference: u,
-    lockScroll: E = !0,
-    onClose: a,
-    open: i,
-    ownerDocument: b,
-    presenceState: S,
-    restoreFocus: _ = !0,
+    "aria-label": a,
+    "aria-labelledby": s,
+    children: r,
+    className: b,
+    closeButtonLabel: d = "Close modal",
+    exitable: i = !0,
+    forwardedReference: l,
+    initialFocusReference: c,
+    lockScroll: u = !0,
+    onClose: e,
+    open: o,
+    ownerDocument: k,
+    presenceState: x,
+    restoreFocus: R = !0,
     role: M = "dialog",
     style: N,
-    title: f,
-    trapFocus: k = !0,
-    ...O
-  } = n, x = v(null), R = v(null), W = G(I), L = `${H()}-title`, [m, T] = J(null), g = Z(!0, b), w = K(() => [x], []), y = !!(f != null && f.trim()), j = u ?? (y ? R : void 0), z = o ?? (e === void 0 && y ? L : void 0), $ = h(
-    (P) => {
-      ie(P, x, r), T(P);
+    title: m,
+    trapFocus: D = !0,
+    ...w
+  } = n, B = g(null), I = g(null), O = J(P), L = `${K()}-title`, [f, T] = Q(null), p = E("Modal").boundaryElement, y = Z(!0, p), j = U(() => [B], []), v = !!(m != null && m.trim()), z = c ?? (v ? I : void 0), A = s ?? (a === void 0 && v ? L : void 0), C = h(
+    (_) => {
+      ne(_, B, l), T(_);
     },
-    [r]
+    [l]
   );
-  Q(() => {
-    m && (m.inert = !i);
-  }, [m, i]);
-  const A = h(() => {
-    a == null || a("escape");
-  }, [a]), C = h(() => {
-    a == null || a("outside");
-  }, [a]);
+  V(() => {
+    f && (f.inert = !o);
+  }, [f, o]);
+  const $ = h(() => {
+    e == null || e("escape");
+  }, [e]), q = h(() => {
+    e == null || e("outside");
+  }, [e]);
   ee({
-    active: i,
-    boundaries: w,
-    dismissOnEscape: s,
-    dismissOnPointerDownOutside: s,
-    layerId: g.id,
-    onEscapeDismiss: A,
-    onPointerDownOutsideDismiss: C,
-    ownerDocument: b
+    boundary: p,
+    active: o,
+    boundaries: j,
+    dismissOnEscape: i,
+    dismissOnPointerDownOutside: i,
+    layerId: y.id,
+    onEscapeDismiss: $,
+    onPointerDownOutsideDismiss: q,
+    ownerDocument: k
   });
-  const D = te({
-    active: i && k,
-    container: m,
-    initialFocusReference: j,
-    layerId: g.id,
-    restoreFocus: _
+  const G = oe({
+    boundary: p,
+    active: o && D,
+    container: f,
+    initialFocusReference: z,
+    layerId: y.id,
+    restoreFocus: R
   });
-  ae(E, b);
-  const F = s ? /* @__PURE__ */ d(
-    U,
+  ae(u, k, p);
+  const S = i ? /* @__PURE__ */ t(
+    W,
     {
-      "aria-label": c,
+      "aria-label": d,
       className: "nk-modal__close",
       icon: "cross",
-      onClick: () => a == null ? void 0 : a("close-button"),
+      onClick: () => e == null ? void 0 : e("close-button"),
       shape: "rectangle",
       type: "button",
       variant: "ghost"
     }
   ) : null;
-  return /* @__PURE__ */ d(
-    I.Provider,
+  return /* @__PURE__ */ t(
+    P.Provider,
     {
-      value: i && k ? D : W,
-      children: /* @__PURE__ */ d(
+      value: o && D ? G : O,
+      children: /* @__PURE__ */ t(
         "div",
         {
           className: "nk-modal__overlay",
-          "data-state": S,
+          "data-state": x,
           role: "presentation",
-          style: { zIndex: g.zIndex },
-          children: /* @__PURE__ */ B(
-            oe,
+          style: { zIndex: y.zIndex },
+          children: /* @__PURE__ */ t("div", { className: "nk-modal__viewport", children: /* @__PURE__ */ F(
+            se,
             {
-              ...O,
-              ref: $,
-              "aria-hidden": i ? void 0 : !0,
-              "aria-label": i ? e : void 0,
-              "aria-labelledby": i ? z : void 0,
-              "aria-modal": i ? "true" : void 0,
-              className: ["nk-modal", l].filter(Boolean).join(" "),
-              "data-state": S,
-              role: i ? M : void 0,
+              ...w,
+              ref: C,
+              "aria-hidden": o ? void 0 : !0,
+              "aria-label": o ? a : void 0,
+              "aria-labelledby": o ? A : void 0,
+              "aria-modal": o ? "true" : void 0,
+              className: ["nk-modal", b].filter(Boolean).join(" "),
+              "data-state": x,
+              role: o ? M : void 0,
               style: N,
               tabIndex: -1,
               children: [
-                y ? /* @__PURE__ */ B("div", { className: "nk-modal__header", children: [
-                  /* @__PURE__ */ d(
-                    se,
+                v ? /* @__PURE__ */ F("div", { className: "nk-modal__header", children: [
+                  /* @__PURE__ */ t(
+                    te,
                     {
                       as: "h2",
                       className: "nk-modal__title",
                       id: L,
-                      ref: R,
+                      ref: I,
                       size: "subtitle",
                       tabIndex: -1,
                       weight: "semibold",
-                      children: f
+                      children: m
                     }
                   ),
-                  F
-                ] }) : F,
-                t
+                  S
+                ] }) : S,
+                r
               ]
             }
-          )
+          ) })
         }
       )
     }
   );
 }
-const pe = q(function(e, o) {
-  const { open: t } = e, l = v(e);
-  t && (l.current = e);
-  const c = t ? e : l.current, { portalContainer: s } = c, r = X(t), u = (s == null ? void 0 : s.ownerDocument) ?? (typeof document > "u" ? null : document);
-  return r.present ? /* @__PURE__ */ d(Y, { container: s, children: /* @__PURE__ */ d(
-    ne,
+const ye = H(function(a, s) {
+  const { open: r } = a, b = E("Modal"), d = g(a);
+  r && (d.current = a);
+  const i = r ? a : d.current, l = X(r), c = b.boundaryElement, u = (c == null ? void 0 : c.ownerDocument) ?? (typeof document > "u" ? null : document);
+  return !l.present || !u ? null : /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(
+    re,
     {
-      ...c,
-      forwardedReference: o,
-      open: t,
+      ...i,
+      forwardedReference: s,
+      open: r,
       ownerDocument: u,
-      presenceState: r.state === "closing" ? "closing" : "open"
+      presenceState: l.state === "closing" ? "closing" : "open"
     }
-  ) }) : null;
+  ) });
 });
 export {
-  pe as default
+  ye as default
 };

package/dist/PinInput.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),v=require("react"),G=require("./aria-DKxpE8cA.cjs"),$=3,B=10,H=4;function X(a){return Number.isFinite(a)?Math.min(B,Math.max($,Math.trunc(a))):H}function M(a,s,l){return(s==="numeric"?a.replace(/[^0-9]/g,""):a.replace(/[^0-9a-z]/gi,"").toUpperCase()).slice(0,l)}function Z(a,s,l){s.current=a,typeof l=="function"?l(a):l&&(l.current=a)}function J(a,s){var c;const l=(c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(a),"value"))==null?void 0:c.set;l?l.call(a,s):a.value=s}function U(a,s,l){const c=Math.min(l-1,Math.max(0,s)),P=Math.min(c+1,a.value.length);a.focus(),a.setSelectionRange(c,P)}function Q(a){const{defaultValue:s,disabled:l,forwardedReference:c,length:P,mode:u,onChange:_,onComplete:y,onFocus:N,onKeyDown:p,onPaste:x,onSelect:b,readOnly:S,value:L}=a,n=X(P),k=M(s,u,n),w=v.useRef(null),[D,V]=v.useState(k),[E,d]=v.useState(0),f=L!==void 0,i=M(f?L:D,u,n),R=v.useCallback(t=>Z(t,w,c),[c]);v.useEffect(()=>{!f&&D!==i&&V(i)},[f,i,D]),v.useEffect(()=>{var o;if(f)return;const t=(o=w.current)==null?void 0:o.form;if(!t)return;const e=t.getRootNode();function r(h){h.target!==t||h.defaultPrevented||(V(k),d(0))}return e.addEventListener("reset",r),()=>e.removeEventListener("reset",r)},[f,k]);function j(t){const e=t.selectionStart??i.length;return Math.min(n-1,Math.max(0,e))}function T(t){const e=t.currentTarget,r=e.selectionStart??e.value.length,o=M(e.value,u,n),h=M(e.value.slice(0,r),u,n).length;e.value=o,f||V(o),_==null||_(t),o.length===n&&o!==i&&(y==null||y(o));const g=Math.min(n-1,h);d(g),e.setSelectionRange(g,Math.min(g+1,o.length))}function A(t){if(x==null||x(t),t.defaultPrevented||l||S)return;const e=M(t.clipboardData.getData("text"),u,n);if(t.preventDefault(),e.length===0)return;const r=t.currentTarget,o=r.selectionStart??i.length,h=r.selectionEnd??o,g=e.length===n?e:M(i.slice(0,o)+e+i.slice(h),u,n),C=e.length===n?n:Math.min(n,o+e.length);J(r,g),r.setSelectionRange(C,C),r.dispatchEvent(new Event("input",{bubbles:!0}))}function z(t){if(p==null||p(t),t.defaultPrevented||t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;t.preventDefault();const e=t.key==="ArrowLeft"?-1:1,r=Math.min(n-1,Math.max(0,j(t.currentTarget)+e));d(r),U(t.currentTarget,r,n)}function O(t){N==null||N(t);const e=Math.min(n-1,i.length);d(e),U(t.currentTarget,e,n)}function F(t){b==null||b(t),d(j(t.currentTarget))}function q(t,e){if(t.preventDefault(),l)return;const r=w.current;r&&(d(e),U(r,e,n))}return{activeIndex:E,handleChange:T,handleFocus:O,handleKeyDown:z,handlePaste:A,handleSelect:F,handleSlotPointerDown:q,inputCallbackReference:R,length:n,renderedValue:i}}const W=v.forwardRef(function(s,l){const{"aria-invalid":c,autoCapitalize:P,autoComplete:u="one-time-code",className:_,censored:y=!1,defaultValue:N="",disabled:p=!1,invalid:x=!1,length:b=H,mode:S="numeric",onChange:L,onComplete:n,onFocus:k,onKeyDown:w,onPaste:D,onSelect:V,readOnly:E=!1,style:d,value:f,wrap:i=!1,...R}=s,{activeIndex:j,handleChange:T,handleFocus:A,handleKeyDown:z,handlePaste:O,handleSelect:F,handleSlotPointerDown:q,inputCallbackReference:t,length:e,renderedValue:r}=Q({defaultValue:N,disabled:p,forwardedReference:l,length:b,mode:S,onChange:L,onComplete:n,onFocus:k,onKeyDown:w,onPaste:D,onSelect:V,readOnly:E,value:f}),o=x||G.hasInvalidState(c),h=!i&&e>=6&&e%2===0,g=e/2,C={...d,"--nk-pin-input-columns":Math.ceil(e/2)};return m.jsxs("span",{className:["nk-pin-input",_].filter(Boolean).join(" "),"data-disabled":p||void 0,"data-invalid":o||void 0,"data-read-only":E||void 0,"data-wrap":i||void 0,style:C,children:[m.jsx("input",{...R,ref:t,"aria-invalid":G.resolveAriaInvalid(x,c),autoCapitalize:P??(S==="alphanumeric"?"characters":"off"),autoComplete:u,className:"nk-pin-input__control",disabled:p,inputMode:S==="numeric"?"numeric":"text",maxLength:e,minLength:e,onChange:T,onFocus:A,onKeyDown:z,onPaste:O,onSelect:F,pattern:S==="numeric"?`[0-9]{${e}}`:`[0-9A-Za-z]{${e}}`,readOnly:E,spellCheck:!1,type:"text",value:r}),m.jsx("span",{"aria-hidden":"true",className:"nk-pin-input__slots",children:Array.from({length:e},(Y,I)=>m.jsxs("span",{className:"nk-pin-input__slot-group",children:[h&&I===g?m.jsx("span",{className:"nk-pin-input__separator",children:"-"}):null,m.jsx("span",{className:"nk-pin-input__slot","data-active":j===I||void 0,onPointerDown:K=>q(K,I),children:y&&r[I]?m.jsx("span",{className:"nk-pin-input__censor"}):r[I]??""})]},I))})]})});exports.default=W;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),v=require("react"),G=require("./aria-Bntn6ad_.cjs"),$=3,B=10,H=4;function X(a){return Number.isFinite(a)?Math.min(B,Math.max($,Math.trunc(a))):H}function M(a,s,l){return(s==="numeric"?a.replace(/[^0-9]/g,""):a.replace(/[^0-9a-z]/gi,"").toUpperCase()).slice(0,l)}function Z(a,s,l){s.current=a,typeof l=="function"?l(a):l&&(l.current=a)}function J(a,s){var c;const l=(c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(a),"value"))==null?void 0:c.set;l?l.call(a,s):a.value=s}function U(a,s,l){const c=Math.min(l-1,Math.max(0,s)),P=Math.min(c+1,a.value.length);a.focus(),a.setSelectionRange(c,P)}function Q(a){const{defaultValue:s,disabled:l,forwardedReference:c,length:P,mode:u,onChange:_,onComplete:y,onFocus:N,onKeyDown:p,onPaste:x,onSelect:b,readOnly:S,value:L}=a,n=X(P),k=M(s,u,n),w=v.useRef(null),[D,V]=v.useState(k),[E,d]=v.useState(0),f=L!==void 0,i=M(f?L:D,u,n),R=v.useCallback(t=>Z(t,w,c),[c]);v.useEffect(()=>{!f&&D!==i&&V(i)},[f,i,D]),v.useEffect(()=>{var o;if(f)return;const t=(o=w.current)==null?void 0:o.form;if(!t)return;const e=t.getRootNode();function r(h){h.target!==t||h.defaultPrevented||(V(k),d(0))}return e.addEventListener("reset",r),()=>e.removeEventListener("reset",r)},[f,k]);function j(t){const e=t.selectionStart??i.length;return Math.min(n-1,Math.max(0,e))}function T(t){const e=t.currentTarget,r=e.selectionStart??e.value.length,o=M(e.value,u,n),h=M(e.value.slice(0,r),u,n).length;e.value=o,f||V(o),_==null||_(t),o.length===n&&o!==i&&(y==null||y(o));const g=Math.min(n-1,h);d(g),e.setSelectionRange(g,Math.min(g+1,o.length))}function A(t){if(x==null||x(t),t.defaultPrevented||l||S)return;const e=M(t.clipboardData.getData("text"),u,n);if(t.preventDefault(),e.length===0)return;const r=t.currentTarget,o=r.selectionStart??i.length,h=r.selectionEnd??o,g=e.length===n?e:M(i.slice(0,o)+e+i.slice(h),u,n),C=e.length===n?n:Math.min(n,o+e.length);J(r,g),r.setSelectionRange(C,C),r.dispatchEvent(new Event("input",{bubbles:!0}))}function z(t){if(p==null||p(t),t.defaultPrevented||t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;t.preventDefault();const e=t.key==="ArrowLeft"?-1:1,r=Math.min(n-1,Math.max(0,j(t.currentTarget)+e));d(r),U(t.currentTarget,r,n)}function O(t){N==null||N(t);const e=Math.min(n-1,i.length);d(e),U(t.currentTarget,e,n)}function F(t){b==null||b(t),d(j(t.currentTarget))}function q(t,e){if(t.preventDefault(),l)return;const r=w.current;r&&(d(e),U(r,e,n))}return{activeIndex:E,handleChange:T,handleFocus:O,handleKeyDown:z,handlePaste:A,handleSelect:F,handleSlotPointerDown:q,inputCallbackReference:R,length:n,renderedValue:i}}const W=v.forwardRef(function(s,l){const{"aria-invalid":c,autoCapitalize:P,autoComplete:u="one-time-code",className:_,censored:y=!1,defaultValue:N="",disabled:p=!1,invalid:x=!1,length:b=H,mode:S="numeric",onChange:L,onComplete:n,onFocus:k,onKeyDown:w,onPaste:D,onSelect:V,readOnly:E=!1,style:d,value:f,wrap:i=!1,...R}=s,{activeIndex:j,handleChange:T,handleFocus:A,handleKeyDown:z,handlePaste:O,handleSelect:F,handleSlotPointerDown:q,inputCallbackReference:t,length:e,renderedValue:r}=Q({defaultValue:N,disabled:p,forwardedReference:l,length:b,mode:S,onChange:L,onComplete:n,onFocus:k,onKeyDown:w,onPaste:D,onSelect:V,readOnly:E,value:f}),o=x||G.hasInvalidState(c),h=!i&&e>=6&&e%2===0,g=e/2,C={...d,"--nk-pin-input-columns":Math.ceil(e/2)};return m.jsxs("span",{className:["nk-pin-input",_].filter(Boolean).join(" "),"data-disabled":p||void 0,"data-invalid":o||void 0,"data-read-only":E||void 0,"data-wrap":i||void 0,style:C,children:[m.jsx("input",{...R,ref:t,"aria-invalid":G.resolveAriaInvalid(x,c),autoCapitalize:P??(S==="alphanumeric"?"characters":"off"),autoComplete:u,className:"nk-pin-input__control",disabled:p,inputMode:S==="numeric"?"numeric":"text",maxLength:e,minLength:e,onChange:T,onFocus:A,onKeyDown:z,onPaste:O,onSelect:F,pattern:S==="numeric"?`[0-9]{${e}}`:`[0-9A-Za-z]{${e}}`,readOnly:E,spellCheck:!1,type:"text",value:r}),m.jsx("span",{"aria-hidden":"true",className:"nk-pin-input__slots",children:Array.from({length:e},(Y,I)=>m.jsxs("span",{className:"nk-pin-input__slot-group",children:[h&&I===g?m.jsx("span",{className:"nk-pin-input__separator",children:"-"}):null,m.jsx("span",{className:"nk-pin-input__slot","data-active":j===I||void 0,onPointerDown:K=>q(K,I),children:y&&r[I]?m.jsx("span",{className:"nk-pin-input__censor"}):r[I]??""})]},I))})]})});exports.default=W;

package/dist/PinInput.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as G, jsx as b } from "react/jsx-runtime";
 import { useRef as B, useState as H, useCallback as X, useEffect as K, forwardRef as Z } from "react";
-import { r as J, h as Q } from "./aria-DHnOMyYp.js";
+import { r as J, h as Q } from "./aria-CeA9QfD1.js";
 const W = 3, Y = 10, q = 4;
 function ee(a) {
   return Number.isFinite(a) ? Math.min(

package/dist/Popover.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("react"),_=require("./reference-C2guRuR0.cjs"),y=require("./usePresence-qe92UTvK.cjs"),Ce=require("./useFloatingPosition-D1FqYy0l.cjs"),Se=require("./useFocusTrap--cgjy78G.cjs"),Oe=require("./Surface-BttJYSDt.cjs");function we(n){const{inert:a,panelElement:c}=n;return t.useLayoutEffect(()=>{c&&(c.inert=a)},[a,c]),null}function De(n,a,c){a.current=n,_.assignElementReference(c,n)}function Fe(n,a,c){a.current=n,_.assignElementReference(c,n)}function je(n,a){const c=(n==null?void 0:n.split(/\s+/).filter(Boolean))??[];return c.includes(a)||c.push(a),c.join(" ")}function qe(n){const a=n.tagName.toLowerCase();return n.getAttribute("role")==="button"&&a!=="button"?!1:["button","input","select","summary","textarea"].includes(a)?!0:a==="a"&&n.hasAttribute("href")}function Le(n){return n==="grid"||n==="listbox"||n==="menu"||n==="tree"?n:"dialog"}const Ne=t.forwardRef(function(a,c){const{"aria-label":B,"aria-labelledby":ee,autoFocus:w=!0,children:te,className:re,closeOnEscape:ne=!0,closeOnOutsideInteraction:se=!0,defaultOpen:oe=!1,disabled:T=!1,initialFocusReference:h,onEscapeKeyDown:ae,onOpenChange:x,onPointerDownOutside:k,open:M,placement:K="bottom",portalContainer:I,restoreFocus:D=!0,role:z="dialog",style:A,tabIndex:ce,trapFocus:m=!1,trigger:d,...ie}=a;if(d.type===t.Fragment)throw new Error("Popover requires a single non-Fragment trigger");const H=t.useId(),ue=t.useContext(y.FocusScopeContext),V=`${H}-popover`,o=d.props,$=_.getElementReference(d),U=o.id??`${H}-trigger`,P=T||o.disabled===!0||o["aria-disabled"]===!0||o["aria-disabled"]==="true",R=M!==void 0,[le,de]=t.useState(oe),r=R?M:le,C=y.usePresence(r),G=t.useRef(null),J=t.useRef(null),F=t.useRef("programmatic"),j=t.useRef(null),Q=t.useRef(r),S=t.useRef(null),[fe,pe]=t.useReducer(e=>e+1,0),[u,ge]=t.useState(null),[f,me]=t.useState(null),i=(I==null?void 0:I.ownerDocument)??(u==null?void 0:u.ownerDocument)??(typeof document>"u"?null:document),O=y.useOverlayLayer(C.present,i),be=t.useMemo(()=>[G,J],[]),p=Ce.useFloatingPosition(C.present,K,u,f),ve=t.useCallback(e=>{Fe(e,G,$),ge(e)},[$]),ye=t.useCallback(e=>{De(e,J,c),me(e)},[c]),g=t.useCallback((e,s)=>{r!==e&&(R?(j.current={open:e,reason:s},pe()):(F.current=s,de(e)),x==null||x(e,s))},[R,x,r]),he=t.useCallback(()=>{g(!1,"escape")},[g]),Pe=t.useCallback(()=>{g(!1,"outside")},[g]),Re=t.useCallback(e=>{var E;if(k==null||k(e),e.defaultPrevented)return;const s=(E=i==null?void 0:i.defaultView)==null?void 0:E.HTMLElement;S.current=s?e.composedPath().find(v=>v instanceof s&&v.tabIndex>=0)??e.target:e.target},[k,i]);y.useDismissableLayer({active:r,boundaries:be,dismissOnEscape:ne,dismissOnPointerDownOutside:se,layerId:O.id,onEscapeDismiss:he,onEscapeKeyDown:ae,onPointerDownOutside:Re,onPointerDownOutsideDismiss:Pe,ownerDocument:i});const Ee=Se.useFocusTrap({active:r&&m,autoFocus:w,container:f,initialFocusReference:h,layerId:O.id,restoreFocus:D});t.useEffect(()=>{if(!r||m||!w||!f)return;let e=!0;return Promise.resolve().then(()=>{if(!e)return;const s=h==null?void 0:h.current;(s&&f.contains(s)?s:f).focus({preventScroll:!0})}),()=>{e=!1}},[w,h,r,f,m]),t.useEffect(()=>{var Z;const e=Q.current;Q.current=r;const s=j.current,E=R?e!==r&&(s==null?void 0:s.open)===r?s.reason:"programmatic":F.current;if(j.current=null,r){F.current="programmatic",S.current=null;return}const v=i==null?void 0:i.activeElement,L=S.current,N=(Z=i==null?void 0:i.defaultView)==null?void 0:Z.HTMLElement,Ie=E==="outside"&&N&&L instanceof N&&v instanceof N&&(L===v||L.contains(v));e&&!m&&D&&!Ie&&(u==null||u.focus({preventScroll:!0})),S.current=null},[fe,R,r,i,D,m,u]),t.useEffect(()=>{T&&r&&g(!1,"programmatic")},[T,r,g]);function Te(e){var s;if(P){e.preventDefault(),e.stopPropagation();return}(s=o.onClick)==null||s.call(o,e),!e.defaultPrevented&&g(!r,"trigger")}function xe(e){var s;(s=o.onKeyDown)==null||s.call(o,e),!(e.defaultPrevented||P||qe(e.currentTarget)||e.key!=="Enter"&&e.key!==" ")&&(e.preventDefault(),e.currentTarget.click())}if(T)return d;const q=typeof d.type=="string",b=q?d.type:null,W=b==="a"&&typeof o.href=="string",X=q&&!(b==="button"||b==="input"||b==="select"||b==="summary"||b==="textarea"||W),Y=W&&P,ke=t.cloneElement(d,{"aria-controls":r?je(o["aria-controls"],V):o["aria-controls"],"aria-expanded":r,"aria-haspopup":o["aria-haspopup"]??Le(z),"aria-disabled":P?!0:o["aria-disabled"],className:[o.className,"nk-popover__trigger"].filter(Boolean).join(" "),href:Y?void 0:o.href,id:U,onClick:Te,onKeyDown:q?xe:o.onKeyDown,ref:ve,role:o.role??(Y?"link":X?"button":void 0),tabIndex:P?-1:o.tabIndex??(X?0:void 0)});return l.jsxs(l.Fragment,{children:[ke,l.jsx(y.FocusScopeContext.Provider,{value:r&&m?Ee:ue,children:C.present&&i?l.jsx(y.Portal,{container:I,inheritFrom:u,children:l.jsxs(Oe.Surface,{...ie,ref:ye,"aria-hidden":r?void 0:!0,"aria-label":r?B:void 0,"aria-labelledby":r?ee??(B===void 0?U:void 0):void 0,className:["nk-popover",re].filter(Boolean).join(" "),"data-placement":(p==null?void 0:p.placement)??K,"data-state":C.state==="closing"?"closing":"open",id:V,role:r?z:void 0,style:p?{...A,"--nk-popover-arrow-offset":`${p.arrowOffset}px`,left:p.left,top:p.top,zIndex:O.zIndex}:{...A,visibility:"hidden",zIndex:O.zIndex},tabIndex:ce??-1,children:[l.jsx(we,{inert:!r,panelElement:f}),l.jsx("span",{"aria-hidden":"true",className:"nk-popover__arrow"}),l.jsx("div",{className:"nk-popover__content",children:te})]})}):null})]})});exports.default=Ne;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("react"),Oe=require("./aria-Bntn6ad_.cjs"),qe=require("./effects-D85L_7zM.cjs"),M=require("./reference-C2guRuR0.cjs"),b=require("./usePresence-B5RYv4e1.cjs"),we=require("./useFloatingPosition-GzkP9dCc.cjs"),De=require("./useFocusTrap-BrFZdMqQ.cjs"),Fe=require("./Surface-BttJYSDt.cjs");function je(o){const{inert:i,panelElement:c}=o;return qe.useIsomorphicLayoutEffect(()=>{c&&(c.inert=i)},[i,c]),null}function Le(o,i,c){i.current=o,M.assignElementReference(c,o)}function Ne(o,i,c){i.current=o,M.assignElementReference(c,o)}function _e(o){const i=o.tagName.toLowerCase();return o.getAttribute("role")==="button"&&i!=="button"?!1:["button","input","select","summary","textarea"].includes(i)?!0:i==="a"&&o.hasAttribute("href")}function Be(o){return o==="grid"||o==="listbox"||o==="menu"||o==="tree"?o:"dialog"}const Me=t.forwardRef(function(i,c){const{"aria-label":K,"aria-labelledby":re,autoFocus:D=!0,children:ne,className:se,closeOnEscape:oe=!0,closeOnOutsideInteraction:ae=!0,defaultOpen:ie=!1,disabled:x=!1,initialFocusReference:E,onEscapeKeyDown:ce,onOpenChange:k,onPointerDownOutside:I,open:z,placement:A="bottom",restoreFocus:F=!0,role:H="dialog",style:V,tabIndex:ue,trapFocus:v=!1,trigger:d,...le}=i;if(d.type===t.Fragment)throw new Error("Popover requires a single non-Fragment trigger");const $=t.useId(),de=t.useContext(b.FocusScopeContext),U=`${$}-popover`,s=d.props,G=M.getElementReference(d),J=s.id??`${$}-trigger`,P=x||s.disabled===!0||s["aria-disabled"]===!0||s["aria-disabled"]==="true",R=z!==void 0,[fe,pe]=t.useState(ie),r=R?z:fe,C=b.usePresence(r),Q=t.useRef(null),W=t.useRef(null),j=t.useRef("programmatic"),L=t.useRef(null),X=t.useRef(r),T=t.useRef(null),[ge,me]=t.useReducer(e=>e+1,0),[u,be]=t.useState(null),[f,ve]=t.useState(null),a=(u==null?void 0:u.ownerDocument)??(typeof document>"u"?null:document),S=b.useBoundary("Popover").boundaryElement,O=b.useOverlayLayer(C.present,S),ye=t.useMemo(()=>[Q,W],[]),p=we.useFloatingPosition(C.present,A,u,f,S),he=t.useCallback(e=>{Ne(e,Q,G),be(e)},[G]),Ee=t.useCallback(e=>{Le(e,W,c),ve(e)},[c]),g=t.useCallback((e,n)=>{r!==e&&(R?(L.current={open:e,reason:n},me()):(j.current=n,pe(e)),k==null||k(e,n))},[R,k,r]),Pe=t.useCallback(()=>{g(!1,"escape")},[g]),Re=t.useCallback(()=>{g(!1,"outside")},[g]),Te=t.useCallback(e=>{var m;if(I==null||I(e),e.defaultPrevented)return;const n=(m=a==null?void 0:a.defaultView)==null?void 0:m.HTMLElement;n?T.current=e.composedPath().find(h=>h instanceof n&&h.tabIndex>=0)??e.target:T.current=e.target},[I,a]);b.useDismissableLayer({boundary:S,active:r,boundaries:ye,dismissOnEscape:oe,dismissOnPointerDownOutside:ae,layerId:O.id,onEscapeDismiss:Pe,onEscapeKeyDown:ce,onPointerDownOutside:Te,onPointerDownOutsideDismiss:Re,ownerDocument:a});const xe=De.useFocusTrap({boundary:S,active:r&&v,autoFocus:D,container:f,initialFocusReference:E,layerId:O.id,restoreFocus:F});t.useEffect(()=>{if(!r||v||!D||!f)return;let e=!0;return Promise.resolve().then(()=>{if(!e)return;const n=E==null?void 0:E.current;(n&&f.contains(n)?n:f).focus({preventScroll:!0})}),()=>{e=!1}},[D,E,r,f,v]),t.useEffect(()=>{var te;const e=X.current;X.current=r;const n=L.current;let m=j.current;if(R&&(m="programmatic",e!==r&&(n==null?void 0:n.open)===r&&(m=n.reason)),L.current=null,r){j.current="programmatic",T.current=null;return}const h=a==null?void 0:a.activeElement,_=T.current,B=(te=a==null?void 0:a.defaultView)==null?void 0:te.HTMLElement,Se=m==="outside"&&B&&_ instanceof B&&h instanceof B&&(_===h||_.contains(h));e&&!v&&F&&!Se&&(u==null||u.focus({preventScroll:!0})),T.current=null},[ge,R,r,a,F,v,u]),t.useEffect(()=>{x&&r&&g(!1,"programmatic")},[x,r,g]);function ke(e){var n;if(P){e.preventDefault(),e.stopPropagation();return}(n=s.onClick)==null||n.call(s,e),!e.defaultPrevented&&g(!r,"trigger")}function Ie(e){var n;(n=s.onKeyDown)==null||n.call(s,e),!(e.defaultPrevented||P||_e(e.currentTarget)||e.key!=="Enter"&&e.key!==" ")&&(e.preventDefault(),e.currentTarget.click())}if(x)return d;const N=typeof d.type=="string",y=N?d.type:null,Y=y==="a"&&typeof s.href=="string",Z=N&&!(y==="button"||y==="input"||y==="select"||y==="summary"||y==="textarea"||Y),ee=Y&&P;let q=s.role;q===void 0&&(ee?q="link":Z&&(q="button"));let w=s.tabIndex;w===void 0&&Z&&(w=0),P&&(w=-1);const Ce=t.cloneElement(d,{"aria-controls":r?Oe.mergeIdentifiers(s["aria-controls"],U):s["aria-controls"],"aria-expanded":r,"aria-haspopup":s["aria-haspopup"]??Be(H),"aria-disabled":P?!0:s["aria-disabled"],className:[s.className,"nk-popover__trigger"].filter(Boolean).join(" "),href:ee?void 0:s.href,id:J,onClick:ke,onKeyDown:N?Ie:s.onKeyDown,ref:he,role:q,tabIndex:w});return l.jsxs(l.Fragment,{children:[Ce,l.jsx(b.FocusScopeContext.Provider,{value:r&&v?xe:de,children:C.present&&a?l.jsx(b.Portal,{children:l.jsxs(Fe.Surface,{...le,ref:Ee,"aria-hidden":r?void 0:!0,"aria-label":r?K:void 0,"aria-labelledby":r?re??(K===void 0?J:void 0):void 0,className:["nk-popover",se].filter(Boolean).join(" "),"data-placement":(p==null?void 0:p.placement)??A,"data-state":C.state==="closing"?"closing":"open",id:U,role:r?H:void 0,style:p?{...V,"--nk-popover-arrow-offset":`${p.arrowOffset}px`,left:p.left,top:p.top,zIndex:O.zIndex}:{...V,visibility:"hidden",zIndex:O.zIndex},tabIndex:ue??-1,children:[l.jsx(je,{inert:!r,panelElement:f}),l.jsx("span",{"aria-hidden":"true",className:"nk-popover__arrow"}),l.jsx("div",{className:"nk-popover__content",children:ne})]})}):null})]})});exports.default=Me;