neatkit 0.7.0 → 0.9.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.
- package/dist/Avatar-Belo7qAY.cjs +1 -0
- package/dist/Avatar-DjDCFqNG.js +55 -0
- package/dist/Avatar.cjs +1 -1
- package/dist/Avatar.js +2 -52
- package/dist/Boundary.cjs +1 -0
- package/dist/Boundary.js +176 -0
- package/dist/Button-BV5OUXpc.js +101 -0
- package/dist/Button-DU4j_IED.cjs +1 -0
- package/dist/Button.cjs +1 -1
- package/dist/Button.js +1 -1
- package/dist/Checkbox.cjs +1 -1
- package/dist/Checkbox.js +213 -2
- package/dist/Code-B7s_rN0G.cjs +4 -0
- package/dist/Code-Bp2X1k-g.js +224 -0
- package/dist/Code.cjs +1 -1
- package/dist/Code.js +1 -1
- package/dist/Divider-C7XGlr26.cjs +1 -0
- package/dist/{Divider-BE15WVDI.js → Divider-DZgpYpr-.js} +1 -1
- package/dist/Divider.cjs +1 -1
- package/dist/Divider.js +1 -1
- package/dist/Icon-BIBzgznI.cjs +1 -0
- package/dist/{Icon-uQmpr5P2.js → Icon-CxK1wlGk.js} +194 -181
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +2 -35
- package/dist/Input.cjs +1 -1
- package/dist/Input.js +70 -79
- package/dist/Markdown.cjs +1 -31
- package/dist/Markdown.js +469 -18066
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.js +100 -122
- package/dist/PinInput.cjs +1 -1
- package/dist/PinInput.js +1 -1
- package/dist/Popover.cjs +1 -1
- package/dist/Popover.js +171 -165
- package/dist/Radio.cjs +1 -1
- package/dist/Radio.js +86 -41
- package/dist/Select.cjs +1 -1
- package/dist/Select.js +326 -315
- package/dist/Sidebar.cjs +1 -0
- package/dist/Sidebar.js +490 -0
- package/dist/Skeleton.cjs +1 -1
- package/dist/Skeleton.js +20 -16
- package/dist/Switch.cjs +1 -1
- package/dist/Switch.js +1 -1
- package/dist/Table-CADupJEU.js +423 -0
- package/dist/Table-qetwZpTC.cjs +1 -0
- package/dist/Table.cjs +1 -1
- package/dist/Table.js +1 -1
- package/dist/TextArea.cjs +1 -1
- package/dist/TextArea.js +1 -1
- package/dist/Tooltip-B2d5ss7S.cjs +1 -0
- package/dist/Tooltip-BK64rkxV.js +231 -0
- package/dist/Tooltip.cjs +1 -1
- package/dist/Tooltip.js +2 -3
- package/dist/albert-sans-cb3e34c4.woff2 +0 -0
- package/dist/aria-Bntn6ad_.cjs +1 -0
- package/dist/aria-CeA9QfD1.js +15 -0
- package/dist/components/Boundary/Boundary.d.ts +65 -0
- package/dist/components/Boundary/contexts/BoundaryContext.d.ts +28 -0
- package/dist/components/Boundary/hooks/useBoundary.d.ts +19 -0
- package/dist/components/Boundary/hooks/useBoundaryWidth.d.ts +23 -0
- package/dist/components/Boundary/index.d.ts +2 -0
- package/dist/components/Boundary/utils/width.d.ts +11 -0
- package/dist/components/Checkbox/Checkbox.d.ts +9 -1
- package/dist/components/{CheckboxGroup → Checkbox/components}/CheckboxGroup.d.ts +2 -2
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/Checkbox/utils/checkbox-option.d.ts +17 -0
- package/dist/components/Icon/Icon.d.ts +1 -0
- package/dist/components/Icon/icons/GearIcon.d.ts +11 -0
- package/dist/components/Icon/icons/ImageIcon.d.ts +11 -0
- package/dist/components/Icon/index.d.ts +0 -33
- package/dist/components/Icon/utils/registry.d.ts +2 -0
- package/dist/components/Input/Input.d.ts +1 -9
- package/dist/components/Modal/Modal.d.ts +0 -4
- package/dist/components/PinInput/PinInput.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +2 -6
- package/dist/components/Portal/Portal.d.ts +11 -8
- package/dist/components/Portal/hooks/useDismissableLayer.d.ts +2 -0
- package/dist/components/Portal/hooks/useFloatingPosition.d.ts +4 -3
- package/dist/components/Portal/hooks/useFocusTrap.d.ts +2 -0
- package/dist/components/Portal/hooks/useScrollLock.d.ts +9 -3
- package/dist/components/Portal/utils/boundary-focus.d.ts +23 -0
- package/dist/components/Portal/utils/floating-position.d.ts +43 -9
- package/dist/components/Portal/utils/overlay-stack.d.ts +22 -10
- package/dist/components/Portal/utils/scroll-container.d.ts +13 -0
- package/dist/components/Radio/Radio.d.ts +9 -1
- package/dist/components/{RadioGroup → Radio/components}/RadioGroup.d.ts +9 -2
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +0 -2
- package/dist/components/Select/utils/listbox-position.d.ts +28 -0
- package/dist/components/Sidebar/Sidebar.d.ts +113 -0
- package/dist/components/Sidebar/components/SidebarFooter.d.ts +24 -0
- package/dist/components/Sidebar/components/SidebarGroup.d.ts +31 -0
- package/dist/components/Sidebar/components/SidebarHeader.d.ts +29 -0
- package/dist/components/Sidebar/components/SidebarItem.d.ts +46 -0
- package/dist/components/Sidebar/components/SidebarOverlay.d.ts +38 -0
- package/dist/components/Sidebar/components/SidebarPanel.d.ts +47 -0
- package/dist/components/Sidebar/components/SidebarTrigger.d.ts +47 -0
- package/dist/components/Sidebar/components/SidebarUser.d.ts +59 -0
- package/dist/components/Sidebar/hooks/usePresentation.d.ts +14 -0
- package/dist/components/Sidebar/hooks/useSidebar.d.ts +9 -0
- package/dist/components/Sidebar/index.d.ts +2 -0
- package/dist/components/Sidebar/utils/presentation.d.ts +12 -0
- package/dist/components/Sidebar/utils/state.d.ts +62 -0
- package/dist/components/Skeleton/Skeleton.d.ts +21 -5
- package/dist/components/Table/Table.d.ts +21 -249
- package/dist/components/Table/components/TableAction.d.ts +18 -0
- package/dist/components/Table/components/TableActionCell.d.ts +15 -0
- package/dist/components/Table/components/TableActionHeaderCell.d.ts +13 -0
- package/dist/components/Table/components/TableBody.d.ts +27 -0
- package/dist/components/Table/components/TableCell.d.ts +42 -0
- package/dist/components/Table/components/TableFoot.d.ts +19 -0
- package/dist/components/Table/components/TableHead.d.ts +19 -0
- package/dist/components/Table/components/TableHeaderCell.d.ts +23 -0
- package/dist/components/Table/components/TableRow.d.ts +67 -0
- package/dist/components/Table/contexts/TableContext.d.ts +4 -0
- package/dist/components/Table/hooks/useHorizontalOverflow.d.ts +25 -0
- package/dist/components/Table/index.d.ts +1 -1
- package/dist/components/Table/utils/cell.d.ts +25 -0
- package/dist/components/Table/utils/children.d.ts +18 -0
- package/dist/components/Table/utils/trigger.d.ts +54 -0
- package/dist/components/Tooltip/Tooltip.d.ts +10 -4
- package/dist/components/Tooltip/TooltipProvider.d.ts +1 -1
- package/dist/components/Tooltip/index.d.ts +0 -1
- package/dist/effects-D5CWf-Pl.js +8 -0
- package/dist/effects-D85L_7zM.cjs +1 -0
- package/dist/floating-position-DIjh2wnP.cjs +1 -0
- package/dist/floating-position-DvR6e334.js +50 -0
- package/dist/style.css +1 -1
- package/dist/tokens.d.ts +1 -0
- package/dist/useFloatingPosition-B3ZC-v3v.js +43 -0
- package/dist/useFloatingPosition-GzkP9dCc.cjs +1 -0
- package/dist/useFocusTrap-BrFZdMqQ.cjs +1 -0
- package/dist/useFocusTrap-DhVnlboe.js +136 -0
- package/dist/usePresence-B5RYv4e1.cjs +1 -0
- package/dist/usePresence-CqegYqy4.js +221 -0
- package/dist/useScrollLock-Drd7OZRC.js +62 -0
- package/dist/useScrollLock-Dy8MZaSn.cjs +1 -0
- package/dist/utils/aria.d.ts +9 -0
- package/dist/utils/effects.d.ts +12 -0
- package/package.json +12 -16
- package/dist/Button-BAsLfA0D.js +0 -99
- package/dist/Button-D7JUO6Fs.cjs +0 -1
- package/dist/Checkbox-BvXM9VyY.js +0 -68
- package/dist/Checkbox-VQifZrZZ.cjs +0 -1
- package/dist/CheckboxGroup.cjs +0 -1
- package/dist/CheckboxGroup.js +0 -144
- package/dist/Code-BP2ZCmUf.js +0 -7446
- package/dist/Code-eispVOW3.cjs +0 -6
- package/dist/Content.cjs +0 -1
- package/dist/Content.js +0 -144
- package/dist/Divider-CJYbFcSX.cjs +0 -1
- package/dist/Icon-D8IZceys.cjs +0 -1
- package/dist/RadioGroup.cjs +0 -1
- package/dist/RadioGroup.js +0 -51
- package/dist/RadioGroupContext-BX9KnDek.cjs +0 -1
- package/dist/RadioGroupContext-DbKM4zPZ.js +0 -5
- package/dist/Table-83unQQOi.cjs +0 -1
- package/dist/Table-Cw8u-pEW.js +0 -403
- package/dist/Tooltip-BB82wNOE.cjs +0 -1
- package/dist/Tooltip-CqWK_GRD.js +0 -236
- package/dist/aria-DHnOMyYp.js +0 -10
- package/dist/aria-DKxpE8cA.cjs +0 -1
- package/dist/components/CheckboxGroup/index.d.ts +0 -2
- package/dist/components/Content/Content.d.ts +0 -60
- package/dist/components/Content/hooks/useContentLayout.d.ts +0 -18
- package/dist/components/Content/index.d.ts +0 -2
- package/dist/components/Content/utils/layout.d.ts +0 -11
- package/dist/components/RadioGroup/index.d.ts +0 -2
- package/dist/useFloatingPosition-CxzhAvy8.js +0 -73
- package/dist/useFloatingPosition-D1FqYy0l.cjs +0 -1
- package/dist/useFocusTrap--cgjy78G.cjs +0 -1
- package/dist/useFocusTrap-Da4nEash.js +0 -134
- package/dist/usePresence-DSPt6aKi.js +0 -210
- package/dist/usePresence-qe92UTvK.cjs +0 -1
- /package/dist/components/{CheckboxGroup → Checkbox}/contexts/CheckboxGroupContext.d.ts +0 -0
- /package/dist/components/{CheckboxGroup → Checkbox}/hooks/useCheckboxGroup.d.ts +0 -0
- /package/dist/components/{RadioGroup → Radio}/contexts/RadioGroupContext.d.ts +0 -0
- /package/dist/components/{RadioGroup → Radio}/hooks/useRadioGroup.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const o=require("react/jsx-runtime"),u=require("react");function I(a){return(Array.from((a==null?void 0:a.trim())??"")[0]??"?").trim().toUpperCase()||"?"}function b(a){if(a==="?")return"neutral";const e=Array.from(a)[0]??"";if("AJO".includes(e))return"1";if("BNSV".includes(e))return"2";if("CFLQW".includes(e))return"3";if("EHKMPTX".includes(e))return"4";if("DGRUY".includes(e))return"5";if("IZ".includes(e))return"6";const n=e.codePointAt(0)??0;return String(n%6+1)}const y=u.forwardRef(function(e,n){const{alt:i,className:d,image:r,size:s=32,style:f,...m}=e,[v,g]=u.useState(),l=!!r&&r!==v,t=(i==null?void 0:i.trim())??"",c=I(t),A=typeof s=="number"?`${s}px`:s,k=t?{"aria-label":t,role:"img"}:{"aria-hidden":!0,role:void 0};function p(){g(r)}return o.jsx("div",{...m,...l?void 0:k,ref:n,className:["nk-avatar",d].filter(Boolean).join(" "),"data-palette":b(c),"data-state":l?"image":"fallback",style:{...f,"--nk-avatar-size":A},children:l?o.jsx("img",{alt:t,className:"nk-avatar__image",onError:p,src:r}):o.jsx("span",{"aria-hidden":"true",className:"nk-avatar__initial",children:c})})});exports.Avatar=y;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as k, useState as I } from "react";
|
|
4
|
+
function b(a) {
|
|
5
|
+
return (Array.from((a == null ? void 0 : a.trim()) ?? "")[0] ?? "?").trim().toUpperCase() || "?";
|
|
6
|
+
}
|
|
7
|
+
function y(a) {
|
|
8
|
+
if (a === "?") return "neutral";
|
|
9
|
+
const e = Array.from(a)[0] ?? "";
|
|
10
|
+
if ("AJO".includes(e)) return "1";
|
|
11
|
+
if ("BNSV".includes(e)) return "2";
|
|
12
|
+
if ("CFLQW".includes(e)) return "3";
|
|
13
|
+
if ("EHKMPTX".includes(e)) return "4";
|
|
14
|
+
if ("DGRUY".includes(e)) return "5";
|
|
15
|
+
if ("IZ".includes(e)) return "6";
|
|
16
|
+
const n = e.codePointAt(0) ?? 0;
|
|
17
|
+
return String(n % 6 + 1);
|
|
18
|
+
}
|
|
19
|
+
const P = k(function(e, n) {
|
|
20
|
+
const {
|
|
21
|
+
alt: i,
|
|
22
|
+
className: u,
|
|
23
|
+
image: r,
|
|
24
|
+
size: s = 32,
|
|
25
|
+
style: f,
|
|
26
|
+
...d
|
|
27
|
+
} = e, [m, v] = I(), l = !!r && r !== m, t = (i == null ? void 0 : i.trim()) ?? "", c = b(t), p = typeof s == "number" ? `${s}px` : s, g = t ? { "aria-label": t, role: "img" } : { "aria-hidden": !0, role: void 0 };
|
|
28
|
+
function A() {
|
|
29
|
+
v(r);
|
|
30
|
+
}
|
|
31
|
+
return /* @__PURE__ */ o(
|
|
32
|
+
"div",
|
|
33
|
+
{
|
|
34
|
+
...d,
|
|
35
|
+
...l ? void 0 : g,
|
|
36
|
+
ref: n,
|
|
37
|
+
className: ["nk-avatar", u].filter(Boolean).join(" "),
|
|
38
|
+
"data-palette": y(c),
|
|
39
|
+
"data-state": l ? "image" : "fallback",
|
|
40
|
+
style: { ...f, "--nk-avatar-size": p },
|
|
41
|
+
children: l ? /* @__PURE__ */ o(
|
|
42
|
+
"img",
|
|
43
|
+
{
|
|
44
|
+
alt: t,
|
|
45
|
+
className: "nk-avatar__image",
|
|
46
|
+
onError: A,
|
|
47
|
+
src: r
|
|
48
|
+
}
|
|
49
|
+
) : /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "nk-avatar__initial", children: c })
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
P as A
|
|
55
|
+
};
|
package/dist/Avatar.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Avatar-Belo7qAY.cjs");exports.default=e.Avatar;
|
package/dist/Avatar.js
CHANGED
|
@@ -1,55 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { forwardRef as A, useState as I } from "react";
|
|
4
|
-
function b(a) {
|
|
5
|
-
return (Array.from((a == null ? void 0 : a.trim()) ?? "")[0] ?? "?").trim().toUpperCase() || "?";
|
|
6
|
-
}
|
|
7
|
-
function y(a) {
|
|
8
|
-
if (a === "?") return "neutral";
|
|
9
|
-
const e = Array.from(a)[0] ?? "";
|
|
10
|
-
if ("AJO".includes(e)) return "1";
|
|
11
|
-
if ("BNSV".includes(e)) return "2";
|
|
12
|
-
if ("CFLQW".includes(e)) return "3";
|
|
13
|
-
if ("EHKMPTX".includes(e)) return "4";
|
|
14
|
-
if ("DGRUY".includes(e)) return "5";
|
|
15
|
-
if ("IZ".includes(e)) return "6";
|
|
16
|
-
const n = e.codePointAt(0) ?? 0;
|
|
17
|
-
return String(n % 6 + 1);
|
|
18
|
-
}
|
|
19
|
-
const P = A(function(e, n) {
|
|
20
|
-
const {
|
|
21
|
-
alt: i,
|
|
22
|
-
className: u,
|
|
23
|
-
image: r,
|
|
24
|
-
size: l = 32,
|
|
25
|
-
style: f,
|
|
26
|
-
...d
|
|
27
|
-
} = e, [m, v] = I(), s = !!r && r !== m, t = (i == null ? void 0 : i.trim()) ?? "", c = b(t), p = typeof l == "number" ? `${l}px` : l, g = t ? { "aria-label": t, role: "img" } : { "aria-hidden": !0, role: void 0 };
|
|
28
|
-
function k() {
|
|
29
|
-
v(r);
|
|
30
|
-
}
|
|
31
|
-
return /* @__PURE__ */ o(
|
|
32
|
-
"div",
|
|
33
|
-
{
|
|
34
|
-
...d,
|
|
35
|
-
...s ? void 0 : g,
|
|
36
|
-
ref: n,
|
|
37
|
-
className: ["nk-avatar", u].filter(Boolean).join(" "),
|
|
38
|
-
"data-palette": y(c),
|
|
39
|
-
"data-state": s ? "image" : "fallback",
|
|
40
|
-
style: { ...f, "--nk-avatar-size": p },
|
|
41
|
-
children: s ? /* @__PURE__ */ o(
|
|
42
|
-
"img",
|
|
43
|
-
{
|
|
44
|
-
alt: t,
|
|
45
|
-
className: "nk-avatar__image",
|
|
46
|
-
onError: k,
|
|
47
|
-
src: r
|
|
48
|
-
}
|
|
49
|
-
) : /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "nk-avatar__initial", children: c })
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
});
|
|
2
|
+
import { A as a } from "./Avatar-DjDCFqNG.js";
|
|
53
3
|
export {
|
|
54
|
-
|
|
4
|
+
a as default
|
|
55
5
|
};
|
|
@@ -0,0 +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;
|
package/dist/Boundary.js
ADDED
|
@@ -0,0 +1,176 @@
|
|
|
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 = [
|
|
6
|
+
{
|
|
7
|
+
minWidth: p("xl"),
|
|
8
|
+
marginPercent: 32,
|
|
9
|
+
preferredWidth: 1200
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
minWidth: p("lg"),
|
|
13
|
+
marginPercent: 20,
|
|
14
|
+
preferredWidth: 1100
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
minWidth: p("md"),
|
|
18
|
+
marginPercent: 14,
|
|
19
|
+
preferredWidth: p("md")
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
minWidth: p("sm"),
|
|
23
|
+
marginPercent: 8,
|
|
24
|
+
preferredWidth: 650
|
|
25
|
+
}
|
|
26
|
+
], V = 16;
|
|
27
|
+
function _(t) {
|
|
28
|
+
for (const e of O)
|
|
29
|
+
if (t >= e.minWidth) return e;
|
|
30
|
+
}
|
|
31
|
+
function x(t, e) {
|
|
32
|
+
if (!Number.isFinite(t) || !Number.isFinite(e) || t < p("sm") || e <= 0)
|
|
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);
|
|
43
|
+
}
|
|
44
|
+
function L(t, e) {
|
|
45
|
+
if (typeof t == "function") {
|
|
46
|
+
t(e);
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
t && (t.current = e);
|
|
50
|
+
}
|
|
51
|
+
function T() {
|
|
52
|
+
const t = /* @__PURE__ */ new Set();
|
|
53
|
+
let e;
|
|
54
|
+
return {
|
|
55
|
+
publish(n) {
|
|
56
|
+
e !== n && (e = n, t.forEach((o) => o()));
|
|
57
|
+
},
|
|
58
|
+
read() {
|
|
59
|
+
return e;
|
|
60
|
+
},
|
|
61
|
+
subscribe(n) {
|
|
62
|
+
return t.add(n), () => {
|
|
63
|
+
t.delete(n);
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
};
|
|
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);
|
|
72
|
+
}
|
|
73
|
+
function $(t) {
|
|
74
|
+
const n = window.getComputedStyle(t).getPropertyValue("--nk-cell").trim().match(
|
|
75
|
+
/^([+]?(?:\d+\.?\d*|\.\d+))px$/i
|
|
76
|
+
);
|
|
77
|
+
if (!n) return;
|
|
78
|
+
const o = Number.parseFloat(n[1]);
|
|
79
|
+
return Number.isFinite(o) && o > 0 ? o : void 0;
|
|
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);
|
|
89
|
+
return;
|
|
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)
|
|
99
|
+
);
|
|
100
|
+
i.observe(r), o.current = i;
|
|
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));
|
|
107
|
+
},
|
|
108
|
+
[h, t, s]
|
|
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
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
const q = R(
|
|
123
|
+
function(e, n) {
|
|
124
|
+
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,
|
|
147
|
+
{
|
|
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
|
|
157
|
+
},
|
|
158
|
+
b(
|
|
159
|
+
"div",
|
|
160
|
+
{
|
|
161
|
+
className: "nk-boundary__content",
|
|
162
|
+
style: N
|
|
163
|
+
},
|
|
164
|
+
u
|
|
165
|
+
)
|
|
166
|
+
);
|
|
167
|
+
return b(
|
|
168
|
+
I.Provider,
|
|
169
|
+
{ value: M },
|
|
170
|
+
P
|
|
171
|
+
);
|
|
172
|
+
}
|
|
173
|
+
);
|
|
174
|
+
export {
|
|
175
|
+
q as default
|
|
176
|
+
};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as B, Fragment as C, jsx as g } from "react/jsx-runtime";
|
|
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";
|
|
5
|
+
import { S as V } from "./Spinner-CVYvk6YK.js";
|
|
6
|
+
function h(t) {
|
|
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;
|
|
8
|
+
}
|
|
9
|
+
function W(t, a) {
|
|
10
|
+
const s = t.getBoundingClientRect(), p = a.clientX - s.left, l = a.clientY - s.top;
|
|
11
|
+
t.style.setProperty("--nk-button-glow-x", `${p}px`), t.style.setProperty("--nk-button-glow-y", `${l}px`);
|
|
12
|
+
}
|
|
13
|
+
const L = K(function(a, s) {
|
|
14
|
+
const {
|
|
15
|
+
as: p,
|
|
16
|
+
children: l,
|
|
17
|
+
className: A,
|
|
18
|
+
disabled: I,
|
|
19
|
+
fullWidth: D = !1,
|
|
20
|
+
icon: r,
|
|
21
|
+
iconAlignment: k = "left",
|
|
22
|
+
loading: y = !1,
|
|
23
|
+
onClick: j,
|
|
24
|
+
onKeyDown: v,
|
|
25
|
+
onMouseMove: E,
|
|
26
|
+
role: b,
|
|
27
|
+
shape: M = "capsule",
|
|
28
|
+
tabIndex: x,
|
|
29
|
+
textAlignment: N = "center",
|
|
30
|
+
tone: R,
|
|
31
|
+
variant: S = "primary",
|
|
32
|
+
...u
|
|
33
|
+
} = 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) => {
|
|
34
|
+
if (n) {
|
|
35
|
+
o.preventDefault(), o.stopPropagation();
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const e = j;
|
|
39
|
+
e == null || e(o);
|
|
40
|
+
}, T = (o) => {
|
|
41
|
+
W(o.currentTarget, o);
|
|
42
|
+
const e = E;
|
|
43
|
+
e == null || e(o);
|
|
44
|
+
}, $ = (o) => {
|
|
45
|
+
const e = v;
|
|
46
|
+
e == null || e(o), !(o.defaultPrevented || n || !c || o.key !== "Enter" && o.key !== " ") && (o.preventDefault(), o.currentTarget.click());
|
|
47
|
+
}, P = { "aria-disabled": n || void 0 };
|
|
48
|
+
i === "button" && (P.type = u.type ?? "button");
|
|
49
|
+
const z = d && n ? { href: void 0 } : void 0;
|
|
50
|
+
let m = b;
|
|
51
|
+
d && n ? m = b ?? "link" : c && (m = b ?? "button");
|
|
52
|
+
let f = x;
|
|
53
|
+
return i !== "button" && (d && n ? f = void 0 : n ? f = -1 : c && (f = x ?? 0)), q(
|
|
54
|
+
i,
|
|
55
|
+
{
|
|
56
|
+
...u,
|
|
57
|
+
...P,
|
|
58
|
+
...z,
|
|
59
|
+
ref: s,
|
|
60
|
+
"aria-busy": y || void 0,
|
|
61
|
+
className: ["nk-button", A].filter(Boolean).join(" "),
|
|
62
|
+
"data-full-width": D || void 0,
|
|
63
|
+
"data-icon-only": _ || void 0,
|
|
64
|
+
"data-shape": M,
|
|
65
|
+
"data-tone": R,
|
|
66
|
+
"data-variant": S,
|
|
67
|
+
onClick: F,
|
|
68
|
+
onKeyDown: c ? $ : v,
|
|
69
|
+
onMouseMove: T,
|
|
70
|
+
role: m,
|
|
71
|
+
tabIndex: f
|
|
72
|
+
},
|
|
73
|
+
/* @__PURE__ */ B(C, { children: [
|
|
74
|
+
/* @__PURE__ */ B(
|
|
75
|
+
"span",
|
|
76
|
+
{
|
|
77
|
+
className: "nk-button__content",
|
|
78
|
+
style: { justifyContent: N },
|
|
79
|
+
children: [
|
|
80
|
+
r && k === "left" ? /* @__PURE__ */ g(w, { type: r }) : null,
|
|
81
|
+
l,
|
|
82
|
+
r && k === "right" ? /* @__PURE__ */ g(w, { type: r }) : null
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
y ? /* @__PURE__ */ g(
|
|
87
|
+
V,
|
|
88
|
+
{
|
|
89
|
+
"aria-hidden": "true",
|
|
90
|
+
"aria-label": void 0,
|
|
91
|
+
className: "nk-button__spinner",
|
|
92
|
+
role: void 0,
|
|
93
|
+
size: 16
|
|
94
|
+
}
|
|
95
|
+
) : null
|
|
96
|
+
] })
|
|
97
|
+
);
|
|
98
|
+
});
|
|
99
|
+
export {
|
|
100
|
+
L as B
|
|
101
|
+
};
|
|
@@ -0,0 +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=$;
|
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-
|
|
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;
|
package/dist/Button.js
CHANGED
package/dist/Checkbox.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
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;
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,5 +1,216 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsx as h, jsxs as L } from "react/jsx-runtime";
|
|
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 ie, useContext as re } from "react";
|
|
4
|
+
import { r as T, h as z } from "./aria-CeA9QfD1.js";
|
|
5
|
+
import { m as le } from "./field-control-XAn_FKks.js";
|
|
6
|
+
import { I as se } from "./Icon-CxK1wlGk.js";
|
|
7
|
+
import { T as ce } from "./Text-rN6iDo0V.js";
|
|
8
|
+
const K = Symbol("nk-checkbox-option");
|
|
9
|
+
function ue(t) {
|
|
10
|
+
Object.assign(t, { [K]: !0 });
|
|
11
|
+
}
|
|
12
|
+
function M(t) {
|
|
13
|
+
if (typeof t != "function" && typeof t != "object" || t === null)
|
|
14
|
+
return !1;
|
|
15
|
+
const a = t;
|
|
16
|
+
return a[K] ? !0 : a.type !== void 0 && a.type !== t ? M(a.type) : !1;
|
|
17
|
+
}
|
|
18
|
+
const U = Z(void 0), de = Object.freeze([]);
|
|
19
|
+
function X(t, a) {
|
|
20
|
+
te.forEach(t, (n) => {
|
|
21
|
+
if (n == null || typeof n == "boolean")
|
|
22
|
+
return;
|
|
23
|
+
if (!ae(n))
|
|
24
|
+
throw new Error(
|
|
25
|
+
"Checkbox.Group children must be direct Checkbox elements or fragments"
|
|
26
|
+
);
|
|
27
|
+
if (n.type === ie) {
|
|
28
|
+
X(n.props.children, a);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
if (!M(n.type))
|
|
32
|
+
throw new Error(
|
|
33
|
+
"Checkbox.Group children must be direct Checkbox elements or fragments"
|
|
34
|
+
);
|
|
35
|
+
const i = n;
|
|
36
|
+
a.push({
|
|
37
|
+
disabled: !!i.props.disabled,
|
|
38
|
+
required: !!i.props.required,
|
|
39
|
+
value: String(i.props.value ?? "on")
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function fe(t) {
|
|
44
|
+
const a = [];
|
|
45
|
+
X(t, a);
|
|
46
|
+
const n = /* @__PURE__ */ new Set();
|
|
47
|
+
return a.forEach((i) => {
|
|
48
|
+
if (n.has(i.value))
|
|
49
|
+
throw new Error("Checkbox.Group Checkbox values must be unique");
|
|
50
|
+
n.add(i.value);
|
|
51
|
+
}), a;
|
|
52
|
+
}
|
|
53
|
+
function he(t, a, n) {
|
|
54
|
+
a.current = t, typeof n == "function" ? n(t) : n && (n.current = t);
|
|
55
|
+
}
|
|
56
|
+
const D = F(
|
|
57
|
+
function(a, n) {
|
|
58
|
+
const {
|
|
59
|
+
"aria-invalid": i,
|
|
60
|
+
children: s,
|
|
61
|
+
className: E,
|
|
62
|
+
defaultValue: r = de,
|
|
63
|
+
disabled: c = !1,
|
|
64
|
+
invalid: S = !1,
|
|
65
|
+
name: q,
|
|
66
|
+
onChange: b,
|
|
67
|
+
orientation: k = "vertical",
|
|
68
|
+
required: u = !1,
|
|
69
|
+
value: p,
|
|
70
|
+
...y
|
|
71
|
+
} = 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(
|
|
72
|
+
(o) => m.has(o)
|
|
73
|
+
), g = _[0], I = V.find(
|
|
74
|
+
(o) => !o.disabled && o.value === g
|
|
75
|
+
), j = r.some(
|
|
76
|
+
(o) => m.has(o)
|
|
77
|
+
), P = !!(I != null && I.required), J = ne(
|
|
78
|
+
(o) => he(
|
|
79
|
+
o,
|
|
80
|
+
v,
|
|
81
|
+
n
|
|
82
|
+
),
|
|
83
|
+
[n]
|
|
84
|
+
);
|
|
85
|
+
oe(() => {
|
|
86
|
+
var N;
|
|
87
|
+
if (l) return;
|
|
88
|
+
const o = (N = v.current) == null ? void 0 : N.querySelector(
|
|
89
|
+
'input[type="checkbox"]'
|
|
90
|
+
), f = o instanceof HTMLInputElement ? o.form : null;
|
|
91
|
+
if (!f) return;
|
|
92
|
+
const G = f.getRootNode();
|
|
93
|
+
function C(R) {
|
|
94
|
+
var A;
|
|
95
|
+
if (R.target !== f || R.defaultPrevented) return;
|
|
96
|
+
const w = Array.from(
|
|
97
|
+
((A = v.current) == null ? void 0 : A.querySelectorAll(
|
|
98
|
+
'input[type="checkbox"]'
|
|
99
|
+
)) ?? []
|
|
100
|
+
).find(
|
|
101
|
+
(H) => !H.disabled && H.value === g
|
|
102
|
+
);
|
|
103
|
+
w && (w.required = !!(P || u && !j)), d(r);
|
|
104
|
+
}
|
|
105
|
+
return G.addEventListener("reset", C), () => G.removeEventListener("reset", C);
|
|
106
|
+
}, [
|
|
107
|
+
s,
|
|
108
|
+
r,
|
|
109
|
+
j,
|
|
110
|
+
l,
|
|
111
|
+
u,
|
|
112
|
+
P,
|
|
113
|
+
g
|
|
114
|
+
]);
|
|
115
|
+
function Q(o) {
|
|
116
|
+
if (!l) {
|
|
117
|
+
const f = o.currentTarget.value, G = o.currentTarget.checked;
|
|
118
|
+
d((C) => G ? [.../* @__PURE__ */ new Set([...C, f])] : C.filter((N) => N !== f));
|
|
119
|
+
}
|
|
120
|
+
b == null || b(o);
|
|
121
|
+
}
|
|
122
|
+
const W = {
|
|
123
|
+
defaultValue: r,
|
|
124
|
+
disabled: c,
|
|
125
|
+
handleChange: Q,
|
|
126
|
+
hasSelection: x,
|
|
127
|
+
name: q,
|
|
128
|
+
required: u,
|
|
129
|
+
value: p,
|
|
130
|
+
validationValue: g
|
|
131
|
+
};
|
|
132
|
+
return /* @__PURE__ */ h(U.Provider, { value: W, children: /* @__PURE__ */ h(
|
|
133
|
+
"div",
|
|
134
|
+
{
|
|
135
|
+
...y,
|
|
136
|
+
ref: J,
|
|
137
|
+
"aria-disabled": c || void 0,
|
|
138
|
+
"aria-invalid": T(S, i),
|
|
139
|
+
className: [
|
|
140
|
+
"nk-checkbox-group",
|
|
141
|
+
E
|
|
142
|
+
].filter(Boolean).join(" "),
|
|
143
|
+
"data-disabled": c || void 0,
|
|
144
|
+
"data-invalid": B || void 0,
|
|
145
|
+
"data-orientation": k,
|
|
146
|
+
role: "group",
|
|
147
|
+
children: s
|
|
148
|
+
}
|
|
149
|
+
) });
|
|
150
|
+
}
|
|
151
|
+
);
|
|
152
|
+
le(D, "label");
|
|
153
|
+
function be() {
|
|
154
|
+
return re(U);
|
|
155
|
+
}
|
|
156
|
+
const Y = F(function(a, n) {
|
|
157
|
+
var m;
|
|
158
|
+
const {
|
|
159
|
+
"aria-invalid": i,
|
|
160
|
+
checked: s,
|
|
161
|
+
children: E,
|
|
162
|
+
className: r,
|
|
163
|
+
defaultChecked: c,
|
|
164
|
+
disabled: S = !1,
|
|
165
|
+
invalid: q = !1,
|
|
166
|
+
name: b,
|
|
167
|
+
onChange: k,
|
|
168
|
+
required: u = !1,
|
|
169
|
+
style: p,
|
|
170
|
+
value: y = "on",
|
|
171
|
+
...v
|
|
172
|
+
} = 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);
|
|
173
|
+
function _(x) {
|
|
174
|
+
k == null || k(x), x.defaultPrevented || e == null || e.handleChange(x);
|
|
175
|
+
}
|
|
176
|
+
return /* @__PURE__ */ L(
|
|
177
|
+
"label",
|
|
178
|
+
{
|
|
179
|
+
className: ["nk-checkbox", r].filter(Boolean).join(" "),
|
|
180
|
+
"data-disabled": O || void 0,
|
|
181
|
+
"data-invalid": V || void 0,
|
|
182
|
+
style: p,
|
|
183
|
+
children: [
|
|
184
|
+
/* @__PURE__ */ h(
|
|
185
|
+
"input",
|
|
186
|
+
{
|
|
187
|
+
...v,
|
|
188
|
+
ref: n,
|
|
189
|
+
"aria-invalid": T(q, i),
|
|
190
|
+
checked: e ? l ? (m = e.value) == null ? void 0 : m.includes(d) : void 0 : s,
|
|
191
|
+
className: "nk-checkbox__control",
|
|
192
|
+
defaultChecked: e && !l ? e.defaultValue.includes(d) : c,
|
|
193
|
+
disabled: O,
|
|
194
|
+
name: (e == null ? void 0 : e.name) ?? b,
|
|
195
|
+
onChange: _,
|
|
196
|
+
required: u || B,
|
|
197
|
+
type: "checkbox",
|
|
198
|
+
value: y
|
|
199
|
+
}
|
|
200
|
+
),
|
|
201
|
+
/* @__PURE__ */ h("span", { "aria-hidden": "true", className: "nk-checkbox__visual", children: /* @__PURE__ */ h(se, { className: "nk-checkbox__icon", size: 12, type: "checkmark" }) }),
|
|
202
|
+
E !== void 0 ? /* @__PURE__ */ L(ce, { as: "span", className: "nk-checkbox__label", children: [
|
|
203
|
+
E,
|
|
204
|
+
u ? /* @__PURE__ */ h("span", { "aria-hidden": "true", className: "nk-checkbox__required", children: "*" }) : null
|
|
205
|
+
] }) : null
|
|
206
|
+
]
|
|
207
|
+
}
|
|
208
|
+
);
|
|
209
|
+
});
|
|
210
|
+
ue(Y);
|
|
211
|
+
const Ee = Object.assign(Y, {
|
|
212
|
+
Group: D
|
|
213
|
+
});
|
|
3
214
|
export {
|
|
4
|
-
|
|
215
|
+
Ee as default
|
|
5
216
|
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use client";"use strict";const i=require("react/jsx-runtime"),o=require("react"),O=require("./reference-C2guRuR0.cjs"),D=require("./Card-CQ-8_1tO.cjs"),U=require("highlight.js/lib/languages/bash"),J=require("highlight.js/lib/languages/c"),X=require("highlight.js/lib/languages/cpp"),$=require("highlight.js/lib/languages/css"),Q=require("highlight.js/lib/languages/go"),V=require("highlight.js/lib/languages/javascript"),Y=require("highlight.js/lib/languages/json"),K=require("highlight.js/lib/languages/markdown"),Z=require("highlight.js/lib/languages/python"),w=require("highlight.js/lib/languages/ruby"),W=require("highlight.js/lib/languages/rust"),ee=require("highlight.js/lib/languages/sql"),ne=require("highlight.js/lib/languages/typescript"),te=require("highlight.js/lib/languages/xml"),re=require("highlight.js/lib/languages/yaml"),se=require("lowlight"),oe=se.createLowlight({bash:U,c:J,cpp:X,css:$,go:Q,javascript:V,json:Y,markdown:K,python:Z,ruby:w,rust:W,sql:ee,typescript:ne,xml:te,yaml:re}),ce={C:"c","C++":"cpp",CSS:"css",Go:"go",HTML:"xml",JSON:"json",JavaScript:"javascript",Markdown:"markdown",Python:"python",Ruby:"ruby",Rust:"rust",SQL:"sql",Shell:"bash",TypeScript:"typescript",YAML:"yaml"};function le(e){const t=[[]];function r(n,L){if(n.type==="text"){n.value.split(`
|
|
2
|
+
`).forEach((m,g)=>{g>0&&t.push([]),m&&t[t.length-1].push({className:L,text:m})});return}if(n.type==="element"){const u=n,m=Array.isArray(u.properties.className)?u.properties.className.join(" "):"",g=[L,m].filter(Boolean).join(" ")||void 0;u.children.forEach(y=>{r(y,g)})}}return e.children.forEach(n=>r(n)),t}function ae(e,t){try{const r=oe.highlight(ce[t],e);return le(r)}catch{return null}}const ie=2e4,ue=1e3;function de(e){return e.replace(/\r\n?/g,`
|
|
3
|
+
`).replace(/\n$/,"")}function he(e){return e===null?null:Number.isFinite(e)?Math.max(0,Math.floor(e)):0}function me(e){return e===null?null:Number.isFinite(e)?Math.max(0,Math.floor(e)):0}function pe(e,t){if(t===null)return!1;let r=1;for(let n=0;n<e.length;n+=1)if(e.charCodeAt(n)===10&&(r+=1),r>t)return!0;return r>t}const fe=o.forwardRef(function(t,r){const{"aria-label":n,className:L,code:u,codeProps:m,containerClassName:g,dangerouslySetInnerHTML:y,language:p,maxHighlightLength:E=ie,maxLineCount:k=ue,preProps:R,title:b,...T}=t,{className:z,dangerouslySetInnerHTML:ge,...I}=m??{},{className:A,dangerouslySetInnerHTML:Le,...P}=R??{},x=o.useRef(null),j=o.useRef(null),[C,B]=o.useState(!1),l=o.useMemo(()=>de(u),[u]),H=he(E),M=me(k),N=o.useMemo(()=>!pe(l,M),[l,M]),S=N&&(H===null||l.length<=H),_=o.useMemo(()=>N?l.split(`
|
|
4
|
+
`):null,[N,l]),q=o.useMemo(()=>!p||!S?null:ae(l,p),[S,p,l]),F=n?`${n} scroll area`:"Scrollable source code",G=o.useCallback(a=>{O.assignElementReference(r,a)},[r]);return o.useEffect(()=>{const a=j.current,f=x.current;if(!a||!f)return;const d=a;function h(){B(d.scrollWidth>d.clientWidth)}h();const s=a.ownerDocument.defaultView;s==null||s.addEventListener("resize",h);const v=s==null?void 0:s.ResizeObserver,c=v?new v(h):void 0;return c==null||c.observe(a),c==null||c.observe(f),()=>{s==null||s.removeEventListener("resize",h),c==null||c.disconnect()}},[]),i.jsx(D.Card,{...T,ref:G,"aria-label":n,className:["nk-code",L].filter(Boolean).join(" "),header:b||p?{title:b??"",subtitle:p}:void 0,spacing:"none",children:i.jsx("div",{ref:j,"aria-label":C?F:void 0,className:["nk-code__container",g].filter(Boolean).join(" "),role:C?"region":void 0,tabIndex:C?0:void 0,children:i.jsx("pre",{...P,className:["nk-code__pre",A].filter(Boolean).join(" "),children:i.jsx("code",{...I,ref:x,className:["nk-code__content",_===null?"nk-code__content--plain":void 0,z].filter(Boolean).join(" "),"data-language":p,children:_===null?l:_.map((a,f)=>{const d=q==null?void 0:q[f];return i.jsxs("span",{className:"nk-code__line",children:[i.jsx("span",{"aria-hidden":"true",className:"nk-code__line-number",children:f+1}),i.jsx("span",{className:"nk-code__line-content",children:d!=null&&d.length?d.map((h,s)=>i.jsx("span",{className:h.className,children:h.text},s)):a||" "})]},f)})})})})})});exports.Code=fe;
|