neatkit 0.8.0 → 0.10.0

package/dist/Modal.js

@@ -1,21 +1,22 @@
 "use client";
-import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { jsx as s, jsxs as _ } 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-Chv4O66e.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 { a as W } from "./reference-CXMr27nM.js";
+import { B as X } from "./Button-D6rXvcqq.js";
+import { b as E, c as Y, P as Z, F as w, d as ee, e as oe } from "./usePresence-CqegYqy4.js";
+import { u as ae } from "./useFocusTrap-C0IcCdNf.js";
+import { u as se } from "./useScrollLock-Drd7OZRC.js";
+import { S as ne } 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 re(t, a, r) {
+  a.current = t, W(r, t);
 }
-function re(n) {
+function ie(t) {
   const {
     "aria-label": a,
-    "aria-labelledby": s,
-    children: r,
+    "aria-labelledby": r,
+    children: n,
     className: b,
     closeButtonLabel: d = "Close modal",
     exitable: i = !0,
@@ -24,17 +25,17 @@ function re(n) {
     lockScroll: u = !0,
     onClose: e,
     open: o,
-    ownerDocument: k,
-    presenceState: x,
-    restoreFocus: R = !0,
-    role: M = "dialog",
-    style: N,
+    ownerDocument: R,
+    presenceState: k,
+    restoreFocus: F = !0,
+    role: P = "dialog",
+    style: M,
     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(_);
+    trapFocus: x = !0,
+    ...N
+  } = t, D = g(null), B = g(null), O = J(w), I = `${K()}-title`, [f, T] = Q(null), p = E("Modal").boundaryElement, y = ee(!0, p), j = U(() => [D], []), v = !!(m != null && m.trim()), z = c ?? (v ? B : void 0), A = r ?? (a === void 0 && v ? I : void 0), C = h(
+    (S) => {
+      re(S, D, l), T(S);
     },
     [l]
   );
@@ -46,7 +47,7 @@ function re(n) {
   }, [e]), q = h(() => {
     e == null || e("outside");
   }, [e]);
-  ee({
+  oe({
     boundary: p,
     active: o,
     boundaries: j,
@@ -55,19 +56,19 @@ function re(n) {
     layerId: y.id,
     onEscapeDismiss: $,
     onPointerDownOutsideDismiss: q,
-    ownerDocument: k
+    ownerDocument: R
   });
-  const G = oe({
+  const G = ae({
     boundary: p,
-    active: o && D,
+    active: o && x,
     container: f,
     initialFocusReference: z,
     layerId: y.id,
-    restoreFocus: R
+    restoreFocus: F
   });
-  ae(u, k, p);
-  const S = i ? /* @__PURE__ */ t(
-    W,
+  se(u, R, p);
+  const L = i ? /* @__PURE__ */ s(
+    X,
     {
       "aria-label": d,
       className: "nk-modal__close",
@@ -78,49 +79,49 @@ function re(n) {
       variant: "ghost"
     }
   ) : null;
-  return /* @__PURE__ */ t(
-    P.Provider,
+  return /* @__PURE__ */ s(
+    w.Provider,
     {
-      value: o && D ? G : O,
-      children: /* @__PURE__ */ t(
+      value: o && x ? G : O,
+      children: /* @__PURE__ */ s(
         "div",
         {
           className: "nk-modal__overlay",
-          "data-state": x,
+          "data-state": k,
           role: "presentation",
           style: { zIndex: y.zIndex },
-          children: /* @__PURE__ */ t("div", { className: "nk-modal__viewport", children: /* @__PURE__ */ F(
-            se,
+          children: /* @__PURE__ */ s("div", { className: "nk-modal__viewport", children: /* @__PURE__ */ _(
+            ne,
             {
-              ...w,
+              ...N,
               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,
+              "data-state": k,
+              role: o ? P : void 0,
+              style: M,
               tabIndex: -1,
               children: [
-                v ? /* @__PURE__ */ F("div", { className: "nk-modal__header", children: [
-                  /* @__PURE__ */ t(
+                v ? /* @__PURE__ */ _("div", { className: "nk-modal__header", children: [
+                  /* @__PURE__ */ s(
                     te,
                     {
                       as: "h2",
                       className: "nk-modal__title",
-                      id: L,
-                      ref: I,
+                      id: I,
+                      ref: B,
                       size: "subtitle",
                       tabIndex: -1,
                       weight: "semibold",
                       children: m
                     }
                   ),
-                  S
-                ] }) : S,
-                r
+                  L
+                ] }) : L,
+                n
               ]
             }
           ) })
@@ -129,21 +130,21 @@ function re(n) {
     }
   );
 }
-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,
+const he = H(function(a, r) {
+  const { open: n } = a, b = E("Modal"), d = g(a);
+  n && (d.current = a);
+  const i = n ? a : d.current, l = Y(n), c = b.boundaryElement, u = (c == null ? void 0 : c.ownerDocument) ?? (typeof document > "u" ? null : document);
+  return !l.present || !u ? null : /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(
+    ie,
     {
       ...i,
-      forwardedReference: s,
-      open: r,
+      forwardedReference: r,
+      open: n,
       ownerDocument: u,
       presenceState: l.state === "closing" ? "closing" : "open"
     }
   ) });
 });
 export {
-  ye as default
+  he 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-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;
+"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"),$=require("./reference-C2guRuR0.cjs"),B=3,X=10,H=4;function Z(r){return Number.isFinite(r)?Math.min(X,Math.max(B,Math.trunc(r))):H}function M(r,s,o){return(s==="numeric"?r.replace(/[^0-9]/g,""):r.replace(/[^0-9a-z]/gi,"").toUpperCase()).slice(0,o)}function J(r,s,o){s.current=r,$.assignElementReference(o,r)}function Q(r,s){var c;const o=(c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(r),"value"))==null?void 0:c.set;o?o.call(r,s):r.value=s}function U(r,s,o){const c=Math.min(o-1,Math.max(0,s)),P=Math.min(c+1,r.value.length);r.focus(),r.setSelectionRange(c,P)}function W(r){const{defaultValue:s,disabled:o,forwardedReference:c,length:P,mode:u,onChange:_,onComplete:N,onFocus:w,onKeyDown:p,onPaste:x,onSelect:y,readOnly:S,value:V}=r,n=Z(P),R=M(s,u,n),b=v.useRef(null),[k,D]=v.useState(R),[E,d]=v.useState(0),f=V!==void 0,i=M(f?V:k,u,n),C=v.useCallback(t=>J(t,b,c),[c]);v.useEffect(()=>{!f&&k!==i&&D(i)},[f,i,k]),v.useEffect(()=>{var l;if(f)return;const t=(l=b.current)==null?void 0:l.form;if(!t)return;const e=t.getRootNode();function a(h){h.target!==t||h.defaultPrevented||(D(R),d(0))}return e.addEventListener("reset",a),()=>e.removeEventListener("reset",a)},[f,R]);function L(t){const e=t.selectionStart??i.length;return Math.min(n-1,Math.max(0,e))}function T(t){const e=t.currentTarget,a=e.selectionStart??e.value.length,l=M(e.value,u,n),h=M(e.value.slice(0,a),u,n).length;e.value=l,f||D(l),_==null||_(t),l.length===n&&l!==i&&(N==null||N(l));const g=Math.min(n-1,h);d(g),e.setSelectionRange(g,Math.min(g+1,l.length))}function A(t){if(x==null||x(t),t.defaultPrevented||o||S)return;const e=M(t.clipboardData.getData("text"),u,n);if(t.preventDefault(),e.length===0)return;const a=t.currentTarget,l=a.selectionStart??i.length,h=a.selectionEnd??l,g=e.length===n?e:M(i.slice(0,l)+e+i.slice(h),u,n),j=e.length===n?n:Math.min(n,l+e.length);Q(a,g),a.setSelectionRange(j,j),a.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,a=Math.min(n-1,Math.max(0,L(t.currentTarget)+e));d(a),U(t.currentTarget,a,n)}function O(t){w==null||w(t);const e=Math.min(n-1,i.length);d(e),U(t.currentTarget,e,n)}function q(t){y==null||y(t),d(L(t.currentTarget))}function F(t,e){if(t.preventDefault(),o)return;const a=b.current;a&&(d(e),U(a,e,n))}return{activeIndex:E,handleChange:T,handleFocus:O,handleKeyDown:z,handlePaste:A,handleSelect:q,handleSlotPointerDown:F,inputCallbackReference:C,length:n,renderedValue:i}}const Y=v.forwardRef(function(s,o){const{"aria-invalid":c,autoCapitalize:P,autoComplete:u="one-time-code",className:_,censored:N=!1,defaultValue:w="",disabled:p=!1,invalid:x=!1,length:y=H,mode:S="numeric",onChange:V,onComplete:n,onFocus:R,onKeyDown:b,onPaste:k,onSelect:D,readOnly:E=!1,style:d,value:f,wrap:i=!1,...C}=s,{activeIndex:L,handleChange:T,handleFocus:A,handleKeyDown:z,handlePaste:O,handleSelect:q,handleSlotPointerDown:F,inputCallbackReference:t,length:e,renderedValue:a}=W({defaultValue:w,disabled:p,forwardedReference:o,length:y,mode:S,onChange:V,onComplete:n,onFocus:R,onKeyDown:b,onPaste:k,onSelect:D,readOnly:E,value:f}),l=x||G.hasInvalidState(c),h=!i&&e>=6&&e%2===0,g=e/2,j={...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":l||void 0,"data-read-only":E||void 0,"data-wrap":i||void 0,style:j,children:[m.jsx("input",{...C,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:q,pattern:S==="numeric"?`[0-9]{${e}}`:`[0-9A-Za-z]{${e}}`,readOnly:E,spellCheck:!1,type:"text",value:a}),m.jsx("span",{"aria-hidden":"true",className:"nk-pin-input__slots",children:Array.from({length:e},(ee,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":L===I||void 0,onPointerDown:K=>F(K,I),children:N&&a[I]?m.jsx("span",{className:"nk-pin-input__censor"}):a[I]??""})]},I))})]})});exports.default=Y;

package/dist/PinInput.js

@@ -1,36 +1,37 @@
 "use client";
-import { jsxs as G, jsx as b } from "react/jsx-runtime";
+import { jsxs as G, jsx as V } 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-CeA9QfD1.js";
-const W = 3, Y = 10, q = 4;
-function ee(a) {
-  return Number.isFinite(a) ? Math.min(
-    Y,
-    Math.max(W, Math.trunc(a))
+import { a as W } from "./reference-CXMr27nM.js";
+const Y = 3, ee = 10, q = 4;
+function te(r) {
+  return Number.isFinite(r) ? Math.min(
+    ee,
+    Math.max(Y, Math.trunc(r))
   ) : q;
 }
-function S(a, s, r) {
-  return (s === "numeric" ? a.replace(/[^0-9]/g, "") : a.replace(/[^0-9a-z]/gi, "").toUpperCase()).slice(0, r);
+function S(r, s, l) {
+  return (s === "numeric" ? r.replace(/[^0-9]/g, "") : r.replace(/[^0-9a-z]/gi, "").toUpperCase()).slice(0, l);
 }
-function te(a, s, r) {
-  s.current = a, typeof r == "function" ? r(a) : r && (r.current = a);
+function ne(r, s, l) {
+  s.current = r, W(l, r);
 }
-function ne(a, s) {
+function ae(r, s) {
   var c;
-  const r = (c = Object.getOwnPropertyDescriptor(
-    Object.getPrototypeOf(a),
+  const l = (c = Object.getOwnPropertyDescriptor(
+    Object.getPrototypeOf(r),
     "value"
   )) == null ? void 0 : c.set;
-  r ? r.call(a, s) : a.value = s;
+  l ? l.call(r, s) : r.value = s;
 }
-function U(a, s, r) {
-  const c = Math.min(r - 1, Math.max(0, s)), x = Math.min(c + 1, a.value.length);
-  a.focus(), a.setSelectionRange(c, x);
+function U(r, s, l) {
+  const c = Math.min(l - 1, Math.max(0, s)), x = Math.min(c + 1, r.value.length);
+  r.focus(), r.setSelectionRange(c, x);
 }
-function ae(a) {
+function re(r) {
   const {
     defaultValue: s,
-    disabled: r,
+    disabled: l,
     forwardedReference: c,
     length: x,
     mode: u,
@@ -41,78 +42,78 @@ function ae(a) {
     onPaste: g,
     onSelect: N,
     readOnly: v,
-    value: L
-  } = a, n = ee(x), y = S(
+    value: b
+  } = r, n = te(x), w = S(
     s,
     u,
     n
-  ), k = B(null), [w, D] = H(
-    y
-  ), [V, d] = H(0), f = L !== void 0, i = S(
-    f ? L : w,
+  ), y = B(null), [k, R] = H(
+    w
+  ), [D, d] = H(0), f = b !== void 0, i = S(
+    f ? b : k,
     u,
     n
-  ), R = X(
-    (t) => te(
+  ), C = X(
+    (t) => ne(
       t,
-      k,
+      y,
       c
     ),
     [c]
   );
   K(() => {
-    !f && w !== i && D(i);
-  }, [f, i, w]), K(() => {
-    var l;
+    !f && k !== i && R(i);
+  }, [f, i, k]), K(() => {
+    var o;
     if (f) return;
-    const t = (l = k.current) == null ? void 0 : l.form;
+    const t = (o = y.current) == null ? void 0 : o.form;
     if (!t) return;
     const e = t.getRootNode();
-    function o(h) {
-      h.target !== t || h.defaultPrevented || (D(y), d(0));
+    function a(h) {
+      h.target !== t || h.defaultPrevented || (R(w), d(0));
     }
-    return e.addEventListener("reset", o), () => e.removeEventListener("reset", o);
-  }, [f, y]);
-  function C(t) {
+    return e.addEventListener("reset", a), () => e.removeEventListener("reset", a);
+  }, [f, w]);
+  function E(t) {
     const e = t.selectionStart ?? i.length;
     return Math.min(n - 1, Math.max(0, e));
   }
   function T(t) {
-    const e = t.currentTarget, o = e.selectionStart ?? e.value.length, l = S(e.value, u, n), h = S(
-      e.value.slice(0, o),
+    const e = t.currentTarget, a = e.selectionStart ?? e.value.length, o = S(e.value, u, n), h = S(
+      e.value.slice(0, a),
       u,
       n
     ).length;
-    e.value = l, f || D(l), M == null || M(t), l.length === n && l !== i && (P == null || P(l));
+    e.value = o, f || R(o), M == null || M(t), o.length === n && o !== i && (P == null || P(o));
     const m = Math.min(n - 1, h);
     d(m), e.setSelectionRange(
       m,
-      Math.min(m + 1, l.length)
+      Math.min(m + 1, o.length)
     );
   }
   function A(t) {
-    if (g == null || g(t), t.defaultPrevented || r || v) return;
+    if (g == null || g(t), t.defaultPrevented || l || v) return;
     const e = S(
       t.clipboardData.getData("text"),
       u,
       n
     );
     if (t.preventDefault(), e.length === 0) return;
-    const o = t.currentTarget, l = o.selectionStart ?? i.length, h = o.selectionEnd ?? l, m = e.length === n ? e : S(
-      i.slice(0, l) + e + i.slice(h),
+    const a = t.currentTarget, o = a.selectionStart ?? i.length, h = a.selectionEnd ?? o, m = e.length === n ? e : S(
+      i.slice(0, o) + e + i.slice(h),
       u,
       n
-    ), E = e.length === n ? n : Math.min(n, l + e.length);
-    ne(o, m), o.setSelectionRange(E, E), o.dispatchEvent(new Event("input", { bubbles: !0 }));
+    ), L = e.length === n ? n : Math.min(n, o + e.length);
+    ae(a, m), a.setSelectionRange(L, L), a.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, o = Math.min(
+    const e = t.key === "ArrowLeft" ? -1 : 1, a = Math.min(
       n - 1,
-      Math.max(0, C(t.currentTarget) + e)
+      Math.max(0, E(t.currentTarget) + e)
     );
-    d(o), U(t.currentTarget, o, n);
+    d(a), U(t.currentTarget, a, n);
   }
   function F(t) {
     _ == null || _(t);
@@ -120,27 +121,27 @@ function ae(a) {
     d(e), U(t.currentTarget, e, n);
   }
   function O(t) {
-    N == null || N(t), d(C(t.currentTarget));
+    N == null || N(t), d(E(t.currentTarget));
   }
   function j(t, e) {
-    if (t.preventDefault(), r) return;
-    const o = k.current;
-    o && (d(e), U(o, e, n));
+    if (t.preventDefault(), l) return;
+    const a = y.current;
+    a && (d(e), U(a, e, n));
   }
   return {
-    activeIndex: V,
+    activeIndex: D,
     handleChange: T,
     handleFocus: F,
     handleKeyDown: z,
     handlePaste: A,
     handleSelect: O,
     handleSlotPointerDown: j,
-    inputCallbackReference: R,
+    inputCallbackReference: C,
     length: n,
     renderedValue: i
   };
 }
-const se = Z(function(s, r) {
+const ue = Z(function(s, l) {
   const {
     "aria-invalid": c,
     autoCapitalize: x,
@@ -152,19 +153,19 @@ const se = Z(function(s, r) {
     invalid: g = !1,
     length: N = q,
     mode: v = "numeric",
-    onChange: L,
+    onChange: b,
     onComplete: n,
-    onFocus: y,
-    onKeyDown: k,
-    onPaste: w,
-    onSelect: D,
-    readOnly: V = !1,
+    onFocus: w,
+    onKeyDown: y,
+    onPaste: k,
+    onSelect: R,
+    readOnly: D = !1,
     style: d,
     value: f,
     wrap: i = !1,
-    ...R
+    ...C
   } = s, {
-    activeIndex: C,
+    activeIndex: E,
     handleChange: T,
     handleFocus: A,
     handleKeyDown: z,
@@ -173,22 +174,22 @@ const se = Z(function(s, r) {
     handleSlotPointerDown: j,
     inputCallbackReference: t,
     length: e,
-    renderedValue: o
-  } = ae({
+    renderedValue: a
+  } = re({
     defaultValue: _,
     disabled: p,
-    forwardedReference: r,
+    forwardedReference: l,
     length: N,
     mode: v,
-    onChange: L,
+    onChange: b,
     onComplete: n,
-    onFocus: y,
-    onKeyDown: k,
-    onPaste: w,
-    onSelect: D,
-    readOnly: V,
+    onFocus: w,
+    onKeyDown: y,
+    onPaste: k,
+    onSelect: R,
+    readOnly: D,
     value: f
-  }), l = g || Q(c), h = !i && e >= 6 && e % 2 === 0, m = e / 2, E = {
+  }), o = g || Q(c), h = !i && e >= 6 && e % 2 === 0, m = e / 2, L = {
     ...d,
     "--nk-pin-input-columns": Math.ceil(e / 2)
   };
@@ -197,15 +198,15 @@ const se = Z(function(s, r) {
     {
       className: ["nk-pin-input", M].filter(Boolean).join(" "),
       "data-disabled": p || void 0,
-      "data-invalid": l || void 0,
-      "data-read-only": V || void 0,
+      "data-invalid": o || void 0,
+      "data-read-only": D || void 0,
       "data-wrap": i || void 0,
-      style: E,
+      style: L,
       children: [
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ V(
           "input",
           {
-            ...R,
+            ...C,
             ref: t,
             "aria-invalid": J(g, c),
             autoCapitalize: x ?? (v === "alphanumeric" ? "characters" : "off"),
@@ -221,21 +222,21 @@ const se = Z(function(s, r) {
             onPaste: F,
             onSelect: O,
             pattern: v === "numeric" ? `[0-9]{${e}}` : `[0-9A-Za-z]{${e}}`,
-            readOnly: V,
+            readOnly: D,
             spellCheck: !1,
             type: "text",
-            value: o
+            value: a
           }
         ),
-        /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "nk-pin-input__slots", children: Array.from({ length: e }, (oe, I) => /* @__PURE__ */ G("span", { className: "nk-pin-input__slot-group", children: [
-          h && I === m ? /* @__PURE__ */ b("span", { className: "nk-pin-input__separator", children: "-" }) : null,
-          /* @__PURE__ */ b(
+        /* @__PURE__ */ V("span", { "aria-hidden": "true", className: "nk-pin-input__slots", children: Array.from({ length: e }, (oe, I) => /* @__PURE__ */ G("span", { className: "nk-pin-input__slot-group", children: [
+          h && I === m ? /* @__PURE__ */ V("span", { className: "nk-pin-input__separator", children: "-" }) : null,
+          /* @__PURE__ */ V(
             "span",
             {
               className: "nk-pin-input__slot",
-              "data-active": C === I || void 0,
+              "data-active": E === I || void 0,
               onPointerDown: ($) => j($, I),
-              children: P && o[I] ? /* @__PURE__ */ b("span", { className: "nk-pin-input__censor" }) : o[I] ?? ""
+              children: P && a[I] ? /* @__PURE__ */ V("span", { className: "nk-pin-input__censor" }) : a[I] ?? ""
             }
           )
         ] }, I)) })
@@ -244,5 +245,5 @@ const se = Z(function(s, r) {
   );
 });
 export {
-  se as default
+  ue as default
 };

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