neatkit 0.8.0 → 0.10.0

package/dist/Boundary.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),W=require("./effects-D85L_7zM.cjs"),g=require("./units-PzuiQNnw.cjs"),C=[{minWidth:g.breakpoint("xl"),marginPercent:32,preferredWidth:1200},{minWidth:g.breakpoint("lg"),marginPercent:20,preferredWidth:1100},{minWidth:g.breakpoint("md"),marginPercent:14,preferredWidth:g.breakpoint("md")},{minWidth:g.breakpoint("sm"),marginPercent:8,preferredWidth:650}],N=16;function P(e){for(const t of C)if(e>=t.minWidth)return t}function R(e,t){if(!Number.isFinite(e)||!Number.isFinite(t)||e<g.breakpoint("sm")||t<=0)return;const n=P(e);if(!n)return;const i=e*n.marginPercent/100,d=e-i*2,s=Math.min(n.preferredWidth,e-N),l=Math.max(d,s);let u=Math.floor(l/t);if(u%2===0&&(u-=1),!(u<3))return Math.min((u-1)*t,e)}function B(e,t){if(typeof e=="function"){e(t);return}e&&(e.current=t)}function F(){const e=new Set;let t;return{publish(n){t!==n&&(t=n,e.forEach(i=>i()))},read(){return t},subscribe(n){return e.add(n),()=>{e.delete(n)}}}}function z(e){if(e.clientWidth===0)return;const t=window.getComputedStyle(e),n=(Number.parseFloat(t.paddingLeft)||0)+(Number.parseFloat(t.paddingRight)||0);return Math.max(e.clientWidth-n,0)}function _(e){const n=window.getComputedStyle(e).getPropertyValue("--nk-cell").trim().match(/^([+]?(?:\d+\.?\d*|\.\d+))px$/i);if(!n)return;const i=Number.parseFloat(n[1]);return Number.isFinite(i)&&i>0?i:void 0}function O(e,t){const n=o.useRef(null),i=o.useRef(null),d=o.useRef(void 0),s=o.useRef(null),[l,u]=o.useState(void 0),[b,y]=o.useState(null);s.current||(s.current=F());const h=s.current,a=o.useCallback(r=>{const c=z(r);if(h.publish(c),!t||c===void 0){if(d.current===void 0)return;d.current=void 0,u(void 0);return}const f=_(r),p=f===void 0?void 0:R(c,f);d.current!==p&&(d.current=p,u(p))},[h,t]),m=o.useCallback(r=>{var f;if((f=i.current)==null||f.disconnect(),i.current=null,typeof ResizeObserver>"u")return;const c=new ResizeObserver(()=>a(r));c.observe(r),i.current=c},[a]),v=o.useCallback(r=>{var c;(c=i.current)==null||c.disconnect(),i.current=null,n.current=r,y(r),B(e,r),!(!r||typeof window>"u")&&(a(r),m(r))},[m,e,a]);return W.useIsomorphicLayoutEffect(()=>{n.current&&a(n.current)}),o.useEffect(()=>(n.current&&m(n.current),()=>{var r;(r=i.current)==null||r.disconnect(),i.current=null}),[m]),{contentWidth:l,rootElement:b,rootReference:v,width:h}}const I=o.forwardRef(function(t,n){const{as:i,children:d,className:s,style:l,theme:u="auto",accent:b,decoration:y="grid",width:h="narrow",height:a="content",spacing:m="standard",...v}=t,{contentWidth:r,rootElement:c,rootReference:f,width:p}=O(n,h==="narrow"),w=o.useMemo(()=>({boundaryElement:c,portalElement:c,width:p}),[c,p]),S=i??"div",M=b!==void 0?{...l,"--nk-accent":b}:l,k=o.createElement(S,{...v,ref:f,className:["nk-boundary",s].filter(Boolean).join(" "),"data-theme":u,"data-decoration":y,"data-width":h,"data-height":a,"data-spacing":m,style:M},o.createElement("div",{className:"nk-boundary__content",style:r===void 0?void 0:{width:`${r}px`}},d));return o.createElement(W.BoundaryContext.Provider,{value:w},k)});exports.default=I;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),W=require("./effects-D85L_7zM.cjs"),g=require("./units-PzuiQNnw.cjs"),N=[{minWidth:g.breakpoint("xl"),marginPercent:32,preferredWidth:1200},{minWidth:g.breakpoint("lg"),marginPercent:20,preferredWidth:1100},{minWidth:g.breakpoint("md"),marginPercent:14,preferredWidth:g.breakpoint("md")},{minWidth:g.breakpoint("sm"),marginPercent:8,preferredWidth:650}],P=16;function R(e){for(const t of N)if(e>=t.minWidth)return t}function B(e,t){if(!Number.isFinite(e)||!Number.isFinite(t)||e<g.breakpoint("sm")||t<=0)return;const n=R(e);if(!n)return;const o=e*n.marginPercent/100,d=e-o*2,s=Math.min(n.preferredWidth,e-P),f=Math.max(d,s);let u=Math.floor(f/t);if(u%2===0&&(u-=1),!(u<3))return Math.min((u-1)*t,e)}function F(e,t){if(typeof e=="function"){e(t);return}e&&(e.current=t)}function z(){const e=new Set;let t;return{publish(n){t!==n&&(t=n,e.forEach(o=>o()))},read(){return t},subscribe(n){return e.add(n),()=>{e.delete(n)}}}}function _(e){if(e.clientWidth===0)return;const t=window.getComputedStyle(e),n=(Number.parseFloat(t.paddingLeft)||0)+(Number.parseFloat(t.paddingRight)||0);return Math.max(e.clientWidth-n,0)}function O(e){const n=window.getComputedStyle(e).getPropertyValue("--nk-cell").trim().match(/^([+]?(?:\d+\.?\d*|\.\d+))px$/i);if(!n)return;const o=Number.parseFloat(n[1]);return Number.isFinite(o)&&o>0?o:void 0}function I(e,t){const n=i.useRef(null),o=i.useRef(null),d=i.useRef(void 0),s=i.useRef(null),[f,u]=i.useState(void 0),[y,b]=i.useState(null);s.current||(s.current=z());const h=s.current,a=i.useCallback(r=>{const c=_(r);if(h.publish(c),!t||c===void 0){if(d.current===void 0)return;d.current=void 0,u(void 0);return}const l=O(r),p=l===void 0?void 0:B(c,l);d.current!==p&&(d.current=p,u(p))},[h,t]),m=i.useCallback(r=>{var l;if((l=o.current)==null||l.disconnect(),o.current=null,typeof ResizeObserver>"u")return;const c=new ResizeObserver(()=>a(r));c.observe(r),o.current=c},[a]),v=i.useCallback(r=>{var c;(c=o.current)==null||c.disconnect(),o.current=null,n.current=r,b(r),F(e,r),!(!r||typeof window>"u")&&(a(r),m(r))},[m,e,a]);return W.useIsomorphicLayoutEffect(()=>{n.current&&a(n.current)}),i.useEffect(()=>(n.current&&m(n.current),()=>{var r;(r=o.current)==null||r.disconnect(),o.current=null}),[m]),{contentWidth:f,rootElement:y,rootReference:v,width:h}}const T=i.forwardRef(function(t,n){const{as:o,children:d,className:s,style:f,theme:u="auto",accent:y,decoration:b="grid",width:h="narrow",height:a="content",spacing:m="standard",...v}=t,{contentWidth:r,rootElement:c,rootReference:l,width:p}=I(n,h==="narrow"),w=i.useMemo(()=>({boundaryElement:c,portalElement:c,width:p}),[c,p]),S=o??"div",M=y!==void 0?{...f,"--nk-accent":y}:f,k=r===void 0?void 0:{width:`${r}px`},C=i.createElement(S,{...v,ref:l,className:["nk-boundary",s].filter(Boolean).join(" "),"data-theme":u,"data-decoration":b,"data-width":h,"data-height":a,"data-spacing":m,style:M},i.createElement("div",{className:"nk-boundary__content",style:k},d));return i.createElement(W.BoundaryContext.Provider,{value:w},C)});exports.default=T;

package/dist/Boundary.js

@@ -1,8 +1,8 @@
 "use client";
-import { useRef as y, useState as M, useCallback as w, useEffect as P, forwardRef as F, useMemo as R, createElement as b } from "react";
-import { u as k, B as z } from "./effects-D5CWf-Pl.js";
+import { useRef as y, useState as S, useCallback as w, useEffect as F, forwardRef as R, useMemo as k, createElement as b } from "react";
+import { u as z, B as I } from "./effects-D5CWf-Pl.js";
 import { b as p } from "./units-BmjPCccF.js";
-const I = [
+const O = [
   {
     minWidth: p("xl"),
     marginPercent: 32,
@@ -23,32 +23,32 @@ const I = [
     marginPercent: 8,
     preferredWidth: 650
   }
-], O = 16;
-function V(t) {
-  for (const e of I)
+], V = 16;
+function _(t) {
+  for (const e of O)
     if (t >= e.minWidth) return e;
 }
-function _(t, e) {
+function x(t, e) {
   if (!Number.isFinite(t) || !Number.isFinite(e) || t < p("sm") || e <= 0)
     return;
-  const n = V(t);
+  const n = _(t);
   if (!n) return;
   const o = t * n.marginPercent / 100, u = t - o * 2, d = Math.min(
     n.preferredWidth,
-    t - O
+    t - V
   ), f = Math.max(u, d);
   let c = Math.floor(f / e);
   if (c % 2 === 0 && (c -= 1), !(c < 3))
     return Math.min((c - 1) * e, t);
 }
-function x(t, e) {
+function L(t, e) {
   if (typeof t == "function") {
     t(e);
     return;
   }
   t && (t.current = e);
 }
-function L() {
+function T() {
   const t = /* @__PURE__ */ new Set();
   let e;
   return {
@@ -65,12 +65,12 @@ function L() {
     }
   };
 }
-function T(t) {
+function A(t) {
   if (t.clientWidth === 0) return;
   const e = window.getComputedStyle(t), n = (Number.parseFloat(e.paddingLeft) || 0) + (Number.parseFloat(e.paddingRight) || 0);
   return Math.max(t.clientWidth - n, 0);
 }
-function A(t) {
+function $(t) {
   const n = window.getComputedStyle(t).getPropertyValue("--nk-cell").trim().match(
     /^([+]?(?:\d+\.?\d*|\.\d+))px$/i
   );
@@ -78,17 +78,17 @@ function A(t) {
   const o = Number.parseFloat(n[1]);
   return Number.isFinite(o) && o > 0 ? o : void 0;
 }
-function $(t, e) {
-  const n = y(null), o = y(null), u = y(void 0), d = y(null), [f, c] = M(void 0), [g, v] = M(null);
-  d.current || (d.current = L());
+function j(t, e) {
+  const n = y(null), o = y(null), u = y(void 0), d = y(null), [f, c] = S(void 0), [g, v] = S(null);
+  d.current || (d.current = T());
   const l = d.current, s = w((r) => {
-    const i = T(r);
+    const i = A(r);
     if (l.publish(i), !e || i === void 0) {
       if (u.current === void 0) return;
       u.current = void 0, c(void 0);
       return;
     }
-    const a = A(r), m = a === void 0 ? void 0 : _(i, a);
+    const a = $(r), m = a === void 0 ? void 0 : x(i, a);
     u.current !== m && (u.current = m, c(m));
   }, [l, e]), h = w(
     (r) => {
@@ -103,13 +103,13 @@ function $(t, e) {
   ), W = w(
     (r) => {
       var i;
-      (i = o.current) == null || i.disconnect(), o.current = null, n.current = r, v(r), x(t, r), !(!r || typeof window > "u") && (s(r), h(r));
+      (i = o.current) == null || i.disconnect(), o.current = null, n.current = r, v(r), L(t, r), !(!r || typeof window > "u") && (s(r), h(r));
     },
     [h, t, s]
   );
-  return k(() => {
+  return z(() => {
     n.current && s(n.current);
-  }), P(() => (n.current && h(n.current), () => {
+  }), F(() => (n.current && h(n.current), () => {
     var r;
     (r = o.current) == null || r.disconnect(), o.current = null;
   }), [h]), {
@@ -119,7 +119,7 @@ function $(t, e) {
     width: l
   };
 }
-const U = F(
+const q = R(
   function(e, n) {
     const {
       as: o,
@@ -138,11 +138,11 @@ const U = F(
       rootElement: i,
       rootReference: a,
       width: m
-    } = $(n, l === "narrow"), S = R(() => ({
+    } = j(n, l === "narrow"), M = k(() => ({
       boundaryElement: i,
       portalElement: i,
       width: m
-    }), [i, m]), B = o ?? "div", C = g !== void 0 ? { ...f, "--nk-accent": g } : f, N = b(
+    }), [i, m]), B = o ?? "div", C = g !== void 0 ? { ...f, "--nk-accent": g } : f, N = r === void 0 ? void 0 : { width: `${r}px` }, P = b(
       B,
       {
         ...W,
@@ -159,18 +159,18 @@ const U = F(
         "div",
         {
           className: "nk-boundary__content",
-          style: r === void 0 ? void 0 : { width: `${r}px` }
+          style: N
         },
         u
       )
     );
     return b(
-      z.Provider,
-      { value: S },
-      N
+      I.Provider,
+      { value: M },
+      P
     );
   }
 );
 export {
-  U as default
+  q as default
 };

package/dist/Button-CVe9T_Zw.cjs

@@ -0,0 +1 @@
+"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-D6rXvcqq.js

@@ -0,0 +1,101 @@
+"use client";
+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-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;
+}
+function W(t, a) {
+  const s = t.getBoundingClientRect(), p = a.clientX - s.left, l = a.clientY - s.top;
+  t.style.setProperty("--nk-button-glow-x", `${p}px`), t.style.setProperty("--nk-button-glow-y", `${l}px`);
+}
+const L = K(function(a, s) {
+  const {
+    as: p,
+    children: l,
+    className: A,
+    disabled: I,
+    fullWidth: D = !1,
+    icon: r,
+    iconAlignment: k = "left",
+    loading: y = !1,
+    onClick: j,
+    onKeyDown: v,
+    onMouseMove: E,
+    role: b,
+    shape: M = "capsule",
+    tabIndex: x,
+    textAlignment: N = "center",
+    tone: R,
+    variant: S = "primary",
+    ...u
+  } = a, i = p ?? "button", n = I || y, _ = !!r && !h(l), d = i === "a" && "href" in u && typeof u.href == "string", c = typeof i == "string" && i !== "button" && !d, F = (o) => {
+    if (n) {
+      o.preventDefault(), o.stopPropagation();
+      return;
+    }
+    const e = j;
+    e == null || e(o);
+  }, T = (o) => {
+    W(o.currentTarget, o);
+    const e = E;
+    e == null || e(o);
+  }, $ = (o) => {
+    const e = v;
+    e == null || e(o), !(o.defaultPrevented || n || !c || o.key !== "Enter" && o.key !== " ") && (o.preventDefault(), o.currentTarget.click());
+  }, P = { "aria-disabled": n || void 0 };
+  i === "button" && (P.type = u.type ?? "button");
+  const z = d && n ? { href: void 0 } : void 0;
+  let m = b;
+  d && n ? m = b ?? "link" : c && (m = b ?? "button");
+  let f = x;
+  return i !== "button" && (d && n ? f = void 0 : n ? f = -1 : c && (f = x ?? 0)), q(
+    i,
+    {
+      ...u,
+      ...P,
+      ...z,
+      ref: s,
+      "aria-busy": y || void 0,
+      className: ["nk-button", A].filter(Boolean).join(" "),
+      "data-full-width": D || void 0,
+      "data-icon-only": _ || void 0,
+      "data-shape": M,
+      "data-tone": R,
+      "data-variant": S,
+      onClick: F,
+      onKeyDown: c ? $ : v,
+      onMouseMove: T,
+      role: m,
+      tabIndex: f
+    },
+    /* @__PURE__ */ B(C, { children: [
+      /* @__PURE__ */ B(
+        "span",
+        {
+          className: "nk-button__content",
+          style: { justifyContent: N },
+          children: [
+            r && k === "left" ? /* @__PURE__ */ g(w, { type: r }) : null,
+            l,
+            r && k === "right" ? /* @__PURE__ */ g(w, { type: r }) : null
+          ]
+        }
+      ),
+      y ? /* @__PURE__ */ g(
+        V,
+        {
+          "aria-hidden": "true",
+          "aria-label": void 0,
+          className: "nk-button__spinner",
+          role: void 0,
+          size: 16
+        }
+      ) : null
+    ] })
+  );
+});
+export {
+  L as B
+};

package/dist/Button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button-DCKtFvSo.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-Chv4O66e.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-DJ4BigRz.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-BoEUoOk7.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
 };