@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/overlays/Tooltip/Tooltip.mjs

@@ -1,153 +1,158 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useDismiss as t } from "../../../hooks/useDismiss.mjs";
 import { useFloatingPosition as n } from "../../../hooks/useFloatingPosition.mjs";
-import { assignRef as r } from "../../../utils/refs.mjs";
-import { cx as ee } from "../../../utils/cx.mjs";
+import { cx as r } from "../../../utils/cx.mjs";
+import { assignRef as i } from "../../../utils/refs.mjs";
+import { KbdShortcut as ee } from "../../primitives/Kbd/Kbd.mjs";
 import { Portal as te } from "../../utilities/Portal/Portal.mjs";
-import { KbdShortcut as ne } from "../../primitives/Kbd/Kbd.mjs";
-import i from "./Tooltip.module.css.mjs";
-import { Children as re, cloneElement as ie, createContext as a, isValidElement as o, useCallback as s, useContext as ae, useEffect as c, useId as oe, useLayoutEffect as se, useRef as l, useState as u } from "react";
-import { Fragment as ce, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/overlays/Tooltip/Tooltip.tsx
-function p(e, t) {
+import a from "./Tooltip.module.css.mjs";
+import { Children as o, cloneElement as ne, createContext as s, isValidElement as c, useCallback as l, useContext as re, useEffect as u, useId as ie, useLayoutEffect as ae, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as oe, jsx as m, jsxs as h } from "react/jsx-runtime";
+// src/components/overlays/Tooltip/Tooltip.tsx
+function g(e, t) {
 	if (e !== "start" && e !== "end") return e;
 	let n = t ? getComputedStyle(t).direction === "rtl" : !1;
 	return e === "end" === n ? "left" : "right";
 }
-var m = {
-	neutral: i.neutral,
-	primary: i.primary
-}, h = {
+var se = {
+	neutral: a.neutral,
+	primary: a.primary
+}, _ = {
 	delay: 400,
 	closeDelay: 100,
 	skipDelayDuration: 300
-}, g = a(h);
-function _({ delay: e = h.delay, closeDelay: t = h.closeDelay, skipDelayDuration: n = h.skipDelayDuration, children: r }) {
-	return /* @__PURE__ */ d(g.Provider, {
-		value: {
-			delay: e,
-			closeDelay: t,
-			skipDelayDuration: n
-		},
+}, v = s(_);
+function y({ delay: e = _.delay, closeDelay: t = _.closeDelay, skipDelayDuration: n = _.skipDelayDuration, children: r }) {
+	let i = d(() => ({
+		delay: e,
+		closeDelay: t,
+		skipDelayDuration: n
+	}), [
+		e,
+		t,
+		n
+	]);
+	return /* @__PURE__ */ m(v.Provider, {
+		value: i,
 		children: r
 	});
 }
-var v = {
+var b = {
 	active: null,
 	lastClosedAt: -Infinity
 };
-function y(...e) {
+function x(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
-function le(e) {
+function ce(e) {
 	try {
 		return e.matches(":focus-visible");
 	} catch {
 		return !0;
 	}
 }
-var ue = globalThis.process?.env?.NODE_ENV !== "production", b = "a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex=\"-1\"]), [contenteditable]:not([contenteditable=\"false\"])";
-function x({ children: a, content: h, shortcut: _, placement: x = "top", offset: S = 8, open: de, defaultOpen: fe = !1, onOpenChange: C, delay: w, closeDelay: T, disabled: E = !1, showArrow: pe = !0, tone: me = "neutral", relationship: he = "description", className: ge, style: _e, id: ve }) {
-	let D = ae(g), O = w ?? D.delay, k = T ?? D.closeDelay, ye = oe(), A = ve ?? `tooltip-${ye}`, [j, M] = e({
-		value: de,
-		defaultValue: fe,
-		onChange: C
-	}), N = j && !E, P = l(null), F = l(null), [I, be] = u(null), L = l(!1), R = l(!1), z = l(void 0), B = s(() => {
-		z.current !== void 0 && clearTimeout(z.current), z.current = void 0;
+var le = globalThis.process?.env?.NODE_ENV !== "production", S = "a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex=\"-1\"]), [contenteditable]:not([contenteditable=\"false\"])";
+function C({ children: s, content: d, shortcut: _, placement: y = "top", offset: C = 8, open: ue, defaultOpen: de = !1, onOpenChange: fe, delay: w, closeDelay: pe, disabled: T = !1, showArrow: me = !0, tone: he = "neutral", relationship: ge = "description", className: _e, style: ve, id: ye }) {
+	let E = re(v), D = w ?? E.delay, O = pe ?? E.closeDelay, be = ie(), k = ye ?? `tooltip-${be}`, [A, j] = e({
+		value: ue,
+		defaultValue: de,
+		onChange: fe
+	}), M = A && !T, N = f(null), P = f(null), [F, xe] = p(null), I = f(!1), L = f(!1), R = f(void 0), z = l(() => {
+		R.current !== void 0 && clearTimeout(R.current), R.current = void 0;
 	}, []);
-	c(() => B, [B]);
-	let V = s((e) => {
-		B(), M(e);
-	}, [B, M]), H = () => {
-		B(), !E && (v.active !== null || Date.now() - v.lastClosedAt < D.skipDelayDuration || O <= 0 ? V(!0) : z.current = setTimeout(() => V(!0), O));
-	}, U = () => {
-		B(), !(L.current || R.current) && (k <= 0 ? V(!1) : z.current = setTimeout(() => V(!1), k));
+	u(() => z, [z]);
+	let B = l((e) => {
+		z(), j(e);
+	}, [z, j]), V = () => {
+		z(), T || (b.active !== null || Date.now() - b.lastClosedAt < E.skipDelayDuration || D <= 0 ? B(!0) : R.current = setTimeout(() => B(!0), D));
+	}, H = () => {
+		z(), I.current || L.current || (O <= 0 ? B(!1) : R.current = setTimeout(() => B(!1), O));
 	};
-	c(() => {
-		if (!N) return;
-		let e = { close: () => V(!1) };
-		return v.active && v.active.close(), v.active = e, () => {
-			v.active === e && (v.active = null), v.lastClosedAt = Date.now();
+	u(() => {
+		if (!M) return;
+		let e = { close: () => B(!1) };
+		return b.active && b.active.close(), b.active = e, () => {
+			b.active === e && (b.active = null), b.lastClosedAt = Date.now();
 		};
-	}, [N, V]), t([P, F], {
-		active: N,
+	}, [M, B]), t([N, P], {
+		active: M,
 		outsidePress: !1,
-		onDismiss: () => V(!1)
+		onDismiss: () => B(!1)
 	});
-	let [xe, Se] = u(() => p(x, null));
-	se(() => {
-		N && Se(p(x, P.current));
-	}, [N, x]);
-	let W = n(P, I, {
-		open: N,
-		placement: xe,
-		offset: S
-	}), Ce = W.placement.split("-")[0], G = W.arrow ? W.arrow.x ?? W.arrow.y ?? null : null;
-	c(() => {
-		ue && I && I.querySelector(b) && console.warn("[Tooltip] `content` contains focusable elements. Tooltips can't receive focus, so keyboard users can't reach them. Use a Popover for interactive content.");
-	}, [I, h]);
-	let K = re.only(a), q = l(void 0);
-	q.current = o(K) ? K.props.ref : void 0;
-	let we = s((e) => {
-		P.current = e, r(q.current, e);
-	}, []), Te = s((e) => {
-		F.current = e, be(e);
+	let [Se, Ce] = p(() => g(y, null));
+	ae(() => {
+		M && Ce(g(y, N.current));
+	}, [M, y]);
+	let U = n(N, F, {
+		open: M,
+		placement: Se,
+		offset: C
+	}), we = U.placement.split("-")[0], W = U.arrow ? U.arrow.x ?? U.arrow.y ?? null : null;
+	u(() => {
+		le && F && F.querySelector(S) && console.warn("[Tooltip] `content` contains focusable elements. Tooltips can't receive focus, so keyboard users can't reach them. Use a Popover for interactive content.");
+	}, [F, d]);
+	let G = o.only(s), K = f(void 0);
+	K.current = c(G) ? G.props.ref : void 0;
+	let Te = l((e) => {
+		N.current = e, i(K.current, e);
+	}, []), q = l((e) => {
+		P.current = e, xe(e);
 	}, []);
-	if (!o(K)) return a;
-	let J = K.props, Y = h != null && h !== !1 && h !== "" && !E, X = _ !== void 0 && _.length > 0, Z = `${A}-content`, Q = `${A}-shortcut`, $ = { ref: we };
+	if (!c(G)) return s;
+	let J = G.props, Y = d != null && d !== !1 && d !== "" && !T, X = _ !== void 0 && _.length > 0, Z = `${k}-content`, Q = `${k}-shortcut`, $ = { ref: Te };
 	Y && ($.onPointerEnter = (e) => {
-		J.onPointerEnter?.(e), e.pointerType !== "touch" && (L.current = !0, N ? B() : H());
+		J.onPointerEnter?.(e), e.pointerType !== "touch" && (I.current = !0, M ? z() : V());
 	}, $.onPointerLeave = (e) => {
-		J.onPointerLeave?.(e), e.pointerType !== "touch" && (L.current = !1, N ? U() : R.current || B());
+		J.onPointerLeave?.(e), e.pointerType !== "touch" && (I.current = !1, M ? H() : L.current || z());
 	}, $.onFocus = (e) => {
-		J.onFocus?.(e), le(e.currentTarget) && (R.current = !0, N || H());
+		J.onFocus?.(e), ce(e.currentTarget) && (L.current = !0, M || V());
 	}, $.onBlur = (e) => {
-		J.onBlur?.(e), R.current && (R.current = !1, !L.current && V(!1));
-	}, he === "label" ? ($["aria-labelledby"] = y(J["aria-labelledby"], Z), X && ($["aria-describedby"] = y(J["aria-describedby"], Q))) : $["aria-describedby"] = y(J["aria-describedby"], A));
+		J.onBlur?.(e), L.current && (L.current = !1, I.current || B(!1));
+	}, ge === "label" ? ($["aria-labelledby"] = x(J["aria-labelledby"], Z), X && ($["aria-describedby"] = x(J["aria-describedby"], Q))) : $["aria-describedby"] = x(J["aria-describedby"], k));
 	let Ee = {
-		..._e,
-		...W.style,
-		"--_tooltip-offset": `${S}px`,
-		...G === null ? null : { "--_arrow-pos": `${G}px` }
+		...ve,
+		...U.style,
+		"--_tooltip-offset": `${C}px`,
+		...W === null ? null : { "--_arrow-pos": `${W}px` }
 	};
-	return /* @__PURE__ */ f(ce, { children: [ie(K, $), Y && /* @__PURE__ */ d(te, { children: /* @__PURE__ */ d("div", {
-		ref: Te,
-		id: A,
+	return /* @__PURE__ */ h(oe, { children: [ne(G, $), Y && /* @__PURE__ */ m(te, { children: /* @__PURE__ */ m("div", {
+		ref: q,
+		id: k,
 		role: "tooltip",
-		hidden: !N,
-		"data-side": Ce,
-		className: ee(i.tooltip, m[me], ge),
+		hidden: !M,
+		"data-side": we,
+		className: r(a.tooltip, se[he], _e),
 		style: Ee,
 		onPointerEnter: (e) => {
-			e.pointerType !== "touch" && (L.current = !0, B());
+			e.pointerType !== "touch" && (I.current = !0, z());
 		},
 		onPointerLeave: (e) => {
-			e.pointerType !== "touch" && (L.current = !1, U());
+			e.pointerType !== "touch" && (I.current = !1, H());
 		},
-		children: /* @__PURE__ */ f("div", {
-			className: i.bubble,
+		children: /* @__PURE__ */ h("div", {
+			className: a.bubble,
 			children: [
-				/* @__PURE__ */ d("span", {
+				/* @__PURE__ */ m("span", {
 					id: Z,
-					className: i.content,
-					children: h
+					className: a.content,
+					children: d
 				}),
-				X && /* @__PURE__ */ d("span", {
+				X && /* @__PURE__ */ m("span", {
 					id: Q,
-					className: i.shortcut,
-					children: /* @__PURE__ */ d(ne, {
+					className: a.shortcut,
+					children: /* @__PURE__ */ m(ee, {
 						keys: _,
 						size: "sm",
 						variant: "outline"
 					})
 				}),
-				pe && /* @__PURE__ */ d("span", {
-					className: i.arrow,
+				me && /* @__PURE__ */ m("span", {
+					className: a.arrow,
 					"aria-hidden": "true"
 				})
 			]
 		})
 	}) })] });
 }
-//#endregion
-export { x as Tooltip, _ as TooltipProvider };
+export { C as Tooltip, y as TooltipProvider };

package/dist/components/overlays/Tooltip/Tooltip.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/overlays/Tooltip/Tooltip.module.css
+// src/components/overlays/Tooltip/Tooltip.module.css
 var e = "_tooltip_r0vss_11", t = "_bubble_r0vss_5", n = "_content_r0vss_153", r = "_neutral_r0vss_217", i = "_primary_r0vss_229", a = "_shortcut_r0vss_247", o = "_arrow_r0vss_267", s = {
 	tooltip: e,
 	bubble: t,
@@ -9,5 +9,4 @@ var e = "_tooltip_r0vss_11", t = "_bubble_r0vss_5", n = "_content_r0vss_153", r
 	shortcut: a,
 	arrow: o
 };
-//#endregion
 export { o as arrow, t as bubble, n as content, s as default, r as neutral, i as primary, a as shortcut, e as tooltip };

package/dist/components/primitives/Button/Button.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/announce.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("./Button.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={solid:i.default.solid,soft:i.default.soft,outline:i.default.outline,ghost:i.default.ghost,link:i.default.link,inverse:i.default.inverse},c={neutral:i.default.neutral,primary:i.default.primary,accent:i.default.accent,success:i.default.success,warning:i.default.warning,danger:i.default.danger,info:i.default.info},l={xs:i.default.xs,sm:i.default.sm,md:i.default.md,lg:i.default.lg},u={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},d={0:i.default.gap0,1:i.default.gap1,2:i.default.gap2,3:i.default.gap3,4:i.default.gap4,5:i.default.gap5,6:i.default.gap6,8:i.default.gap8,10:i.default.gap10,12:i.default.gap12,16:i.default.gap16,20:i.default.gap20,24:i.default.gap24},f={xs:`sm`,sm:`sm`,md:`md`,lg:`lg`},p=(0,a.createContext)(null),m=({iconOnly:d=!1,variant:m,tone:h,size:g,radius:_,disabled:v,loading:y=!1,loadingText:b,loadingLabel:x,fullWidth:S,compact:C=!1,startIcon:w,endIcon:T,children:E,className:D,href:O,as:k,type:A,ref:j,onClick:M,"aria-disabled":N,"aria-busy":P,...F})=>{let I=e.useMessages(),L=x??I.button.loading,R=(0,a.useContext)(p),z=m??R?.variant??`solid`,B=h??R?.tone??`primary`,V=g??R?.size??`md`,H=_??R?.radius,U=v??R?.disabled??!1,W=N===!0||N===`true`,G=!d&&(S??R?.fullWidth??!1),K=U||W||y,q=y&&!d&&b!=null,J=t.cx(i.default.root,s[z],c[B],l[V],H?u[H]:i.default.radiusDefault,d&&i.default.iconOnly,C&&!d&&i.default.compact,G&&i.default.fullWidth,!K&&i.default.interactive,y&&i.default.loading,(U||W)&&i.default.disabled,D),Y=(0,a.useRef)(y);(0,a.useEffect)(()=>{y&&!Y.current&&n.announce(typeof b==`string`?b:L),Y.current=y},[y,b,L]);let X=e=>{if(K){e.preventDefault(),e.stopPropagation();return}M?.(e)},Z=(0,o.jsxs)(`span`,{className:i.default.inner,children:[(0,o.jsx)(`span`,{className:i.default.content,"aria-hidden":q?!0:void 0,children:d?(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:E}):(0,o.jsxs)(o.Fragment,{children:[w!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:w}),E!=null&&(0,o.jsx)(`span`,{className:i.default.label,children:E}),T!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:T})]})}),y&&(0,o.jsxs)(`span`,{className:i.default.loadingLayer,children:[(0,o.jsx)(r.Spinner,{decorative:!0,size:f[V],className:i.default.spinner}),q&&(0,o.jsx)(`span`,{className:i.default.label,children:b})]})]});if(k!==void 0){if(K){let{to:e,href:t,...n}=F;return(0,o.jsx)(`a`,{...n,ref:j,className:J,role:`link`,"aria-disabled":!0,"aria-busy":y?!0:P,onClick:X,children:Z})}return(0,o.jsx)(k,{...F,ref:j,className:J,type:A,"aria-disabled":N,"aria-busy":P,onClick:X,children:Z})}return O===void 0?(0,o.jsx)(`button`,{...F,ref:j,type:A??`button`,className:J,disabled:U,"aria-disabled":y?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z}):(0,o.jsx)(`a`,{...F,ref:j,className:J,href:K?void 0:O,type:A,role:K?`link`:F.role,"aria-disabled":K?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z})};function h(e){return(0,o.jsx)(m,{...e})}function g(e){return(0,o.jsx)(m,{...e,iconOnly:!0})}var _=({attached:e=!1,orientation:n=`horizontal`,gap:r=2,size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m,className:h,children:g,..._})=>{let v=(0,a.useMemo)(()=>({size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m}),[s,c,l,u,f,m]),y=n===`vertical`;return(0,o.jsx)(`div`,{role:`group`,"data-orientation":n,..._,className:t.cx(i.default.group,y&&i.default.groupVertical,e?y?i.default.attachedVertical:i.default.attachedHorizontal:d[r],e&&i.default.attached,m&&i.default.groupFullWidth,h),children:(0,o.jsx)(p.Provider,{value:v,children:g})})};exports.Button=h,exports.ButtonGroup=_,exports.IconButton=g;
+"use client";const e=require("../../../utils/announce.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../feedback/Spinner/Spinner.cjs.js"),r=require("./Button.module.css.cjs.js"),i=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={solid:r.default.solid,soft:r.default.soft,outline:r.default.outline,ghost:r.default.ghost,link:r.default.link,inverse:r.default.inverse},c={neutral:r.default.neutral,primary:r.default.primary,accent:r.default.accent,success:r.default.success,warning:r.default.warning,danger:r.default.danger,info:r.default.info},l={xs:r.default.xs,sm:r.default.sm,md:r.default.md,lg:r.default.lg},u={none:r.default.radiusNone,xs:r.default.radiusXs,sm:r.default.radiusSm,md:r.default.radiusMd,lg:r.default.radiusLg,xl:r.default.radiusXl,"2xl":r.default.radius2xl,pill:r.default.radiusPill},d={0:r.default.gap0,1:r.default.gap1,2:r.default.gap2,3:r.default.gap3,4:r.default.gap4,5:r.default.gap5,6:r.default.gap6,8:r.default.gap8,10:r.default.gap10,12:r.default.gap12,16:r.default.gap16,20:r.default.gap20,24:r.default.gap24},f={xs:`sm`,sm:`sm`,md:`md`,lg:`lg`},p=(0,a.createContext)(null),m=({iconOnly:d=!1,variant:m,tone:h,size:g,radius:_,disabled:v,loading:y=!1,loadingText:b,loadingLabel:x,fullWidth:S,compact:C=!1,startIcon:w,endIcon:T,children:E,className:D,href:O,as:k,type:A,ref:j,onClick:M,"aria-disabled":N,"aria-busy":P,...F})=>{let I=i.useMessages(),L=x??I.button.loading,R=(0,a.useContext)(p),z=m??R?.variant??`solid`,B=h??R?.tone??`primary`,V=g??R?.size??`md`,H=_??R?.radius,U=v??R?.disabled??!1,W=N===!0||N===`true`,G=!d&&(S??R?.fullWidth??!1),K=U||W||y,q=y&&!d&&b!=null,J=t.cx(r.default.root,s[z],c[B],l[V],H?u[H]:r.default.radiusDefault,d&&r.default.iconOnly,C&&!d&&r.default.compact,G&&r.default.fullWidth,!K&&r.default.interactive,y&&r.default.loading,(U||W)&&r.default.disabled,D),Y=(0,a.useRef)(y);(0,a.useEffect)(()=>{y&&!Y.current&&e.announce(typeof b==`string`?b:L),Y.current=y},[y,b,L]);let X=e=>{K?(e.preventDefault(),e.stopPropagation()):M?.(e)},Z=(0,o.jsxs)(`span`,{className:r.default.inner,children:[(0,o.jsx)(`span`,{className:r.default.content,"aria-hidden":q?!0:void 0,children:d?(0,o.jsx)(`span`,{className:r.default.icon,"aria-hidden":`true`,children:E}):(0,o.jsxs)(o.Fragment,{children:[w!=null&&(0,o.jsx)(`span`,{className:r.default.icon,"aria-hidden":`true`,children:w}),E!=null&&(0,o.jsx)(`span`,{className:r.default.label,children:E}),T!=null&&(0,o.jsx)(`span`,{className:r.default.icon,"aria-hidden":`true`,children:T})]})}),y&&(0,o.jsxs)(`span`,{className:r.default.loadingLayer,children:[(0,o.jsx)(n.Spinner,{decorative:!0,size:f[V],className:r.default.spinner}),q&&(0,o.jsx)(`span`,{className:r.default.label,children:b})]})]});if(k!==void 0){if(K){let{to:e,href:t,...n}=F;return(0,o.jsx)(`a`,{...n,ref:j,className:J,role:`link`,"aria-disabled":!0,"aria-busy":y?!0:P,onClick:X,children:Z})}return(0,o.jsx)(k,{...F,ref:j,className:J,type:A,"aria-disabled":N,"aria-busy":P,onClick:X,children:Z})}return O===void 0?(0,o.jsx)(`button`,{...F,ref:j,type:A??`button`,className:J,disabled:U,"aria-disabled":y?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z}):(0,o.jsx)(`a`,{...F,ref:j,className:J,href:K?void 0:O,type:A,role:K?`link`:F.role,"aria-disabled":K?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z})};function h(e){return(0,o.jsx)(m,{...e})}function g(e){return(0,o.jsx)(m,{...e,iconOnly:!0})}var _=({attached:e=!1,orientation:n=`horizontal`,gap:i=2,size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m,className:h,children:g,..._})=>{let v=(0,a.useMemo)(()=>({size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m}),[s,c,l,u,f,m]),y=n===`vertical`;return(0,o.jsx)(`div`,{role:`group`,"data-orientation":n,..._,className:t.cx(r.default.group,y&&r.default.groupVertical,e?y?r.default.attachedVertical:r.default.attachedHorizontal:d[i],e&&r.default.attached,m&&r.default.groupFullWidth,h),children:(0,o.jsx)(p.Provider,{value:v,children:g})})};exports.Button=h,exports.ButtonGroup=_,exports.IconButton=g;

package/dist/components/primitives/Button/Button.mjs

@@ -1,107 +1,104 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+"use client";
+import { announce as e } from "../../../utils/announce.mjs";
 import { cx as t } from "../../../utils/cx.mjs";
-import { announce as n } from "../../../utils/announce.mjs";
-import { Spinner as r } from "../../feedback/Spinner/Spinner.mjs";
-import i from "./Button.module.css.mjs";
+import { Spinner as n } from "../../feedback/Spinner/Spinner.mjs";
+import r from "./Button.module.css.mjs";
+import { useMessages as i } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { createContext as a, useContext as o, useEffect as s, useMemo as c, useRef as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/primitives/Button/Button.tsx
+// src/components/primitives/Button/Button.tsx
 var p = {
-	solid: i.solid,
-	soft: i.soft,
-	outline: i.outline,
-	ghost: i.ghost,
-	link: i.link,
-	inverse: i.inverse
+	solid: r.solid,
+	soft: r.soft,
+	outline: r.outline,
+	ghost: r.ghost,
+	link: r.link,
+	inverse: r.inverse
 }, m = {
-	neutral: i.neutral,
-	primary: i.primary,
-	accent: i.accent,
-	success: i.success,
-	warning: i.warning,
-	danger: i.danger,
-	info: i.info
+	neutral: r.neutral,
+	primary: r.primary,
+	accent: r.accent,
+	success: r.success,
+	warning: r.warning,
+	danger: r.danger,
+	info: r.info
 }, h = {
-	xs: i.xs,
-	sm: i.sm,
-	md: i.md,
-	lg: i.lg
+	xs: r.xs,
+	sm: r.sm,
+	md: r.md,
+	lg: r.lg
 }, g = {
-	none: i.radiusNone,
-	xs: i.radiusXs,
-	sm: i.radiusSm,
-	md: i.radiusMd,
-	lg: i.radiusLg,
-	xl: i.radiusXl,
-	"2xl": i.radius2xl,
-	pill: i.radiusPill
+	none: r.radiusNone,
+	xs: r.radiusXs,
+	sm: r.radiusSm,
+	md: r.radiusMd,
+	lg: r.radiusLg,
+	xl: r.radiusXl,
+	"2xl": r.radius2xl,
+	pill: r.radiusPill
 }, _ = {
-	0: i.gap0,
-	1: i.gap1,
-	2: i.gap2,
-	3: i.gap3,
-	4: i.gap4,
-	5: i.gap5,
-	6: i.gap6,
-	8: i.gap8,
-	10: i.gap10,
-	12: i.gap12,
-	16: i.gap16,
-	20: i.gap20,
-	24: i.gap24
+	0: r.gap0,
+	1: r.gap1,
+	2: r.gap2,
+	3: r.gap3,
+	4: r.gap4,
+	5: r.gap5,
+	6: r.gap6,
+	8: r.gap8,
+	10: r.gap10,
+	12: r.gap12,
+	16: r.gap16,
+	20: r.gap20,
+	24: r.gap24
 }, v = {
 	xs: "sm",
 	sm: "sm",
 	md: "md",
 	lg: "lg"
 }, y = a(null), b = ({ iconOnly: a = !1, variant: c, tone: _, size: b, radius: x, disabled: S, loading: C = !1, loadingText: w, loadingLabel: T, fullWidth: ee, compact: te = !1, startIcon: E, endIcon: D, children: O, className: k, href: A, as: j, type: M, ref: N, onClick: P, "aria-disabled": F, "aria-busy": I, ...L }) => {
-	let R = e(), z = T ?? R.button.loading, B = o(y), V = c ?? B?.variant ?? "solid", H = _ ?? B?.tone ?? "primary", U = b ?? B?.size ?? "md", W = x ?? B?.radius, G = S ?? B?.disabled ?? !1, K = F === !0 || F === "true", q = !a && (ee ?? B?.fullWidth ?? !1), J = G || K || C, Y = C && !a && w != null, X = t(i.root, p[V], m[H], h[U], W ? g[W] : i.radiusDefault, a && i.iconOnly, te && !a && i.compact, q && i.fullWidth, !J && i.interactive, C && i.loading, (G || K) && i.disabled, k), Z = l(C);
+	let R = i(), z = T ?? R.button.loading, B = o(y), V = c ?? B?.variant ?? "solid", H = _ ?? B?.tone ?? "primary", U = b ?? B?.size ?? "md", W = x ?? B?.radius, G = S ?? B?.disabled ?? !1, K = F === !0 || F === "true", q = !a && (ee ?? B?.fullWidth ?? !1), J = G || K || C, Y = C && !a && w != null, X = t(r.root, p[V], m[H], h[U], W ? g[W] : r.radiusDefault, a && r.iconOnly, te && !a && r.compact, q && r.fullWidth, !J && r.interactive, C && r.loading, (G || K) && r.disabled, k), Z = l(C);
 	s(() => {
-		C && !Z.current && n(typeof w == "string" ? w : z), Z.current = C;
+		C && !Z.current && e(typeof w == "string" ? w : z), Z.current = C;
 	}, [
 		C,
 		w,
 		z
 	]);
 	let Q = (e) => {
-		if (J) {
-			e.preventDefault(), e.stopPropagation();
-			return;
-		}
-		P?.(e);
+		J ? (e.preventDefault(), e.stopPropagation()) : P?.(e);
 	}, $ = /* @__PURE__ */ f("span", {
-		className: i.inner,
+		className: r.inner,
 		children: [/* @__PURE__ */ d("span", {
-			className: i.content,
+			className: r.content,
 			"aria-hidden": Y ? !0 : void 0,
 			children: a ? /* @__PURE__ */ d("span", {
-				className: i.icon,
+				className: r.icon,
 				"aria-hidden": "true",
 				children: O
 			}) : /* @__PURE__ */ f(u, { children: [
 				E != null && /* @__PURE__ */ d("span", {
-					className: i.icon,
+					className: r.icon,
 					"aria-hidden": "true",
 					children: E
 				}),
 				O != null && /* @__PURE__ */ d("span", {
-					className: i.label,
+					className: r.label,
 					children: O
 				}),
 				D != null && /* @__PURE__ */ d("span", {
-					className: i.icon,
+					className: r.icon,
 					"aria-hidden": "true",
 					children: D
 				})
 			] })
 		}), C && /* @__PURE__ */ f("span", {
-			className: i.loadingLayer,
-			children: [/* @__PURE__ */ d(r, {
+			className: r.loadingLayer,
+			children: [/* @__PURE__ */ d(n, {
 				decorative: !0,
 				size: v[U],
-				className: i.spinner
+				className: r.spinner
 			}), Y && /* @__PURE__ */ d("span", {
-				className: i.label,
+				className: r.label,
 				children: w
 			})]
 		})]
@@ -163,7 +160,7 @@ function S(e) {
 		iconOnly: !0
 	});
 }
-var C = ({ attached: e = !1, orientation: n = "horizontal", gap: r = 2, size: a, variant: o, tone: s, radius: l, disabled: u, fullWidth: f, className: p, children: m, ...h }) => {
+var C = ({ attached: e = !1, orientation: n = "horizontal", gap: i = 2, size: a, variant: o, tone: s, radius: l, disabled: u, fullWidth: f, className: p, children: m, ...h }) => {
 	let g = c(() => ({
 		size: a,
 		variant: o,
@@ -183,12 +180,11 @@ var C = ({ attached: e = !1, orientation: n = "horizontal", gap: r = 2, size: a,
 		role: "group",
 		"data-orientation": n,
 		...h,
-		className: t(i.group, v && i.groupVertical, e ? v ? i.attachedVertical : i.attachedHorizontal : _[r], e && i.attached, f && i.groupFullWidth, p),
+		className: t(r.group, v && r.groupVertical, e ? v ? r.attachedVertical : r.attachedHorizontal : _[i], e && r.attached, f && r.groupFullWidth, p),
 		children: /* @__PURE__ */ d(y.Provider, {
 			value: g,
 			children: m
 		})
 	});
 };
-//#endregion
 export { x as Button, C as ButtonGroup, S as IconButton };

package/dist/components/primitives/Button/Button.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/primitives/Button/Button.module.css
+// src/components/primitives/Button/Button.module.css
 var e = "_root_18uhu_17", t = "_interactive_18uhu_123", n = "_inner_18uhu_135", r = "_content_18uhu_157", i = "_loadingLayer_18uhu_159", a = "_label_18uhu_177", o = "_icon_18uhu_189", s = "_xs_18uhu_219", c = "_sm_18uhu_235", l = "_md_18uhu_251", u = "_lg_18uhu_267", d = "_radiusDefault_18uhu_287", f = "_radiusNone_18uhu_293", p = "_radiusXs_18uhu_299", m = "_radiusSm_18uhu_305", h = "_radiusMd_18uhu_311", g = "_radiusLg_18uhu_317", _ = "_radiusXl_18uhu_323", v = "_radius2xl_18uhu_329", y = "_radiusPill_18uhu_335", b = "_primary_18uhu_357", x = "_accent_18uhu_395", S = "_success_18uhu_431", C = "_warning_18uhu_463", w = "_danger_18uhu_495", T = "_info_18uhu_527", E = "_neutral_18uhu_563", D = "_solid_18uhu_561", O = "_soft_18uhu_429", k = "_outline_18uhu_619", A = "_ghost_18uhu_629", j = "_inverse_18uhu_643", M = "_link_18uhu_655", N = "_iconOnly_18uhu_791", P = "_compact_18uhu_819", F = "_fullWidth_18uhu_831", I = "_loading_18uhu_159", L = "_spinner_18uhu_861", R = "_disabled_18uhu_871", z = "_group_18uhu_911", B = "_groupVertical_18uhu_925", V = "_groupFullWidth_18uhu_937", H = "_gap0_18uhu_955", U = "_gap1_18uhu_961", W = "_gap2_18uhu_967", G = "_gap3_18uhu_973", K = "_gap4_18uhu_979", q = "_gap5_18uhu_985", J = "_gap6_18uhu_991", Y = "_gap8_18uhu_997", X = "_gap10_18uhu_1003", Z = "_gap12_18uhu_1009", Q = "_gap16_18uhu_1015", $ = "_gap20_18uhu_1021", ee = "_gap24_18uhu_1027", te = "_attached_18uhu_1037", ne = "_attachedHorizontal_18uhu_1067", re = "_attachedVertical_18uhu_1109", ie = {
 	root: e,
 	interactive: t,
@@ -59,5 +59,4 @@ var e = "_root_18uhu_17", t = "_interactive_18uhu_123", n = "_inner_18uhu_135",
 	attachedHorizontal: ne,
 	attachedVertical: re
 };
-//#endregion
 export { x as accent, te as attached, ne as attachedHorizontal, re as attachedVertical, P as compact, r as content, w as danger, ie as default, R as disabled, F as fullWidth, H as gap0, U as gap1, X as gap10, Z as gap12, Q as gap16, W as gap2, $ as gap20, ee as gap24, G as gap3, K as gap4, q as gap5, J as gap6, Y as gap8, A as ghost, z as group, V as groupFullWidth, B as groupVertical, o as icon, N as iconOnly, T as info, n as inner, t as interactive, j as inverse, a as label, u as lg, M as link, I as loading, i as loadingLayer, l as md, E as neutral, k as outline, b as primary, v as radius2xl, d as radiusDefault, g as radiusLg, h as radiusMd, f as radiusNone, y as radiusPill, m as radiusSm, _ as radiusXl, p as radiusXs, e as root, c as sm, O as soft, D as solid, L as spinner, S as success, C as warning, s as xs };

package/dist/components/primitives/Icon/Icon.cjs.js

@@ -1 +1 @@
-const e=require("./IconSvg.cjs.js"),t=require("./icons.cjs.js");let n=require("react/jsx-runtime");var r=({name:r,children:i,...a})=>(0,n.jsx)(e.IconSvg,{"data-icon":r,...a,children:r?t.iconPaths[r]:i});exports.Icon=r;
+const e=require("./icons.cjs.js"),t=require("./IconSvg.cjs.js");let n=require("react/jsx-runtime");var r=({name:r,children:i,...a})=>(0,n.jsx)(t.IconSvg,{"data-icon":r,...a,children:r?e.iconPaths[r]:i});exports.Icon=r;

package/dist/components/primitives/Icon/Icon.mjs

@@ -1,11 +1,10 @@
-import { IconSvg as e } from "./IconSvg.mjs";
-import { iconPaths as t } from "./icons.mjs";
+import { iconPaths as e } from "./icons.mjs";
+import { IconSvg as t } from "./IconSvg.mjs";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/primitives/Icon/Icon.tsx
-var r = ({ name: r, children: i, ...a }) => /* @__PURE__ */ n(e, {
+// src/components/primitives/Icon/Icon.tsx
+var r = ({ name: r, children: i, ...a }) => /* @__PURE__ */ n(t, {
 	"data-icon": r,
 	...a,
-	children: r ? t[r] : i
+	children: r ? e[r] : i
 });
-//#endregion
 export { r as Icon };

package/dist/components/primitives/Icon/Icon.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/primitives/Icon/Icon.module.css
+// src/components/primitives/Icon/Icon.module.css
 var e = "_root_u20i7_1", t = "_xs_u20i7_17", n = "_sm_u20i7_25", r = "_md_u20i7_33", i = "_lg_u20i7_41", a = "_xl_u20i7_49", o = "_size2xl_u20i7_57", s = "_neutral_u20i7_71", c = "_muted_u20i7_77", l = "_primary_u20i7_83", u = "_accent_u20i7_89", d = "_success_u20i7_95", f = "_warning_u20i7_101", p = "_danger_u20i7_107", m = "_info_u20i7_113", h = "_spin_u20i7_125", g = {
 	root: e,
 	xs: t,
@@ -17,5 +17,4 @@ var e = "_root_u20i7_1", t = "_xs_u20i7_17", n = "_sm_u20i7_25", r = "_md_u20i7_
 	info: m,
 	spin: h
 };
-//#endregion
 export { u as accent, p as danger, g as default, m as info, i as lg, r as md, c as muted, s as neutral, l as primary, e as root, o as size2xl, n as sm, h as spin, d as success, f as warning, a as xl, t as xs };

package/dist/components/primitives/Icon/IconSvg.mjs

@@ -1,7 +1,7 @@
 import { cx as e } from "../../../utils/cx.mjs";
 import t from "./Icon.module.css.mjs";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/primitives/Icon/IconSvg.tsx
+// src/components/primitives/Icon/IconSvg.tsx
 var r = {
 	xs: t.xs,
 	sm: t.sm,
@@ -43,5 +43,4 @@ var r = {
 		children: d
 	});
 };
-//#endregion
 export { a as IconSvg };

package/dist/components/primitives/Icon/icons.mjs

@@ -1,6 +1,6 @@
 import { IconSvg as e } from "./IconSvg.mjs";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/primitives/Icon/icons.tsx
+// src/components/primitives/Icon/icons.tsx
 var i = ({ x: e, y: t, r = 1.25 }) => /* @__PURE__ */ n("circle", {
 	cx: e,
 	cy: t,
@@ -281,5 +281,4 @@ function $(t, r) {
 	return i.displayName = t, i;
 }
 var ye = /* @__PURE__ */ $("CheckIcon", o), be = /* @__PURE__ */ $("CloseIcon", s), xe = /* @__PURE__ */ $("PlusIcon", c), Se = /* @__PURE__ */ $("MinusIcon", l), Ce = /* @__PURE__ */ $("ChevronUpIcon", O), we = /* @__PURE__ */ $("ChevronDownIcon", k), Te = /* @__PURE__ */ $("ChevronLeftIcon", A), Ee = /* @__PURE__ */ $("ChevronRightIcon", j), De = /* @__PURE__ */ $("ArrowUpIcon", M), Oe = /* @__PURE__ */ $("ArrowDownIcon", N), ke = /* @__PURE__ */ $("ArrowLeftIcon", P), Ae = /* @__PURE__ */ $("ArrowRightIcon", F), je = /* @__PURE__ */ $("ChevronsLeftIcon", I), Me = /* @__PURE__ */ $("ChevronsRightIcon", L), Ne = /* @__PURE__ */ $("SearchIcon", u), Pe = /* @__PURE__ */ $("MenuIcon", d), Fe = /* @__PURE__ */ $("MoreHorizontalIcon", f), Ie = /* @__PURE__ */ $("MoreVerticalIcon", p), Le = /* @__PURE__ */ $("InfoIcon", R), Re = /* @__PURE__ */ $("WarningIcon", z), ze = /* @__PURE__ */ $("ErrorIcon", B), Be = /* @__PURE__ */ $("SuccessIcon", ne), Ve = /* @__PURE__ */ $("HelpIcon", V), He = /* @__PURE__ */ $("NoteIcon", U), Ue = /* @__PURE__ */ $("OfflineIcon", W), We = /* @__PURE__ */ $("EyeIcon", G), Ge = /* @__PURE__ */ $("EyeOffIcon", K), Ke = /* @__PURE__ */ $("CalendarIcon", q), qe = /* @__PURE__ */ $("ClockIcon", J), Je = /* @__PURE__ */ $("UploadIcon", m), Ye = /* @__PURE__ */ $("DownloadIcon", h), Xe = /* @__PURE__ */ $("TrashIcon", g), Ze = /* @__PURE__ */ $("EditIcon", _), Qe = /* @__PURE__ */ $("CopyIcon", v), $e = /* @__PURE__ */ $("ExternalLinkIcon", y), et = /* @__PURE__ */ $("LinkIcon", b), tt = /* @__PURE__ */ $("HomeIcon", Y), nt = /* @__PURE__ */ $("UserIcon", X), rt = /* @__PURE__ */ $("UsersIcon", Z), it = /* @__PURE__ */ $("SettingsIcon", Q), at = /* @__PURE__ */ $("BellIcon", re), ot = /* @__PURE__ */ $("StarIcon", ie), st = /* @__PURE__ */ $("StarFilledIcon", ae), ct = /* @__PURE__ */ $("HeartIcon", se), lt = /* @__PURE__ */ $("HeartFilledIcon", ce), ut = /* @__PURE__ */ $("FilterIcon", x), dt = /* @__PURE__ */ $("SortIcon", S), ft = /* @__PURE__ */ $("RefreshIcon", C), pt = /* @__PURE__ */ $("PauseIcon", w), mt = /* @__PURE__ */ $("PlayIcon", T), ht = /* @__PURE__ */ $("EyeDropperIcon", E), gt = /* @__PURE__ */ $("GripIcon", D), _t = /* @__PURE__ */ $("SunIcon", le), vt = /* @__PURE__ */ $("MoonIcon", ue), yt = /* @__PURE__ */ $("LockIcon", de), bt = /* @__PURE__ */ $("MailIcon", fe), xt = /* @__PURE__ */ $("FileIcon", pe), St = /* @__PURE__ */ $("FolderIcon", me), Ct = /* @__PURE__ */ $("FolderOpenIcon", he), wt = /* @__PURE__ */ $("ImageIcon", ge), Tt = /* @__PURE__ */ $("LoaderIcon", H);
-//#endregion
 export { Oe as ArrowDownIcon, ke as ArrowLeftIcon, Ae as ArrowRightIcon, De as ArrowUpIcon, at as BellIcon, Ke as CalendarIcon, ye as CheckIcon, we as ChevronDownIcon, Te as ChevronLeftIcon, Ee as ChevronRightIcon, Ce as ChevronUpIcon, je as ChevronsLeftIcon, Me as ChevronsRightIcon, qe as ClockIcon, be as CloseIcon, Qe as CopyIcon, Ye as DownloadIcon, Ze as EditIcon, ze as ErrorIcon, $e as ExternalLinkIcon, ht as EyeDropperIcon, We as EyeIcon, Ge as EyeOffIcon, xt as FileIcon, ut as FilterIcon, St as FolderIcon, Ct as FolderOpenIcon, gt as GripIcon, lt as HeartFilledIcon, ct as HeartIcon, Ve as HelpIcon, tt as HomeIcon, wt as ImageIcon, Le as InfoIcon, et as LinkIcon, Tt as LoaderIcon, yt as LockIcon, bt as MailIcon, Pe as MenuIcon, Se as MinusIcon, vt as MoonIcon, Fe as MoreHorizontalIcon, Ie as MoreVerticalIcon, He as NoteIcon, Ue as OfflineIcon, pt as PauseIcon, mt as PlayIcon, xe as PlusIcon, ft as RefreshIcon, Ne as SearchIcon, it as SettingsIcon, dt as SortIcon, st as StarFilledIcon, ot as StarIcon, Be as SuccessIcon, _t as SunIcon, Xe as TrashIcon, Je as UploadIcon, nt as UserIcon, rt as UsersIcon, Re as WarningIcon, ve as iconNames, _e as iconPaths };

package/dist/components/primitives/Kbd/Kbd.cjs.js

@@ -1 +1 @@
-const e=require("../../../i18n/en.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("./Kbd.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(e,t)=>({symbol:e,name:t}),c={mod:{mac:s(`⌘`,`command`),other:s(`Ctrl`,`control`)},cmd:{mac:s(`⌘`,`command`),other:s(`Win`,`windows`)},meta:{mac:s(`⌘`,`command`),other:s(`Win`,`windows`),linux:s(`Super`,`super`)},ctrl:{mac:s(`⌃`,`control`),other:s(`Ctrl`,`control`)},alt:{mac:s(`⌥`,`option`),other:s(`Alt`,`alt`)},option:{mac:s(`⌥`,`option`),other:s(`Alt`,`alt`)},shift:{mac:s(`⇧`,`shift`),other:s(`Shift`,`shift`)},enter:{mac:s(`↩`,`return`),other:s(`Enter`,`enter`)},return:{mac:s(`↩`,`return`),other:s(`Enter`,`enter`)},esc:{mac:s(`esc`,`escape`),other:s(`Esc`,`escape`)},tab:{mac:s(`⇥`,`tab`),other:s(`Tab`,`tab`)},space:{mac:s(`Space`,`space`),other:s(`Space`,`space`)},backspace:{mac:s(`⌫`,`delete`),other:s(`Backspace`,`backspace`)},delete:{mac:s(`⌦`,`forwardDelete`),other:s(`Del`,`delete`)},capslock:{mac:s(`⇪`,`capsLock`),other:s(`Caps Lock`,`capsLock`)},up:{mac:s(`↑`,`up`),other:s(`↑`,`up`)},down:{mac:s(`↓`,`down`),other:s(`↓`,`down`)},left:{mac:s(`←`,`left`),other:s(`←`,`left`)},right:{mac:s(`→`,`right`),other:s(`→`,`right`)},pageup:{mac:s(`⇞`,`pageUp`),other:s(`PgUp`,`pageUp`)},pagedown:{mac:s(`⇟`,`pageDown`),other:s(`PgDn`,`pageDown`)},home:{mac:s(`↖`,`home`),other:s(`Home`,`home`)},end:{mac:s(`↘`,`end`),other:s(`End`,`end`)}},l=e=>Object.prototype.hasOwnProperty.call(c,e);function u(t,n,r=e.en.kbd.keys){let i=t.toLowerCase();if(l(i)){let e=c[i],t=n===`mac`?e.mac:n===`linux`&&e.linux?e.linux:e.other;return{symbol:t.symbol,label:r[t.name]}}let a=t.length===1?t.toUpperCase():t;return{symbol:a,label:a}}var d=`windows`;function f(){if(typeof navigator>`u`)return d;let e=navigator,t=e.userAgentData?.platform||e.platform||e.userAgent||``;return/mac|iphone|ipad|ipod/i.test(t)?`mac`:/linux|cros|x11/i.test(t)&&!/android/i.test(t)?`linux`:`windows`}var p=()=>()=>{};function m(e){let t=(0,a.useSyncExternalStore)(p,f,()=>d);return e??t}var h={sm:i.default.sm,md:i.default.md,lg:i.default.lg},g={outline:i.default.outline,soft:i.default.soft,solid:i.default.solid};function _({display:e}){return e.symbol===e.label?(0,o.jsx)(o.Fragment,{children:e.symbol}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,title:e.label,className:i.default.symbol,children:e.symbol}),(0,o.jsx)(r.VisuallyHidden,{children:e.label})]})}function v({size:e=`md`,variant:r=`outline`,keyName:a,platform:s,className:c,children:l,...d}){let f=t.useMessages(),p=m(s);return(0,o.jsx)(`kbd`,{...d,className:n.cx(i.default.key,h[e],g[r],c),children:a===void 0?l:(0,o.jsx)(_,{display:u(a,p,f.kbd.keys)})})}function y({keys:e,separator:r=`+`,thenLabel:s,size:c=`md`,variant:l=`outline`,platform:u,className:d,...f}){let p=t.useMessages(),g=s??p.kbd.then,_=m(u),y=r===`then`;return(0,o.jsx)(`kbd`,{...f,className:n.cx(i.default.combo,h[c],y&&i.default.sequence,d),children:e.map((e,t)=>(0,o.jsxs)(a.Fragment,{children:[t>0&&(0,o.jsx)(`span`,{className:i.default.separator,children:y?` ${g} `:`+`}),(0,o.jsx)(v,{size:c,variant:l,keyName:e,platform:_})]},`${t}-${e}`))})}exports.Kbd=v,exports.KbdShortcut=y,exports.getKeyDisplay=u,exports.useKbdPlatform=m;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),n=require("./Kbd.module.css.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),i=require("../../../i18n/en.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(e,t)=>({symbol:e,name:t}),c={mod:{mac:s(`⌘`,`command`),other:s(`Ctrl`,`control`)},cmd:{mac:s(`⌘`,`command`),other:s(`Win`,`windows`)},meta:{mac:s(`⌘`,`command`),other:s(`Win`,`windows`),linux:s(`Super`,`super`)},ctrl:{mac:s(`⌃`,`control`),other:s(`Ctrl`,`control`)},alt:{mac:s(`⌥`,`option`),other:s(`Alt`,`alt`)},option:{mac:s(`⌥`,`option`),other:s(`Alt`,`alt`)},shift:{mac:s(`⇧`,`shift`),other:s(`Shift`,`shift`)},enter:{mac:s(`↩`,`return`),other:s(`Enter`,`enter`)},return:{mac:s(`↩`,`return`),other:s(`Enter`,`enter`)},esc:{mac:s(`esc`,`escape`),other:s(`Esc`,`escape`)},tab:{mac:s(`⇥`,`tab`),other:s(`Tab`,`tab`)},space:{mac:s(`Space`,`space`),other:s(`Space`,`space`)},backspace:{mac:s(`⌫`,`delete`),other:s(`Backspace`,`backspace`)},delete:{mac:s(`⌦`,`forwardDelete`),other:s(`Del`,`delete`)},capslock:{mac:s(`⇪`,`capsLock`),other:s(`Caps Lock`,`capsLock`)},up:{mac:s(`↑`,`up`),other:s(`↑`,`up`)},down:{mac:s(`↓`,`down`),other:s(`↓`,`down`)},left:{mac:s(`←`,`left`),other:s(`←`,`left`)},right:{mac:s(`→`,`right`),other:s(`→`,`right`)},pageup:{mac:s(`⇞`,`pageUp`),other:s(`PgUp`,`pageUp`)},pagedown:{mac:s(`⇟`,`pageDown`),other:s(`PgDn`,`pageDown`)},home:{mac:s(`↖`,`home`),other:s(`Home`,`home`)},end:{mac:s(`↘`,`end`),other:s(`End`,`end`)}},l=e=>Object.prototype.hasOwnProperty.call(c,e);function u(e,t,n=i.en.kbd.keys){let r=e.toLowerCase();if(l(r)){let e=c[r],i=t===`mac`?e.mac:t===`linux`&&e.linux?e.linux:e.other;return{symbol:i.symbol,label:n[i.name]}}let a=e.length===1?e.toUpperCase():e;return{symbol:a,label:a}}var d=`windows`;function f(){if(typeof navigator>`u`)return d;let e=navigator,t=e.userAgentData?.platform||e.platform||e.userAgent||``;return/mac|iphone|ipad|ipod/i.test(t)?`mac`:/linux|cros|x11/i.test(t)&&!/android/i.test(t)?`linux`:`windows`}var p=()=>()=>{};function m(e){let t=(0,a.useSyncExternalStore)(p,f,()=>d);return e??t}var h={sm:n.default.sm,md:n.default.md,lg:n.default.lg},g={outline:n.default.outline,soft:n.default.soft,solid:n.default.solid};function _({display:e}){return e.symbol===e.label?(0,o.jsx)(o.Fragment,{children:e.symbol}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,title:e.label,className:n.default.symbol,children:e.symbol}),(0,o.jsx)(t.VisuallyHidden,{children:e.label})]})}function v({size:t=`md`,variant:i=`outline`,keyName:a,platform:s,className:c,children:l,...d}){let f=r.useMessages(),p=m(s);return(0,o.jsx)(`kbd`,{...d,className:e.cx(n.default.key,h[t],g[i],c),children:a===void 0?l:(0,o.jsx)(_,{display:u(a,p,f.kbd.keys)})})}function y({keys:t,separator:i=`+`,thenLabel:s,size:c=`md`,variant:l=`outline`,platform:u,className:d,...f}){let p=r.useMessages(),g=s??p.kbd.then,_=m(u),y=i===`then`;return(0,o.jsx)(`kbd`,{...f,className:e.cx(n.default.combo,h[c],y&&n.default.sequence,d),children:t.map((e,t)=>(0,o.jsxs)(a.Fragment,{children:[t>0&&(0,o.jsx)(`span`,{className:n.default.separator,children:y?` ${g} `:`+`}),(0,o.jsx)(v,{size:c,variant:l,keyName:e,platform:_})]},`${t}-${e}`))})}exports.Kbd=v,exports.KbdShortcut=y,exports.getKeyDisplay=u,exports.useKbdPlatform=m;