neatkit 0.10.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/Boundary.cjs +1 -1
  2. package/dist/Boundary.js +191 -120
  3. package/dist/{Button-CVe9T_Zw.cjs → Button-DtrX4X-s.cjs} +1 -1
  4. package/dist/{Button-D6rXvcqq.js → Button-LmEHdRkW.js} +1 -1
  5. package/dist/Button.cjs +1 -1
  6. package/dist/Button.js +1 -1
  7. package/dist/Checkbox.cjs +1 -1
  8. package/dist/Checkbox.js +2 -2
  9. package/dist/Field.cjs +1 -1
  10. package/dist/Field.js +57 -62
  11. package/dist/Icon-CMSHMSDJ.cjs +1 -0
  12. package/dist/{Icon-CxK1wlGk.js → Icon-NT3kRJYz.js} +275 -94
  13. package/dist/Icon.cjs +1 -1
  14. package/dist/Icon.js +1 -1
  15. package/dist/Input.cjs +1 -1
  16. package/dist/Input.js +2 -2
  17. package/dist/Markdown.cjs +1 -1
  18. package/dist/Markdown.js +1 -1
  19. package/dist/Modal.cjs +1 -1
  20. package/dist/Modal.js +4 -4
  21. package/dist/PinInput.cjs +1 -1
  22. package/dist/PinInput.js +1 -1
  23. package/dist/Popover.cjs +1 -1
  24. package/dist/Popover.js +117 -119
  25. package/dist/Radio.cjs +1 -1
  26. package/dist/Radio.js +1 -1
  27. package/dist/Select.cjs +1 -1
  28. package/dist/Select.js +12 -11
  29. package/dist/Sidebar.cjs +1 -1
  30. package/dist/Sidebar.js +373 -324
  31. package/dist/Switch.cjs +1 -1
  32. package/dist/Switch.js +1 -1
  33. package/dist/{Table-BqWBgMTU.cjs → Table-Bjw9lUKS.cjs} +1 -1
  34. package/dist/{Table-DutHfiXR.js → Table-GeoE4h-u.js} +2 -2
  35. package/dist/Table.cjs +1 -1
  36. package/dist/Table.js +1 -1
  37. package/dist/TextArea.cjs +1 -1
  38. package/dist/TextArea.js +1 -1
  39. package/dist/Tooltip-CpyROf6x.js +225 -0
  40. package/dist/Tooltip-DDPh_YFO.cjs +1 -0
  41. package/dist/Tooltip.cjs +1 -1
  42. package/dist/Tooltip.js +1 -1
  43. package/dist/aria-Bv-xVREf.js +17 -0
  44. package/dist/aria-DM-xYEHQ.cjs +1 -0
  45. package/dist/components/Boundary/hooks/useDocumentBackground.d.ts +28 -0
  46. package/dist/components/Icon/icons/AppleIcon.d.ts +11 -0
  47. package/dist/components/Icon/icons/BingIcon.d.ts +11 -0
  48. package/dist/components/Icon/icons/FacebookIcon.d.ts +11 -0
  49. package/dist/components/Icon/icons/GoogleIcon.d.ts +11 -0
  50. package/dist/components/Icon/icons/InstagramIcon.d.ts +11 -0
  51. package/dist/components/Icon/icons/MicrosoftIcon.d.ts +11 -0
  52. package/dist/components/Icon/icons/TwitterIcon.d.ts +11 -0
  53. package/dist/components/Icon/utils/registry.d.ts +7 -0
  54. package/dist/components/PinInput/PinInput.d.ts +1 -1
  55. package/dist/components/Radio/Radio.d.ts +1 -1
  56. package/dist/components/Sidebar/components/SidebarFallbackTrigger.d.ts +32 -0
  57. package/dist/components/Sidebar/components/SidebarPanel.d.ts +1 -1
  58. package/dist/components/Sidebar/components/SidebarTrigger.d.ts +4 -0
  59. package/dist/effects-D98vUn6N.cjs +1 -0
  60. package/dist/effects-DGbA6Q2O.js +18 -0
  61. package/dist/style.css +1 -1
  62. package/dist/useFloatingPosition-DQgw-w_Z.cjs +1 -0
  63. package/dist/useFloatingPosition-MGoyautY.js +57 -0
  64. package/dist/{useFocusTrap-C0IcCdNf.js → useFocusTrap-BxPazAL6.js} +1 -1
  65. package/dist/{useFocusTrap-gAK_402D.cjs → useFocusTrap-CrMcAu8s.cjs} +1 -1
  66. package/dist/{usePresence-CqegYqy4.js → usePresence-BTRY1_l-.js} +47 -56
  67. package/dist/usePresence-Dm0mls5p.cjs +1 -0
  68. package/dist/utils/aria.d.ts +4 -5
  69. package/dist/utils/trigger.d.ts +46 -0
  70. package/package.json +1 -1
  71. package/dist/Icon-BIBzgznI.cjs +0 -1
  72. package/dist/Tooltip-CCuE-hfp.cjs +0 -1
  73. package/dist/Tooltip-CeyRKNv4.js +0 -231
  74. package/dist/aria-Bntn6ad_.cjs +0 -1
  75. package/dist/aria-CeA9QfD1.js +0 -15
  76. package/dist/effects-D5CWf-Pl.js +0 -8
  77. package/dist/effects-D85L_7zM.cjs +0 -1
  78. package/dist/useFloatingPosition-Dq8xpr3E.js +0 -27
  79. package/dist/useFloatingPosition-g5kXywoB.cjs +0 -1
  80. package/dist/usePresence-B5RYv4e1.cjs +0 -1
package/dist/Boundary.cjs CHANGED
@@ -1 +1 @@
1
- "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;
1
+ "use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),W=require("./effects-D98vUn6N.cjs"),v=require("./units-PzuiQNnw.cjs"),I=[{minWidth:v.breakpoint("xl"),marginPercent:32,preferredWidth:1200},{minWidth:v.breakpoint("lg"),marginPercent:20,preferredWidth:1100},{minWidth:v.breakpoint("md"),marginPercent:14,preferredWidth:v.breakpoint("md")},{minWidth:v.breakpoint("sm"),marginPercent:8,preferredWidth:650}],F=16;function L(e){for(const n of I)if(e>=n.minWidth)return n}function O(e,n){if(!Number.isFinite(e)||!Number.isFinite(n)||e<v.breakpoint("sm")||n<=0)return;const t=L(e);if(!t)return;const r=e*t.marginPercent/100,o=e-r*2,l=Math.min(t.preferredWidth,e-F),u=Math.max(o,l);let a=Math.floor(u/n);if(a%2===0&&(a-=1),!(a<3))return Math.min((a-1)*n,e)}function V(e,n){if(typeof e=="function"){e(n);return}e&&(e.current=n)}function _(){const e=new Set;let n;return{publish(t){n!==t&&(n=t,e.forEach(r=>r()))},read(){return n},subscribe(t){return e.add(t),()=>{e.delete(t)}}}}function T(e){if(e.clientWidth===0)return;const n=window.getComputedStyle(e),t=(Number.parseFloat(n.paddingLeft)||0)+(Number.parseFloat(n.paddingRight)||0);return Math.max(e.clientWidth-t,0)}function z(e){const t=window.getComputedStyle(e).getPropertyValue("--nk-cell").trim().match(/^([+]?(?:\d+\.?\d*|\.\d+))px$/i);if(!t)return;const r=Number.parseFloat(t[1]);return Number.isFinite(r)&&r>0?r:void 0}function A(e,n){const t=c.useRef(null),r=c.useRef(null),o=c.useRef(void 0),l=c.useRef(null),[u,a]=c.useState(void 0),[y,p]=c.useState(null);l.current||(l.current=_());const h=l.current,m=c.useCallback(i=>{const s=T(i);if(h.publish(s),!n||s===void 0){if(o.current===void 0)return;o.current=void 0,a(void 0);return}const g=z(i),b=g===void 0?void 0:O(s,g);o.current!==b&&(o.current=b,a(b))},[h,n]),d=c.useCallback(i=>{var g;if((g=r.current)==null||g.disconnect(),r.current=null,typeof ResizeObserver>"u")return;const s=new ResizeObserver(()=>m(i));s.observe(i),r.current=s},[m]),f=c.useCallback(i=>{var s;(s=r.current)==null||s.disconnect(),r.current=null,t.current=i,p(i),V(e,i),!(!i||typeof window>"u")&&(m(i),d(i))},[d,e,m]);return W.useIsomorphicLayoutEffect(()=>{t.current&&m(t.current)}),c.useEffect(()=>(t.current&&d(t.current),()=>{var i;(i=r.current)==null||i.disconnect(),r.current=null}),[d]),{contentWidth:u,rootElement:y,rootReference:f,width:h}}const q=1,w=new WeakMap;function S(e,n){const t=n.painters[n.painters.length-1],r=t?t():n.original,{style:o}=e;o.backgroundColor!==r.backgroundColor&&(o.backgroundColor=r.backgroundColor),o.colorScheme!==r.colorScheme&&(o.colorScheme=r.colorScheme)}function x(e,n){let t=w.get(e);if(!t){const{style:r}=e.documentElement;t={original:{backgroundColor:r.backgroundColor,colorScheme:r.colorScheme},painters:[]},w.set(e,t)}t.painters.push(n),S(e.documentElement,t)}function k(e,n){const t=w.get(e);if(!t)return;const r=t.painters.lastIndexOf(n);r!==-1&&t.painters.splice(r,1),S(e.documentElement,t),t.painters.length===0&&w.delete(e)}function C(e){const n=w.get(e);n&&S(e.documentElement,n)}function D(e){const{nested:n,rootElement:t,width:r}=e,o=c.useRef(!1);W.useIsomorphicLayoutEffect(()=>{if(!t)return;const l=t,{ownerDocument:u}=l;if(!u.defaultView)return;const a=u.defaultView;function y(){return l.clientWidth===0?!1:Math.abs(l.clientWidth-u.documentElement.clientWidth)<=q}function p(){const f=a.getComputedStyle(l);return{backgroundColor:f.backgroundColor,colorScheme:f.colorScheme}}function h(){const f=!n&&y();if(f===o.current){f&&C(u);return}f?x(u,p):k(u,p),o.current=f}h();const m=r.subscribe(h),d=typeof a.matchMedia=="function"?a.matchMedia("(prefers-color-scheme: dark)"):null;return d==null||d.addEventListener("change",h),()=>{m(),d==null||d.removeEventListener("change",h),o.current&&(k(u,p),o.current=!1)}},[n,t,r]),W.useIsomorphicLayoutEffect(()=>{!o.current||!t||C(t.ownerDocument)})}const j=c.forwardRef(function(n,t){const{as:r,children:o,className:l,style:u,theme:a="auto",accent:y,decoration:p="grid",width:h="narrow",height:m="content",spacing:d="standard",...f}=n,{contentWidth:i,rootElement:s,rootReference:g,width:b}=A(t,h==="narrow"),M=W.useBoundary();D({nested:M!==void 0,rootElement:s,width:b});const E=c.useMemo(()=>({boundaryElement:s,portalElement:s,width:b}),[s,b]),P=r??"div",R=y!==void 0?{...u,"--nk-accent":y}:u,B=i===void 0?void 0:{width:`${i}px`},N=c.createElement(P,{...f,ref:g,className:["nk-boundary",l].filter(Boolean).join(" "),"data-theme":a,"data-decoration":p,"data-width":h,"data-height":m,"data-spacing":d,style:R},c.createElement("div",{className:"nk-boundary__content",style:B},o));return c.createElement(W.BoundaryContext.Provider,{value:E},N)});exports.default=j;
package/dist/Boundary.js CHANGED
@@ -1,176 +1,247 @@
1
1
  "use client";
2
- import { useRef as y, useState as S, useCallback as w, useEffect as F, forwardRef as R, useMemo as k, createElement as b } from "react";
3
- import { u as z, B as I } from "./effects-D5CWf-Pl.js";
4
- import { b as p } from "./units-BmjPCccF.js";
5
- const O = [
2
+ import { useRef as v, useState as M, useCallback as w, useEffect as O, forwardRef as z, useMemo as L, createElement as C } from "react";
3
+ import { a as S, u as T, B as _ } from "./effects-DGbA6Q2O.js";
4
+ import { b } from "./units-BmjPCccF.js";
5
+ const x = [
6
6
  {
7
- minWidth: p("xl"),
7
+ minWidth: b("xl"),
8
8
  marginPercent: 32,
9
9
  preferredWidth: 1200
10
10
  },
11
11
  {
12
- minWidth: p("lg"),
12
+ minWidth: b("lg"),
13
13
  marginPercent: 20,
14
14
  preferredWidth: 1100
15
15
  },
16
16
  {
17
- minWidth: p("md"),
17
+ minWidth: b("md"),
18
18
  marginPercent: 14,
19
- preferredWidth: p("md")
19
+ preferredWidth: b("md")
20
20
  },
21
21
  {
22
- minWidth: p("sm"),
22
+ minWidth: b("sm"),
23
23
  marginPercent: 8,
24
24
  preferredWidth: 650
25
25
  }
26
- ], V = 16;
27
- function _(t) {
28
- for (const e of O)
29
- if (t >= e.minWidth) return e;
26
+ ], A = 16;
27
+ function D(e) {
28
+ for (const n of x)
29
+ if (e >= n.minWidth) return n;
30
30
  }
31
- function x(t, e) {
32
- if (!Number.isFinite(t) || !Number.isFinite(e) || t < p("sm") || e <= 0)
31
+ function $(e, n) {
32
+ if (!Number.isFinite(e) || !Number.isFinite(n) || e < b("sm") || n <= 0)
33
33
  return;
34
- const n = _(t);
35
- if (!n) return;
36
- const o = t * n.marginPercent / 100, u = t - o * 2, d = Math.min(
37
- n.preferredWidth,
38
- t - V
39
- ), f = Math.max(u, d);
40
- let c = Math.floor(f / e);
41
- if (c % 2 === 0 && (c -= 1), !(c < 3))
42
- return Math.min((c - 1) * e, t);
34
+ const t = D(e);
35
+ if (!t) return;
36
+ const r = e * t.marginPercent / 100, o = e - r * 2, a = Math.min(
37
+ t.preferredWidth,
38
+ e - A
39
+ ), c = Math.max(o, a);
40
+ let s = Math.floor(c / n);
41
+ if (s % 2 === 0 && (s -= 1), !(s < 3))
42
+ return Math.min((s - 1) * n, e);
43
43
  }
44
- function L(t, e) {
45
- if (typeof t == "function") {
46
- t(e);
44
+ function j(e, n) {
45
+ if (typeof e == "function") {
46
+ e(n);
47
47
  return;
48
48
  }
49
- t && (t.current = e);
49
+ e && (e.current = n);
50
50
  }
51
- function T() {
52
- const t = /* @__PURE__ */ new Set();
53
- let e;
51
+ function q() {
52
+ const e = /* @__PURE__ */ new Set();
53
+ let n;
54
54
  return {
55
- publish(n) {
56
- e !== n && (e = n, t.forEach((o) => o()));
55
+ publish(t) {
56
+ n !== t && (n = t, e.forEach((r) => r()));
57
57
  },
58
58
  read() {
59
- return e;
59
+ return n;
60
60
  },
61
- subscribe(n) {
62
- return t.add(n), () => {
63
- t.delete(n);
61
+ subscribe(t) {
62
+ return e.add(t), () => {
63
+ e.delete(t);
64
64
  };
65
65
  }
66
66
  };
67
67
  }
68
- function A(t) {
69
- if (t.clientWidth === 0) return;
70
- const e = window.getComputedStyle(t), n = (Number.parseFloat(e.paddingLeft) || 0) + (Number.parseFloat(e.paddingRight) || 0);
71
- return Math.max(t.clientWidth - n, 0);
68
+ function G(e) {
69
+ if (e.clientWidth === 0) return;
70
+ const n = window.getComputedStyle(e), t = (Number.parseFloat(n.paddingLeft) || 0) + (Number.parseFloat(n.paddingRight) || 0);
71
+ return Math.max(e.clientWidth - t, 0);
72
72
  }
73
- function $(t) {
74
- const n = window.getComputedStyle(t).getPropertyValue("--nk-cell").trim().match(
73
+ function H(e) {
74
+ const t = window.getComputedStyle(e).getPropertyValue("--nk-cell").trim().match(
75
75
  /^([+]?(?:\d+\.?\d*|\.\d+))px$/i
76
76
  );
77
- if (!n) return;
78
- const o = Number.parseFloat(n[1]);
79
- return Number.isFinite(o) && o > 0 ? o : void 0;
77
+ if (!t) return;
78
+ const r = Number.parseFloat(t[1]);
79
+ return Number.isFinite(r) && r > 0 ? r : void 0;
80
80
  }
81
- function j(t, e) {
82
- const n = y(null), o = y(null), u = y(void 0), d = y(null), [f, c] = S(void 0), [g, v] = S(null);
83
- d.current || (d.current = T());
84
- const l = d.current, s = w((r) => {
85
- const i = A(r);
86
- if (l.publish(i), !e || i === void 0) {
87
- if (u.current === void 0) return;
88
- u.current = void 0, c(void 0);
81
+ function U(e, n) {
82
+ const t = v(null), r = v(null), o = v(void 0), a = v(null), [c, s] = M(void 0), [y, m] = M(null);
83
+ a.current || (a.current = q());
84
+ const f = a.current, h = w((i) => {
85
+ const u = G(i);
86
+ if (f.publish(u), !n || u === void 0) {
87
+ if (o.current === void 0) return;
88
+ o.current = void 0, s(void 0);
89
89
  return;
90
90
  }
91
- const a = $(r), m = a === void 0 ? void 0 : x(i, a);
92
- u.current !== m && (u.current = m, c(m));
93
- }, [l, e]), h = w(
94
- (r) => {
95
- var a;
96
- if ((a = o.current) == null || a.disconnect(), o.current = null, typeof ResizeObserver > "u") return;
97
- const i = new ResizeObserver(
98
- () => s(r)
91
+ const p = H(i), g = p === void 0 ? void 0 : $(u, p);
92
+ o.current !== g && (o.current = g, s(g));
93
+ }, [f, n]), d = w(
94
+ (i) => {
95
+ var p;
96
+ if ((p = r.current) == null || p.disconnect(), r.current = null, typeof ResizeObserver > "u") return;
97
+ const u = new ResizeObserver(
98
+ () => h(i)
99
99
  );
100
- i.observe(r), o.current = i;
100
+ u.observe(i), r.current = u;
101
101
  },
102
- [s]
103
- ), W = w(
104
- (r) => {
105
- var i;
106
- (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));
102
+ [h]
103
+ ), l = w(
104
+ (i) => {
105
+ var u;
106
+ (u = r.current) == null || u.disconnect(), r.current = null, t.current = i, m(i), j(e, i), !(!i || typeof window > "u") && (h(i), d(i));
107
107
  },
108
- [h, t, s]
108
+ [d, e, h]
109
109
  );
110
- return z(() => {
111
- n.current && s(n.current);
112
- }), F(() => (n.current && h(n.current), () => {
113
- var r;
114
- (r = o.current) == null || r.disconnect(), o.current = null;
115
- }), [h]), {
116
- contentWidth: f,
117
- rootElement: g,
118
- rootReference: W,
119
- width: l
110
+ return S(() => {
111
+ t.current && h(t.current);
112
+ }), O(() => (t.current && d(t.current), () => {
113
+ var i;
114
+ (i = r.current) == null || i.disconnect(), r.current = null;
115
+ }), [d]), {
116
+ contentWidth: c,
117
+ rootElement: y,
118
+ rootReference: l,
119
+ width: f
120
120
  };
121
121
  }
122
- const q = R(
123
- function(e, n) {
122
+ const J = 1, W = /* @__PURE__ */ new WeakMap();
123
+ function k(e, n) {
124
+ const t = n.painters[n.painters.length - 1], r = t ? t() : n.original, { style: o } = e;
125
+ o.backgroundColor !== r.backgroundColor && (o.backgroundColor = r.backgroundColor), o.colorScheme !== r.colorScheme && (o.colorScheme = r.colorScheme);
126
+ }
127
+ function K(e, n) {
128
+ let t = W.get(e);
129
+ if (!t) {
130
+ const { style: r } = e.documentElement;
131
+ t = {
132
+ original: {
133
+ backgroundColor: r.backgroundColor,
134
+ colorScheme: r.colorScheme
135
+ },
136
+ painters: []
137
+ }, W.set(e, t);
138
+ }
139
+ t.painters.push(n), k(e.documentElement, t);
140
+ }
141
+ function B(e, n) {
142
+ const t = W.get(e);
143
+ if (!t) return;
144
+ const r = t.painters.lastIndexOf(n);
145
+ r !== -1 && t.painters.splice(r, 1), k(e.documentElement, t), t.painters.length === 0 && W.delete(e);
146
+ }
147
+ function P(e) {
148
+ const n = W.get(e);
149
+ n && k(e.documentElement, n);
150
+ }
151
+ function Q(e) {
152
+ const { nested: n, rootElement: t, width: r } = e, o = v(!1);
153
+ S(() => {
154
+ if (!t) return;
155
+ const a = t, { ownerDocument: c } = a;
156
+ if (!c.defaultView) return;
157
+ const s = c.defaultView;
158
+ function y() {
159
+ return a.clientWidth === 0 ? !1 : Math.abs(
160
+ a.clientWidth - c.documentElement.clientWidth
161
+ ) <= J;
162
+ }
163
+ function m() {
164
+ const l = s.getComputedStyle(a);
165
+ return {
166
+ backgroundColor: l.backgroundColor,
167
+ colorScheme: l.colorScheme
168
+ };
169
+ }
170
+ function f() {
171
+ const l = !n && y();
172
+ if (l === o.current) {
173
+ l && P(c);
174
+ return;
175
+ }
176
+ l ? K(c, m) : B(c, m), o.current = l;
177
+ }
178
+ f();
179
+ const h = r.subscribe(f), d = typeof s.matchMedia == "function" ? s.matchMedia("(prefers-color-scheme: dark)") : null;
180
+ return d == null || d.addEventListener("change", f), () => {
181
+ h(), d == null || d.removeEventListener("change", f), o.current && (B(c, m), o.current = !1);
182
+ };
183
+ }, [n, t, r]), S(() => {
184
+ !o.current || !t || P(t.ownerDocument);
185
+ });
186
+ }
187
+ const ee = z(
188
+ function(n, t) {
124
189
  const {
125
- as: o,
126
- children: u,
127
- className: d,
128
- style: f,
129
- theme: c = "auto",
130
- accent: g,
131
- decoration: v = "grid",
132
- width: l = "narrow",
133
- height: s = "content",
134
- spacing: h = "standard",
135
- ...W
136
- } = e, {
137
- contentWidth: r,
138
- rootElement: i,
139
- rootReference: a,
140
- width: m
141
- } = j(n, l === "narrow"), M = k(() => ({
142
- boundaryElement: i,
143
- portalElement: i,
144
- width: m
145
- }), [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(
146
- B,
190
+ as: r,
191
+ children: o,
192
+ className: a,
193
+ style: c,
194
+ theme: s = "auto",
195
+ accent: y,
196
+ decoration: m = "grid",
197
+ width: f = "narrow",
198
+ height: h = "content",
199
+ spacing: d = "standard",
200
+ ...l
201
+ } = n, {
202
+ contentWidth: i,
203
+ rootElement: u,
204
+ rootReference: p,
205
+ width: g
206
+ } = U(t, f === "narrow"), E = T();
207
+ Q({
208
+ nested: E !== void 0,
209
+ rootElement: u,
210
+ width: g
211
+ });
212
+ const N = L(() => ({
213
+ boundaryElement: u,
214
+ portalElement: u,
215
+ width: g
216
+ }), [u, g]), R = r ?? "div", F = y !== void 0 ? { ...c, "--nk-accent": y } : c, V = i === void 0 ? void 0 : { width: `${i}px` }, I = C(
217
+ R,
147
218
  {
148
- ...W,
149
- ref: a,
150
- className: ["nk-boundary", d].filter(Boolean).join(" "),
151
- "data-theme": c,
152
- "data-decoration": v,
153
- "data-width": l,
154
- "data-height": s,
155
- "data-spacing": h,
156
- style: C
219
+ ...l,
220
+ ref: p,
221
+ className: ["nk-boundary", a].filter(Boolean).join(" "),
222
+ "data-theme": s,
223
+ "data-decoration": m,
224
+ "data-width": f,
225
+ "data-height": h,
226
+ "data-spacing": d,
227
+ style: F
157
228
  },
158
- b(
229
+ C(
159
230
  "div",
160
231
  {
161
232
  className: "nk-boundary__content",
162
- style: N
233
+ style: V
163
234
  },
164
- u
235
+ o
165
236
  )
166
237
  );
167
- return b(
168
- I.Provider,
169
- { value: M },
170
- P
238
+ return C(
239
+ _.Provider,
240
+ { value: N },
241
+ I
171
242
  );
172
243
  }
173
244
  );
174
245
  export {
175
- q as default
246
+ ee as default
176
247
  };
@@ -1 +1 @@
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=$;
1
+ "use client";"use strict";const r=require("react/jsx-runtime"),y=require("react"),B=require("./Icon-CMSHMSDJ.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=$;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs as B, Fragment as C, jsx as g } from "react/jsx-runtime";
3
3
  import { forwardRef as K, createElement as q, isValidElement as G, Fragment as O } from "react";
4
- import { I as w } from "./Icon-CxK1wlGk.js";
4
+ import { I as w } from "./Icon-NT3kRJYz.js";
5
5
  import { S as V } from "./Spinner-CmxlDlOk.js";
6
6
  function h(t) {
7
7
  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 CHANGED
@@ -1 +1 @@
1
- "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;
1
+ "use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button-DtrX4X-s.cjs");exports.default=e.Button;
package/dist/Button.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { B as a } from "./Button-D6rXvcqq.js";
2
+ import { B as a } from "./Button-LmEHdRkW.js";
3
3
  export {
4
4
  a as default
5
5
  };
package/dist/Checkbox.cjs CHANGED
@@ -1 +1 @@
1
- "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;
1
+ "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-DM-xYEHQ.cjs"),Q=require("./reference-C2guRuR0.cjs"),W=require("./field-control-NfLwcPj6.cjs"),Z=require("./Icon-CMSHMSDJ.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 CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx as h, jsxs as L } from "react/jsx-runtime";
3
3
  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";
4
- import { r as T, h as z } from "./aria-CeA9QfD1.js";
4
+ import { r as T, h as z } from "./aria-Bv-xVREf.js";
5
5
  import { a as le } from "./reference-CXMr27nM.js";
6
6
  import { m as se } from "./field-control-XAn_FKks.js";
7
- import { I as ce } from "./Icon-CxK1wlGk.js";
7
+ import { I as ce } from "./Icon-NT3kRJYz.js";
8
8
  import { T as de } from "./Text-rN6iDo0V.js";
9
9
  const K = Symbol("nk-checkbox-option");
10
10
  function ue(a) {
package/dist/Field.cjs CHANGED
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),b=require("react"),t=require("./Text-DWYlIcPj.cjs"),E=require("./field-control-NfLwcPj6.cjs");function m(i){return typeof i=="string"?i.trim().length>0:i!=null&&i!==!1&&i!==!0}function I(...i){const c=i.flatMap(e=>(e==null?void 0:e.split(/\s+/).filter(Boolean))??[]),s=[...new Set(c)];return s.length>0?s.join(" "):void 0}const M=b.forwardRef(function(c,s){const{children:e,className:N,description:f,disabled:k=!1,error:v,label:u,orientation:B="vertical",required:T=!1,...C}=c,r=b.useId(),h=e.props.id??`${r}-control`,p=`${r}-label`,q=`${r}-description`,_=`${r}-error`,n=m(u),x=m(f),a=m(v),d=E.getFieldControlMetadata(e.type),g=d!==void 0,j=k||!!e.props.disabled,o=T||!!e.props.required,R=o&&(d==null?void 0:d.requiredCommunication)==="label",w=I(e.props["aria-describedby"],x?q:void 0,a?_:void 0),z=I(n?p:void 0,e.props["aria-labelledby"]),y=o?l.jsx("span",{"aria-hidden":"true",className:"nk-field__required",children:"*"}):null,F=R?l.jsx("span",{className:"nk-field__required-text",children:", select at least one"}):null,$=b.cloneElement(e,{"aria-describedby":w,"aria-invalid":a?!0:e.props["aria-invalid"],"aria-labelledby":z,disabled:j||void 0,id:h,required:o||void 0});return l.jsxs("div",{...C,ref:s,className:["nk-field",N].filter(Boolean).join(" "),"data-disabled":j||void 0,"data-has-label":n||void 0,"data-invalid":a||void 0,"data-orientation":B,"data-required":o||void 0,children:[n&&g?l.jsxs(t.Text,{as:"span",className:"nk-field__label",id:p,size:"caption",weight:"medium",children:[u,y,F]}):null,n&&!g?l.jsxs(t.Text,{as:"label",className:"nk-field__label",htmlFor:h,id:p,size:"caption",weight:"medium",children:[u,y]}):null,l.jsxs("div",{className:"nk-field__body",children:[$,x?l.jsx(t.Text,{as:"p",className:"nk-field__description",id:q,size:"caption",tone:"muted",children:f}):null,a?l.jsx(t.Text,{as:"p","aria-live":"polite",className:"nk-field__error",id:_,size:"caption",tone:"danger",children:v}):null]})]})});exports.default=M;
1
+ "use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("react"),j=require("./aria-DM-xYEHQ.cjs"),o=require("./Text-DWYlIcPj.cjs"),D=require("./field-control-NfLwcPj6.cjs");function p(r){return typeof r=="string"?r.trim().length>0:r!=null&&r!==!1&&r!==!0}const E=u.forwardRef(function(y,I){const{children:e,className:N,description:b,disabled:k=!1,error:m,label:t,orientation:T="vertical",required:B=!1,...C}=y,s=u.useId(),f=e.props.id??`${s}-control`,c=`${s}-label`,v=`${s}-description`,h=`${s}-error`,l=p(t),q=p(b),a=p(m),d=D.getFieldControlMetadata(e.type),_=d!==void 0,x=k||!!e.props.disabled,n=B||!!e.props.required,R=n&&(d==null?void 0:d.requiredCommunication)==="label",z=j.mergeIdentifiers(e.props["aria-describedby"],q?v:void 0,a?h:void 0),F=j.mergeIdentifiers(l?c:void 0,e.props["aria-labelledby"]),g=n?i.jsx("span",{"aria-hidden":"true",className:"nk-field__required",children:"*"}):null,$=R?i.jsx("span",{className:"nk-field__required-text",children:", select at least one"}):null,w=u.cloneElement(e,{"aria-describedby":z,"aria-invalid":a?!0:e.props["aria-invalid"],"aria-labelledby":F,disabled:x||void 0,id:f,required:n||void 0});return i.jsxs("div",{...C,ref:I,className:["nk-field",N].filter(Boolean).join(" "),"data-disabled":x||void 0,"data-has-label":l||void 0,"data-invalid":a||void 0,"data-orientation":T,"data-required":n||void 0,children:[l&&_?i.jsxs(o.Text,{as:"span",className:"nk-field__label",id:c,size:"caption",weight:"medium",children:[t,g,$]}):null,l&&!_?i.jsxs(o.Text,{as:"label",className:"nk-field__label",htmlFor:f,id:c,size:"caption",weight:"medium",children:[t,g]}):null,i.jsxs("div",{className:"nk-field__body",children:[w,q?i.jsx(o.Text,{as:"p",className:"nk-field__description",id:v,size:"caption",tone:"muted",children:b}):null,a?i.jsx(o.Text,{as:"p","aria-live":"polite",className:"nk-field__error",id:h,size:"caption",tone:"danger",children:m}):null]})]})});exports.default=E;