neatkit 0.9.0 → 0.10.0

package/dist/{Button-DU4j_IED.cjs → Button-CVe9T_Zw.cjs}

@@ -1 +1 @@
-"use client";"use strict";const r=require("react/jsx-runtime"),y=require("react"),B=require("./Icon-BIBzgznI.cjs"),F=require("./Spinner-BXgw60UC.cjs");function x(t){return t==null||typeof t=="boolean"||typeof t=="string"&&!t.trim()?!1:Array.isArray(t)?t.some(x):y.isValidElement(t)&&t.type===y.Fragment?x(t.props.children):!0}function K(t,l){const a=t.getBoundingClientRect(),b=l.clientX-a.left,u=l.clientY-a.top;t.style.setProperty("--nk-button-glow-x",`${b}px`),t.style.setProperty("--nk-button-glow-y",`${u}px`)}const $=y.forwardRef(function(l,a){const{as:b,children:u,className:w,disabled:I,fullWidth:A=!1,icon:s,iconAlignment:k="left",loading:h=!1,onClick:q,onKeyDown:v,onMouseMove:D,role:g,shape:R="capsule",tabIndex:P,textAlignment:E="center",tone:M,variant:N="primary",...c}=l,i=b??"button",o=I||h,S=!!s&&!x(u),d=i==="a"&&"href"in c&&typeof c.href=="string",f=typeof i=="string"&&i!=="button"&&!d,_=e=>{if(o){e.preventDefault(),e.stopPropagation();return}const n=q;n==null||n(e)},T=e=>{K(e.currentTarget,e);const n=D;n==null||n(e)},z=e=>{const n=v;n==null||n(e),!(e.defaultPrevented||o||!f||e.key!=="Enter"&&e.key!==" ")&&(e.preventDefault(),e.currentTarget.click())},j={"aria-disabled":o||void 0};i==="button"&&(j.type=c.type??"button");const C=d&&o?{href:void 0}:void 0;let m=g;d&&o?m=g??"link":f&&(m=g??"button");let p=P;return i!=="button"&&(d&&o?p=void 0:o?p=-1:f&&(p=P??0)),y.createElement(i,{...c,...j,...C,ref:a,"aria-busy":h||void 0,className:["nk-button",w].filter(Boolean).join(" "),"data-full-width":A||void 0,"data-icon-only":S||void 0,"data-shape":R,"data-tone":M,"data-variant":N,onClick:_,onKeyDown:f?z:v,onMouseMove:T,role:m,tabIndex:p},r.jsxs(r.Fragment,{children:[r.jsxs("span",{className:"nk-button__content",style:{justifyContent:E},children:[s&&k==="left"?r.jsx(B.Icon,{type:s}):null,u,s&&k==="right"?r.jsx(B.Icon,{type:s}):null]}),h?r.jsx(F.Spinner,{"aria-hidden":"true","aria-label":void 0,className:"nk-button__spinner",role:void 0,size:16}):null]}))});exports.Button=$;
+"use client";"use strict";const r=require("react/jsx-runtime"),y=require("react"),B=require("./Icon-BIBzgznI.cjs"),F=require("./Spinner-BE0F4y2S.cjs");function x(t){return t==null||typeof t=="boolean"||typeof t=="string"&&!t.trim()?!1:Array.isArray(t)?t.some(x):y.isValidElement(t)&&t.type===y.Fragment?x(t.props.children):!0}function K(t,l){const a=t.getBoundingClientRect(),b=l.clientX-a.left,u=l.clientY-a.top;t.style.setProperty("--nk-button-glow-x",`${b}px`),t.style.setProperty("--nk-button-glow-y",`${u}px`)}const $=y.forwardRef(function(l,a){const{as:b,children:u,className:w,disabled:I,fullWidth:A=!1,icon:s,iconAlignment:k="left",loading:h=!1,onClick:q,onKeyDown:v,onMouseMove:D,role:g,shape:R="capsule",tabIndex:P,textAlignment:E="center",tone:M,variant:N="primary",...c}=l,i=b??"button",o=I||h,S=!!s&&!x(u),d=i==="a"&&"href"in c&&typeof c.href=="string",f=typeof i=="string"&&i!=="button"&&!d,_=e=>{if(o){e.preventDefault(),e.stopPropagation();return}const n=q;n==null||n(e)},T=e=>{K(e.currentTarget,e);const n=D;n==null||n(e)},z=e=>{const n=v;n==null||n(e),!(e.defaultPrevented||o||!f||e.key!=="Enter"&&e.key!==" ")&&(e.preventDefault(),e.currentTarget.click())},j={"aria-disabled":o||void 0};i==="button"&&(j.type=c.type??"button");const C=d&&o?{href:void 0}:void 0;let m=g;d&&o?m=g??"link":f&&(m=g??"button");let p=P;return i!=="button"&&(d&&o?p=void 0:o?p=-1:f&&(p=P??0)),y.createElement(i,{...c,...j,...C,ref:a,"aria-busy":h||void 0,className:["nk-button",w].filter(Boolean).join(" "),"data-full-width":A||void 0,"data-icon-only":S||void 0,"data-shape":R,"data-tone":M,"data-variant":N,onClick:_,onKeyDown:f?z:v,onMouseMove:T,role:m,tabIndex:p},r.jsxs(r.Fragment,{children:[r.jsxs("span",{className:"nk-button__content",style:{justifyContent:E},children:[s&&k==="left"?r.jsx(B.Icon,{type:s}):null,u,s&&k==="right"?r.jsx(B.Icon,{type:s}):null]}),h?r.jsx(F.Spinner,{"aria-hidden":"true","aria-label":void 0,className:"nk-button__spinner",role:void 0,size:16}):null]}))});exports.Button=$;

package/dist/{Button-BV5OUXpc.js → Button-D6rXvcqq.js}

@@ -2,7 +2,7 @@
 import { jsxs as B, Fragment as C, jsx as g } from "react/jsx-runtime";
 import { forwardRef as K, createElement as q, isValidElement as G, Fragment as O } from "react";
 import { I as w } from "./Icon-CxK1wlGk.js";
-import { S as V } from "./Spinner-CVYvk6YK.js";
+import { S as V } from "./Spinner-CmxlDlOk.js";
 function h(t) {
   return t == null || typeof t == "boolean" || typeof t == "string" && !t.trim() ? !1 : Array.isArray(t) ? t.some(h) : G(t) && t.type === O ? h(t.props.children) : !0;
 }

package/dist/Button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button-DU4j_IED.cjs");exports.default=e.Button;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button-CVe9T_Zw.cjs");exports.default=e.Button;

package/dist/Button.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as a } from "./Button-BV5OUXpc.js";
+import { B as a } from "./Button-D6rXvcqq.js";
 export {
   a as default
 };

package/dist/Checkbox.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("react"),N=require("./aria-Bntn6ad_.cjs"),Q=require("./field-control-NfLwcPj6.cjs"),W=require("./Icon-BIBzgznI.cjs"),Z=require("./Text-DWYlIcPj.cjs"),T=Symbol("nk-checkbox-option");function $(o){Object.assign(o,{[T]:!0})}function F(o){if(typeof o!="function"&&typeof o!="object"||o===null)return!1;const a=o;return a[T]?!0:a.type!==void 0&&a.type!==o?F(a.type):!1}const z=r.createContext(void 0),ee=Object.freeze([]);function K(o,a){r.Children.forEach(o,n=>{if(n==null||typeof n=="boolean")return;if(!r.isValidElement(n))throw new Error("Checkbox.Group children must be direct Checkbox elements or fragments");if(n.type===r.Fragment){K(n.props.children,a);return}if(!F(n.type))throw new Error("Checkbox.Group children must be direct Checkbox elements or fragments");const i=n;a.push({disabled:!!i.props.disabled,required:!!i.props.required,value:String(i.props.value??"on")})})}function ne(o){const a=[];K(o,a);const n=new Set;return a.forEach(i=>{if(n.has(i.value))throw new Error("Checkbox.Group Checkbox values must be unique");n.add(i.value)}),a}function te(o,a,n){a.current=o,typeof n=="function"?n(o):n&&(n.current=o)}const U=r.forwardRef(function(a,n){const{"aria-invalid":i,children:u,className:S,defaultValue:s=ee,disabled:d=!1,invalid:E=!1,name:j,onChange:v,orientation:k="vertical",required:f=!1,value:x,...y}=a,p=r.useRef(null),[e,h]=r.useState(s),c=x!==void 0,O=c?x:e,B=E||N.hasInvalidState(i),_=ne(u),g=d?[]:_.filter(t=>!t.disabled).map(t=>t.value),m=new Set(g),C=O.some(t=>m.has(t)),V=g[0],R=_.find(t=>!t.disabled&&t.value===V),P=s.some(t=>m.has(t)),w=!!(R!=null&&R.required),D=r.useCallback(t=>te(t,p,n),[n]);r.useEffect(()=>{var I;if(c)return;const t=(I=p.current)==null?void 0:I.querySelector('input[type="checkbox"]'),b=t instanceof HTMLInputElement?t.form:null;if(!b)return;const G=b.getRootNode();function q(A){var L;if(A.target!==b||A.defaultPrevented)return;const H=Array.from(((L=p.current)==null?void 0:L.querySelectorAll('input[type="checkbox"]'))??[]).find(M=>!M.disabled&&M.value===V);H&&(H.required=!!(w||f&&!P)),h(s)}return G.addEventListener("reset",q),()=>G.removeEventListener("reset",q)},[u,s,P,c,f,w,V]);function Y(t){if(!c){const b=t.currentTarget.value,G=t.currentTarget.checked;h(q=>G?[...new Set([...q,b])]:q.filter(I=>I!==b))}v==null||v(t)}const J={defaultValue:s,disabled:d,handleChange:Y,hasSelection:C,name:j,required:f,value:x,validationValue:V};return l.jsx(z.Provider,{value:J,children:l.jsx("div",{...y,ref:D,"aria-disabled":d||void 0,"aria-invalid":N.resolveAriaInvalid(E,i),className:["nk-checkbox-group",S].filter(Boolean).join(" "),"data-disabled":d||void 0,"data-invalid":B||void 0,"data-orientation":k,role:"group",children:u})})});Q.markFieldGroupControl(U,"label");function oe(){return r.useContext(z)}const X=r.forwardRef(function(a,n){var m;const{"aria-invalid":i,checked:u,children:S,className:s,defaultChecked:d,disabled:E=!1,invalid:j=!1,name:v,onChange:k,required:f=!1,style:x,value:y="on",...p}=a,e=oe(),h=String(y),c=(e==null?void 0:e.value)!==void 0,O=E||!!(e!=null&&e.disabled),B=!!(e!=null&&e.required&&!e.hasSelection&&e.validationValue===h),_=j||N.hasInvalidState(i);function g(C){k==null||k(C),C.defaultPrevented||e==null||e.handleChange(C)}return l.jsxs("label",{className:["nk-checkbox",s].filter(Boolean).join(" "),"data-disabled":O||void 0,"data-invalid":_||void 0,style:x,children:[l.jsx("input",{...p,ref:n,"aria-invalid":N.resolveAriaInvalid(j,i),checked:e?c?(m=e.value)==null?void 0:m.includes(h):void 0:u,className:"nk-checkbox__control",defaultChecked:e&&!c?e.defaultValue.includes(h):d,disabled:O,name:(e==null?void 0:e.name)??v,onChange:g,required:f||B,type:"checkbox",value:y}),l.jsx("span",{"aria-hidden":"true",className:"nk-checkbox__visual",children:l.jsx(W.Icon,{className:"nk-checkbox__icon",size:12,type:"checkmark"})}),S!==void 0?l.jsxs(Z.Text,{as:"span",className:"nk-checkbox__label",children:[S,f?l.jsx("span",{"aria-hidden":"true",className:"nk-checkbox__required",children:"*"}):null]}):null]})});$(X);const ae=Object.assign(X,{Group:U});exports.default=ae;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),i=require("react"),I=require("./aria-Bntn6ad_.cjs"),Q=require("./reference-C2guRuR0.cjs"),W=require("./field-control-NfLwcPj6.cjs"),Z=require("./Icon-BIBzgznI.cjs"),$=require("./Text-DWYlIcPj.cjs"),T=Symbol("nk-checkbox-option");function ee(a){Object.assign(a,{[T]:!0})}function F(a){if(typeof a!="function"&&typeof a!="object"||a===null)return!1;const o=a;return o[T]?!0:o.type!==void 0&&o.type!==a?F(o.type):!1}const z=i.createContext(void 0),ne=Object.freeze([]);function K(a,o){i.Children.forEach(a,t=>{if(t==null||typeof t=="boolean")return;if(!i.isValidElement(t))throw new Error("Checkbox.Group children must be direct Checkbox elements or fragments");if(t.type===i.Fragment){K(t.props.children,o);return}if(!F(t.type))throw new Error("Checkbox.Group children must be direct Checkbox elements or fragments");const r=t;o.push({disabled:!!r.props.disabled,required:!!r.props.required,value:String(r.props.value??"on")})})}function te(a){const o=[];K(a,o);const t=new Set;return o.forEach(r=>{if(t.has(r.value))throw new Error("Checkbox.Group Checkbox values must be unique");t.add(r.value)}),o}function oe(a,o,t){o.current=a,Q.assignElementReference(t,a)}const U=i.forwardRef(function(o,t){const{"aria-invalid":r,children:u,className:E,defaultValue:s=ne,disabled:d=!1,invalid:S=!1,name:j,onChange:v,orientation:k="vertical",required:f=!1,value:x,...g}=o,p=i.useRef(null),[e,h]=i.useState(s),c=x!==void 0,O=c?x:e,N=S||I.hasInvalidState(r),_=te(u),y=d?[]:_.filter(n=>!n.disabled).map(n=>n.value),m=new Set(y),C=O.some(n=>m.has(n)),V=y[0],w=_.find(n=>!n.disabled&&n.value===V),B=s.some(n=>m.has(n)),P=!!(w!=null&&w.required),D=i.useCallback(n=>oe(n,p,t),[t]);i.useEffect(()=>{var G;if(c)return;const n=(G=p.current)==null?void 0:G.querySelector('input[type="checkbox"]'),b=n instanceof HTMLInputElement?n.form:null;if(!b)return;const R=b.getRootNode();function q(A){var L;if(A.target!==b||A.defaultPrevented)return;const H=Array.from(((L=p.current)==null?void 0:L.querySelectorAll('input[type="checkbox"]'))??[]).find(M=>!M.disabled&&M.value===V);H&&(H.required=!!(P||f&&!B)),h(s)}return R.addEventListener("reset",q),()=>R.removeEventListener("reset",q)},[u,s,B,c,f,P,V]);function Y(n){if(!c){const b=n.currentTarget.value,R=n.currentTarget.checked;h(q=>R?[...new Set([...q,b])]:q.filter(G=>G!==b))}v==null||v(n)}const J={defaultValue:s,disabled:d,handleChange:Y,hasSelection:C,name:j,required:f,value:x,validationValue:V};return l.jsx(z.Provider,{value:J,children:l.jsx("div",{...g,ref:D,"aria-disabled":d||void 0,"aria-invalid":I.resolveAriaInvalid(S,r),className:["nk-checkbox-group",E].filter(Boolean).join(" "),"data-disabled":d||void 0,"data-invalid":N||void 0,"data-orientation":k,role:"group",children:u})})});W.markFieldGroupControl(U,"label");function ae(){return i.useContext(z)}const X=i.forwardRef(function(o,t){var m;const{"aria-invalid":r,checked:u,children:E,className:s,defaultChecked:d,disabled:S=!1,invalid:j=!1,name:v,onChange:k,required:f=!1,style:x,value:g="on",...p}=o,e=ae(),h=String(g),c=(e==null?void 0:e.value)!==void 0,O=S||!!(e!=null&&e.disabled),N=!!(e!=null&&e.required&&!e.hasSelection&&e.validationValue===h),_=j||I.hasInvalidState(r);function y(C){k==null||k(C),C.defaultPrevented||e==null||e.handleChange(C)}return l.jsxs("label",{className:["nk-checkbox",s].filter(Boolean).join(" "),"data-disabled":O||void 0,"data-invalid":_||void 0,style:x,children:[l.jsx("input",{...p,ref:t,"aria-invalid":I.resolveAriaInvalid(j,r),checked:e?c?(m=e.value)==null?void 0:m.includes(h):void 0:u,className:"nk-checkbox__control",defaultChecked:e&&!c?e.defaultValue.includes(h):d,disabled:O,name:(e==null?void 0:e.name)??v,onChange:y,required:f||N,type:"checkbox",value:g}),l.jsx("span",{"aria-hidden":"true",className:"nk-checkbox__visual",children:l.jsx(Z.Icon,{className:"nk-checkbox__icon",size:12,type:"checkmark"})}),E!==void 0?l.jsxs($.Text,{as:"span",className:"nk-checkbox__label",children:[E,f?l.jsx("span",{"aria-hidden":"true",className:"nk-checkbox__required",children:"*"}):null]}):null]})});ee(X);const re=Object.assign(X,{Group:U});exports.default=re;

package/dist/Checkbox.js

@@ -1,216 +1,217 @@
 "use client";
 import { jsx as h, jsxs as L } from "react/jsx-runtime";
-import { createContext as Z, forwardRef as F, useRef as $, useState as ee, useCallback as ne, useEffect as oe, Children as te, isValidElement as ae, Fragment as ie, useContext as re } from "react";
+import { createContext as Z, forwardRef as F, useRef as $, useState as ee, useCallback as ne, useEffect as oe, Children as te, isValidElement as ae, Fragment as re, useContext as ie } from "react";
 import { r as T, h as z } from "./aria-CeA9QfD1.js";
-import { m as le } from "./field-control-XAn_FKks.js";
-import { I as se } from "./Icon-CxK1wlGk.js";
-import { T as ce } from "./Text-rN6iDo0V.js";
+import { a as le } from "./reference-CXMr27nM.js";
+import { m as se } from "./field-control-XAn_FKks.js";
+import { I as ce } from "./Icon-CxK1wlGk.js";
+import { T as de } from "./Text-rN6iDo0V.js";
 const K = Symbol("nk-checkbox-option");
-function ue(t) {
-  Object.assign(t, { [K]: !0 });
+function ue(a) {
+  Object.assign(a, { [K]: !0 });
 }
-function M(t) {
-  if (typeof t != "function" && typeof t != "object" || t === null)
+function M(a) {
+  if (typeof a != "function" && typeof a != "object" || a === null)
     return !1;
-  const a = t;
-  return a[K] ? !0 : a.type !== void 0 && a.type !== t ? M(a.type) : !1;
+  const t = a;
+  return t[K] ? !0 : t.type !== void 0 && t.type !== a ? M(t.type) : !1;
 }
-const U = Z(void 0), de = Object.freeze([]);
-function X(t, a) {
-  te.forEach(t, (n) => {
-    if (n == null || typeof n == "boolean")
+const U = Z(void 0), fe = Object.freeze([]);
+function X(a, t) {
+  te.forEach(a, (o) => {
+    if (o == null || typeof o == "boolean")
       return;
-    if (!ae(n))
+    if (!ae(o))
       throw new Error(
         "Checkbox.Group children must be direct Checkbox elements or fragments"
       );
-    if (n.type === ie) {
-      X(n.props.children, a);
+    if (o.type === re) {
+      X(o.props.children, t);
       return;
     }
-    if (!M(n.type))
+    if (!M(o.type))
       throw new Error(
         "Checkbox.Group children must be direct Checkbox elements or fragments"
       );
-    const i = n;
-    a.push({
-      disabled: !!i.props.disabled,
-      required: !!i.props.required,
-      value: String(i.props.value ?? "on")
+    const r = o;
+    t.push({
+      disabled: !!r.props.disabled,
+      required: !!r.props.required,
+      value: String(r.props.value ?? "on")
     });
   });
 }
-function fe(t) {
-  const a = [];
-  X(t, a);
-  const n = /* @__PURE__ */ new Set();
-  return a.forEach((i) => {
-    if (n.has(i.value))
+function he(a) {
+  const t = [];
+  X(a, t);
+  const o = /* @__PURE__ */ new Set();
+  return t.forEach((r) => {
+    if (o.has(r.value))
       throw new Error("Checkbox.Group Checkbox values must be unique");
-    n.add(i.value);
-  }), a;
+    o.add(r.value);
+  }), t;
 }
-function he(t, a, n) {
-  a.current = t, typeof n == "function" ? n(t) : n && (n.current = t);
+function be(a, t, o) {
+  t.current = a, le(o, a);
 }
 const D = F(
-  function(a, n) {
+  function(t, o) {
     const {
-      "aria-invalid": i,
+      "aria-invalid": r,
       children: s,
       className: E,
-      defaultValue: r = de,
+      defaultValue: i = fe,
       disabled: c = !1,
       invalid: S = !1,
       name: q,
       onChange: b,
-      orientation: k = "vertical",
-      required: u = !1,
-      value: p,
-      ...y
-    } = a, v = $(null), [e, d] = ee(r), l = p !== void 0, O = l ? p : e, B = S || z(i), V = fe(s), _ = c ? [] : V.filter((o) => !o.disabled).map((o) => o.value), m = new Set(_), x = O.some(
-      (o) => m.has(o)
-    ), g = _[0], I = V.find(
-      (o) => !o.disabled && o.value === g
-    ), j = r.some(
-      (o) => m.has(o)
-    ), P = !!(I != null && I.required), J = ne(
-      (o) => he(
-        o,
-        v,
-        n
+      orientation: m = "vertical",
+      required: d = !1,
+      value: k,
+      ...O
+    } = t, p = $(null), [e, u] = ee(i), l = k !== void 0, V = l ? k : e, R = S || z(r), g = he(s), y = c ? [] : g.filter((n) => !n.disabled).map((n) => n.value), v = new Set(y), x = V.some(
+      (n) => v.has(n)
+    ), _ = y[0], B = g.find(
+      (n) => !n.disabled && n.value === _
+    ), I = i.some(
+      (n) => v.has(n)
+    ), w = !!(B != null && B.required), J = ne(
+      (n) => be(
+        n,
+        p,
+        o
       ),
-      [n]
+      [o]
     );
     oe(() => {
       var N;
       if (l) return;
-      const o = (N = v.current) == null ? void 0 : N.querySelector(
+      const n = (N = p.current) == null ? void 0 : N.querySelector(
         'input[type="checkbox"]'
-      ), f = o instanceof HTMLInputElement ? o.form : null;
+      ), f = n instanceof HTMLInputElement ? n.form : null;
       if (!f) return;
       const G = f.getRootNode();
-      function C(R) {
+      function C(j) {
         var A;
-        if (R.target !== f || R.defaultPrevented) return;
-        const w = Array.from(
-          ((A = v.current) == null ? void 0 : A.querySelectorAll(
+        if (j.target !== f || j.defaultPrevented) return;
+        const P = Array.from(
+          ((A = p.current) == null ? void 0 : A.querySelectorAll(
             'input[type="checkbox"]'
           )) ?? []
         ).find(
-          (H) => !H.disabled && H.value === g
+          (H) => !H.disabled && H.value === _
         );
-        w && (w.required = !!(P || u && !j)), d(r);
+        P && (P.required = !!(w || d && !I)), u(i);
       }
       return G.addEventListener("reset", C), () => G.removeEventListener("reset", C);
     }, [
       s,
-      r,
-      j,
+      i,
+      I,
       l,
-      u,
-      P,
-      g
+      d,
+      w,
+      _
     ]);
-    function Q(o) {
+    function Q(n) {
       if (!l) {
-        const f = o.currentTarget.value, G = o.currentTarget.checked;
-        d((C) => G ? [.../* @__PURE__ */ new Set([...C, f])] : C.filter((N) => N !== f));
+        const f = n.currentTarget.value, G = n.currentTarget.checked;
+        u((C) => G ? [.../* @__PURE__ */ new Set([...C, f])] : C.filter((N) => N !== f));
       }
-      b == null || b(o);
+      b == null || b(n);
     }
     const W = {
-      defaultValue: r,
+      defaultValue: i,
       disabled: c,
       handleChange: Q,
       hasSelection: x,
       name: q,
-      required: u,
-      value: p,
-      validationValue: g
+      required: d,
+      value: k,
+      validationValue: _
     };
     return /* @__PURE__ */ h(U.Provider, { value: W, children: /* @__PURE__ */ h(
       "div",
       {
-        ...y,
+        ...O,
         ref: J,
         "aria-disabled": c || void 0,
-        "aria-invalid": T(S, i),
+        "aria-invalid": T(S, r),
         className: [
           "nk-checkbox-group",
           E
         ].filter(Boolean).join(" "),
         "data-disabled": c || void 0,
-        "data-invalid": B || void 0,
-        "data-orientation": k,
+        "data-invalid": R || void 0,
+        "data-orientation": m,
         role: "group",
         children: s
       }
     ) });
   }
 );
-le(D, "label");
-function be() {
-  return re(U);
+se(D, "label");
+function me() {
+  return ie(U);
 }
-const Y = F(function(a, n) {
-  var m;
+const Y = F(function(t, o) {
+  var v;
   const {
-    "aria-invalid": i,
+    "aria-invalid": r,
     checked: s,
     children: E,
-    className: r,
+    className: i,
     defaultChecked: c,
     disabled: S = !1,
     invalid: q = !1,
     name: b,
-    onChange: k,
-    required: u = !1,
-    style: p,
-    value: y = "on",
-    ...v
-  } = a, e = be(), d = String(y), l = (e == null ? void 0 : e.value) !== void 0, O = S || !!(e != null && e.disabled), B = !!(e != null && e.required && !e.hasSelection && e.validationValue === d), V = q || z(i);
-  function _(x) {
-    k == null || k(x), x.defaultPrevented || e == null || e.handleChange(x);
+    onChange: m,
+    required: d = !1,
+    style: k,
+    value: O = "on",
+    ...p
+  } = t, e = me(), u = String(O), l = (e == null ? void 0 : e.value) !== void 0, V = S || !!(e != null && e.disabled), R = !!(e != null && e.required && !e.hasSelection && e.validationValue === u), g = q || z(r);
+  function y(x) {
+    m == null || m(x), x.defaultPrevented || e == null || e.handleChange(x);
   }
   return /* @__PURE__ */ L(
     "label",
     {
-      className: ["nk-checkbox", r].filter(Boolean).join(" "),
-      "data-disabled": O || void 0,
-      "data-invalid": V || void 0,
-      style: p,
+      className: ["nk-checkbox", i].filter(Boolean).join(" "),
+      "data-disabled": V || void 0,
+      "data-invalid": g || void 0,
+      style: k,
       children: [
         /* @__PURE__ */ h(
           "input",
           {
-            ...v,
-            ref: n,
-            "aria-invalid": T(q, i),
-            checked: e ? l ? (m = e.value) == null ? void 0 : m.includes(d) : void 0 : s,
+            ...p,
+            ref: o,
+            "aria-invalid": T(q, r),
+            checked: e ? l ? (v = e.value) == null ? void 0 : v.includes(u) : void 0 : s,
             className: "nk-checkbox__control",
-            defaultChecked: e && !l ? e.defaultValue.includes(d) : c,
-            disabled: O,
+            defaultChecked: e && !l ? e.defaultValue.includes(u) : c,
+            disabled: V,
             name: (e == null ? void 0 : e.name) ?? b,
-            onChange: _,
-            required: u || B,
+            onChange: y,
+            required: d || R,
             type: "checkbox",
-            value: y
+            value: O
           }
         ),
-        /* @__PURE__ */ h("span", { "aria-hidden": "true", className: "nk-checkbox__visual", children: /* @__PURE__ */ h(se, { className: "nk-checkbox__icon", size: 12, type: "checkmark" }) }),
-        E !== void 0 ? /* @__PURE__ */ L(ce, { as: "span", className: "nk-checkbox__label", children: [
+        /* @__PURE__ */ h("span", { "aria-hidden": "true", className: "nk-checkbox__visual", children: /* @__PURE__ */ h(ce, { className: "nk-checkbox__icon", size: 12, type: "checkmark" }) }),
+        E !== void 0 ? /* @__PURE__ */ L(de, { as: "span", className: "nk-checkbox__label", children: [
           E,
-          u ? /* @__PURE__ */ h("span", { "aria-hidden": "true", className: "nk-checkbox__required", children: "*" }) : null
+          d ? /* @__PURE__ */ h("span", { "aria-hidden": "true", className: "nk-checkbox__required", children: "*" }) : null
         ] }) : null
       ]
     }
   );
 });
 ue(Y);
-const Ee = Object.assign(Y, {
+const qe = Object.assign(Y, {
   Group: D
 });
 export {
-  Ee as default
+  qe as default
 };

package/dist/Input.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("react"),S=require("./Button-DU4j_IED.cjs"),$=require("./Spinner-BXgw60UC.cjs"),w=require("./aria-Bntn6ad_.cjs");function v(a){return Array.isArray(a)?a.length>0:a!=null&&String(a).length>0}function F(a,s,n){s.current=a,typeof n=="function"?n(a):n&&(n.current=a)}function G(a){var n;const s=(n=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(a),"value"))==null?void 0:n.set;s?s.call(a,""):a.value=""}const J=t.forwardRef(function(s,n){const{"aria-busy":V,"aria-invalid":b,className:C,clearable:y=!1,defaultValue:g,disabled:A=!1,id:N,invalid:h=!1,loading:l=!1,onChange:d,readOnly:p=!1,style:P,type:r="text",value:o,...m}=s,O=t.useId(),I=t.useRef(null),[q,B]=t.useState(v(g)),[u,_]=t.useState(!1);t.useEffect(()=>{r!=="password"&&_(!1)},[r]);const T=t.useCallback(e=>F(e,I,n),[n]),f=N??`${O}-control`,c=A||l,D=h||w.hasInvalidState(b),E=o!==void 0?v(o):q,H=r==="password"&&u?"text":r,M=w.resolveAriaInvalid(h,b),j=y&&E&&!p&&!c,k=r==="password"&&!l,x=j||k;function R(e){o===void 0&&B(v(e.currentTarget.value)),d==null||d(e)}function U(){const e=I.current;e&&(G(e),e.dispatchEvent(new Event("input",{bubbles:!0})),e.focus())}function z(){_(e=>!e)}return i.jsxs("div",{className:["nk-input",C].filter(Boolean).join(" "),"data-clearable":y||void 0,"data-disabled":c||void 0,"data-invalid":D||void 0,"data-loading":l||void 0,"data-read-only":p||void 0,"data-has-trailing-action":x||void 0,style:P,children:[i.jsx("input",{...m,ref:T,"aria-busy":l?!0:V,"aria-invalid":M,className:"nk-input__control",defaultValue:g,disabled:c,id:f,onChange:R,readOnly:p,type:H,value:o}),x?i.jsxs("span",{className:"nk-input__trailing",children:[j?i.jsx(S.Button,{"aria-controls":f,"aria-label":"Clear input",className:"nk-input__action",icon:"cross",onClick:U,shape:"rectangle",type:"button",variant:"ghost"}):null,k?i.jsx(S.Button,{"aria-controls":f,"aria-label":u?"Hide password":"Show password","aria-pressed":u,className:"nk-input__action",disabled:c,icon:u?"eye-off":"eye",onClick:z,shape:"rectangle",type:"button",variant:"ghost"}):null]}):null,l?i.jsx($.Spinner,{"aria-hidden":"true","aria-label":void 0,className:"nk-input__spinner",role:void 0,size:14}):null]})});exports.default=J;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("react"),x=require("./Button-CVe9T_Zw.cjs"),$=require("./Spinner-BE0F4y2S.cjs"),S=require("./aria-Bntn6ad_.cjs"),F=require("./reference-C2guRuR0.cjs");function v(e){return Array.isArray(e)?e.length>0:e!=null&&String(e).length>0}function G(e,s,n){s.current=e,F.assignElementReference(n,e)}function J(e){var n;const s=(n=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),"value"))==null?void 0:n.set;s?s.call(e,""):e.value=""}const K=t.forwardRef(function(s,n){const{"aria-busy":V,"aria-invalid":b,className:m,clearable:y=!1,defaultValue:g,disabled:C=!1,id:A,invalid:h=!1,loading:l=!1,onChange:d,readOnly:p=!1,style:N,type:r="text",value:o,...P}=s,q=t.useId(),I=t.useRef(null),[O,R]=t.useState(v(g)),[c,w]=t.useState(!1);t.useEffect(()=>{r!=="password"&&w(!1)},[r]);const B=t.useCallback(a=>G(a,I,n),[n]),f=A??`${q}-control`,u=C||l,T=h||S.hasInvalidState(b),E=o!==void 0?v(o):O,D=r==="password"&&c?"text":r,H=S.resolveAriaInvalid(h,b),_=y&&E&&!p&&!u,j=r==="password"&&!l,k=_||j;function M(a){o===void 0&&R(v(a.currentTarget.value)),d==null||d(a)}function U(){const a=I.current;a&&(J(a),a.dispatchEvent(new Event("input",{bubbles:!0})),a.focus())}function z(){w(a=>!a)}return i.jsxs("div",{className:["nk-input",m].filter(Boolean).join(" "),"data-clearable":y||void 0,"data-disabled":u||void 0,"data-invalid":T||void 0,"data-loading":l||void 0,"data-read-only":p||void 0,"data-has-trailing-action":k||void 0,style:N,children:[i.jsx("input",{...P,ref:B,"aria-busy":l?!0:V,"aria-invalid":H,className:"nk-input__control",defaultValue:g,disabled:u,id:f,onChange:M,readOnly:p,type:D,value:o}),k?i.jsxs("span",{className:"nk-input__trailing",children:[_?i.jsx(x.Button,{"aria-controls":f,"aria-label":"Clear input",className:"nk-input__action",icon:"cross",onClick:U,shape:"rectangle",type:"button",variant:"ghost"}):null,j?i.jsx(x.Button,{"aria-controls":f,"aria-label":c?"Hide password":"Show password","aria-pressed":c,className:"nk-input__action",disabled:u,icon:c?"eye-off":"eye",onClick:z,shape:"rectangle",type:"button",variant:"ghost"}):null]}):null,l?i.jsx($.Spinner,{"aria-hidden":"true","aria-label":void 0,className:"nk-input__spinner",role:void 0,size:14}):null]})});exports.default=K;

package/dist/Input.js

@@ -1,95 +1,96 @@
 "use client";
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
+import { jsxs as _, jsx as d } from "react/jsx-runtime";
 import { forwardRef as F, useId as G, useRef as J, useState as V, useEffect as K, useCallback as L } from "react";
-import { B as C } from "./Button-BV5OUXpc.js";
-import { S as M } from "./Spinner-CVYvk6YK.js";
+import { B as C } from "./Button-D6rXvcqq.js";
+import { S as M } from "./Spinner-CmxlDlOk.js";
 import { h as Q, r as W } from "./aria-CeA9QfD1.js";
+import { a as X } from "./reference-CXMr27nM.js";
 function f(a) {
   return Array.isArray(a) ? a.length > 0 : a != null && String(a).length > 0;
 }
-function X(a, i, t) {
-  i.current = a, typeof t == "function" ? t(a) : t && (t.current = a);
+function Y(a, t, n) {
+  t.current = a, X(n, a);
 }
-function Y(a) {
-  var t;
-  const i = (t = Object.getOwnPropertyDescriptor(
+function Z(a) {
+  var n;
+  const t = (n = Object.getOwnPropertyDescriptor(
     Object.getPrototypeOf(a),
     "value"
-  )) == null ? void 0 : t.set;
-  i ? i.call(a, "") : a.value = "";
+  )) == null ? void 0 : n.set;
+  t ? t.call(a, "") : a.value = "";
 }
-const sa = F(function(i, t) {
+const la = F(function(t, n) {
   const {
     "aria-busy": A,
     "aria-invalid": v,
     className: N,
     clearable: b = !1,
-    defaultValue: y,
+    defaultValue: h,
     disabled: S = !1,
     id: x,
-    invalid: h = !1,
+    invalid: y = !1,
     loading: s = !1,
-    onChange: d,
+    onChange: c,
     readOnly: u = !1,
     style: P,
-    type: e = "text",
+    type: i = "text",
     value: l,
     ...j
-  } = i, O = G(), g = J(null), [B, T] = V(
-    f(y)
-  ), [o, m] = V(!1);
+  } = t, O = G(), g = J(null), [R, B] = V(
+    f(h)
+  ), [r, m] = V(!1);
   K(() => {
-    e !== "password" && m(!1);
-  }, [e]);
-  const D = L(
-    (n) => X(
-      n,
+    i !== "password" && m(!1);
+  }, [i]);
+  const E = L(
+    (e) => Y(
+      e,
       g,
-      t
+      n
     ),
-    [t]
-  ), p = x ?? `${O}-control`, r = S || s, E = h || Q(v), H = l !== void 0 ? f(l) : B, U = e === "password" && o ? "text" : e, z = W(h, v), I = b && H && !u && !r, k = e === "password" && !s, _ = I || k;
-  function R(n) {
-    l === void 0 && T(f(n.currentTarget.value)), d == null || d(n);
+    [n]
+  ), p = x ?? `${O}-control`, o = S || s, T = y || Q(v), D = l !== void 0 ? f(l) : R, H = i === "password" && r ? "text" : i, U = W(y, v), I = b && D && !u && !o, w = i === "password" && !s, k = I || w;
+  function z(e) {
+    l === void 0 && B(f(e.currentTarget.value)), c == null || c(e);
   }
   function $() {
-    const n = g.current;
-    n && (Y(n), n.dispatchEvent(new Event("input", { bubbles: !0 })), n.focus());
+    const e = g.current;
+    e && (Z(e), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
   }
   function q() {
-    m((n) => !n);
+    m((e) => !e);
   }
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ _(
     "div",
     {
       className: ["nk-input", N].filter(Boolean).join(" "),
       "data-clearable": b || void 0,
-      "data-disabled": r || void 0,
-      "data-invalid": E || void 0,
+      "data-disabled": o || void 0,
+      "data-invalid": T || void 0,
       "data-loading": s || void 0,
       "data-read-only": u || void 0,
-      "data-has-trailing-action": _ || void 0,
+      "data-has-trailing-action": k || void 0,
       style: P,
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ d(
           "input",
           {
             ...j,
-            ref: D,
+            ref: E,
             "aria-busy": s ? !0 : A,
-            "aria-invalid": z,
+            "aria-invalid": U,
             className: "nk-input__control",
-            defaultValue: y,
-            disabled: r,
+            defaultValue: h,
+            disabled: o,
             id: p,
-            onChange: R,
+            onChange: z,
             readOnly: u,
-            type: U,
+            type: H,
             value: l
           }
         ),
-        _ ? /* @__PURE__ */ w("span", { className: "nk-input__trailing", children: [
-          I ? /* @__PURE__ */ c(
+        k ? /* @__PURE__ */ _("span", { className: "nk-input__trailing", children: [
+          I ? /* @__PURE__ */ d(
             C,
             {
               "aria-controls": p,
@@ -102,15 +103,15 @@ const sa = F(function(i, t) {
               variant: "ghost"
             }
           ) : null,
-          k ? /* @__PURE__ */ c(
+          w ? /* @__PURE__ */ d(
             C,
             {
               "aria-controls": p,
-              "aria-label": o ? "Hide password" : "Show password",
-              "aria-pressed": o,
+              "aria-label": r ? "Hide password" : "Show password",
+              "aria-pressed": r,
               className: "nk-input__action",
-              disabled: r,
-              icon: o ? "eye-off" : "eye",
+              disabled: o,
+              icon: r ? "eye-off" : "eye",
               onClick: q,
               shape: "rectangle",
               type: "button",
@@ -118,7 +119,7 @@ const sa = F(function(i, t) {
             }
           ) : null
         ] }) : null,
-        s ? /* @__PURE__ */ c(
+        s ? /* @__PURE__ */ d(
           M,
           {
             "aria-hidden": "true",
@@ -133,5 +134,5 @@ const sa = F(function(i, t) {
   );
 });
 export {
-  sa as default
+  la as default
 };