@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/forms/Textarea/Textarea.mjs

@@ -1,87 +1,88 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useFormReset as t } from "../../../hooks/useFormReset.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { useFieldControl as a } from "../Field/FieldContext.mjs";
-import o from "./Textarea.module.css.mjs";
-import { useCallback as s, useEffect as c, useId as ee, useLayoutEffect as l, useRef as u, useState as te } from "react";
+import { cx as n } from "../../../utils/cx.mjs";
+import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { useFieldControl as ee } from "../Field/FieldContext.mjs";
+import i from "./Textarea.module.css.mjs";
+import { useMessages as a } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useCallback as o, useEffect as s, useId as c, useLayoutEffect as l, useRef as u, useState as te } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/forms/Textarea/Textarea.tsx
+// src/components/forms/Textarea/Textarea.tsx
 var p = {
-	sm: o.sm,
-	md: o.md,
-	lg: o.lg
+	sm: i.sm,
+	md: i.md,
+	lg: i.lg
 }, m = {
-	outline: o.outline,
-	filled: o.filled
+	outline: i.outline,
+	filled: i.filled
 }, h = {
-	none: o.radiusNone,
-	xs: o.radiusXs,
-	sm: o.radiusSm,
-	md: o.radiusMd,
-	lg: o.radiusLg,
-	xl: o.radiusXl,
-	"2xl": o.radius2xl
-}, g = {
-	none: o.resizeNone,
-	vertical: o.resizeVertical,
-	both: o.resizeBoth
-}, ne = .9, re = 600, _;
-function v() {
-	return _ === void 0 && (_ = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("field-sizing", "content")), _;
+	none: i.radiusNone,
+	xs: i.radiusXs,
+	sm: i.radiusSm,
+	md: i.radiusMd,
+	lg: i.radiusLg,
+	xl: i.radiusXl,
+	"2xl": i.radius2xl
+}, ne = {
+	none: i.resizeNone,
+	vertical: i.resizeVertical,
+	both: i.resizeBoth
+}, re = .9, ie = 600, g;
+function _() {
+	return g === void 0 && (g = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("field-sizing", "content")), g;
 }
-var ie = typeof window < "u" ? l : c, y = ({ size: l, variant: _ = "outline", radius: y, invalid: ae, value: b, defaultValue: x, onValueChange: S, onChange: C, rows: w = 3, autoResize: T = !1, minRows: E, maxRows: D, resize: O = "vertical", showCount: oe = !1, maxLength: k, fullWidth: se = !0, className: ce, textareaClassName: le, style: A, cols: j, id: M, required: N, disabled: P, readOnly: F, "aria-describedby": I, ref: L, ...R }) => {
-	let z = n(), B = ee(), V = oe && k !== void 0 && k > 0, H = a({
+var ae = typeof window < "u" ? l : s, v = ({ size: l, variant: g = "outline", radius: v, invalid: oe, value: y, defaultValue: b, onValueChange: x, onChange: S, rows: C = 3, autoResize: w = !1, minRows: T, maxRows: E, resize: se = "vertical", showCount: ce = !1, maxLength: D, fullWidth: le = !0, className: O, textareaClassName: k, style: A, cols: j, id: M, required: N, disabled: P, readOnly: F, "aria-describedby": I, ref: L, ...R }) => {
+	let z = a(), B = c(), V = ce && D !== void 0 && D > 0, H = ee({
 		id: M,
-		invalid: ae,
+		invalid: oe,
 		required: N,
 		disabled: P,
 		readOnly: F,
 		size: l,
 		"aria-describedby": [I, V ? B : void 0].filter(Boolean).join(" ") || void 0
-	}), U = H.size ?? "md", ue = b !== void 0, [W, G] = e({
-		value: b,
-		defaultValue: x ?? "",
-		onChange: S
+	}), U = H.size ?? "md", ue = y !== void 0, [W, G] = e({
+		value: y,
+		defaultValue: b ?? "",
+		onChange: x
 	});
-	t(() => H.id ? document.getElementById(H.id) : null, () => G(x ?? ""), b === void 0);
+	t(() => H.id ? document.getElementById(H.id) : null, () => G(b ?? ""), y === void 0);
 	let de = (e) => {
-		C?.(e), G(e.target.value);
-	}, K = u(null), fe = s((e) => {
+		S?.(e), G(e.target.value);
+	}, K = u(null), fe = o((e) => {
 		K.current = e;
 		let t;
 		return typeof L == "function" ? t = L(e) : L && (L.current = e), () => {
 			K.current = null, typeof L == "function" ? typeof t == "function" ? t() : L(null) : L && (L.current = null);
 		};
-	}, [L]), q = Math.max(1, E ?? w), J = D === void 0 ? void 0 : Math.max(q, D), Y = s(() => {
+	}, [L]), q = Math.max(1, T ?? C), J = E === void 0 ? void 0 : Math.max(q, E), Y = o(() => {
 		let e = K.current;
 		if (!e) return;
 		e.style.height = "auto";
 		let t = window.getComputedStyle(e), n = parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth);
 		e.style.height = `${e.scrollHeight + n}px`;
 	}, []);
-	ie(() => {
-		T && !v() && Y();
+	ae(() => {
+		w && !_() && Y();
 	}, [
-		T,
+		w,
 		Y,
 		W,
 		q,
 		J,
 		U
-	]), c(() => {
+	]), s(() => {
 		let e = K.current;
-		if (!T || v() || !e || typeof ResizeObserver > "u") return;
+		if (!w || _() || !e || typeof ResizeObserver > "u") return;
 		let t = e.offsetWidth, n = new ResizeObserver(() => {
 			e.offsetWidth !== t && (t = e.offsetWidth, Y());
 		});
 		return n.observe(e), () => {
 			n.disconnect(), e.style.height = "";
 		};
-	}, [T, Y]);
-	let X = W.length, pe = V ? X / k : 0, Z = V && pe >= ne, me = V && X >= k, Q = V ? Math.max(0, k - X) : 0, [he, $] = te("");
-	c(() => {
+	}, [w, Y]);
+	let X = W.length, pe = V ? X / D : 0, Z = V && pe >= re, me = V && X >= D, Q = V ? Math.max(0, D - X) : 0, [he, $] = te("");
+	s(() => {
 		if (!V) return;
 		if (!Z) {
 			$("");
@@ -89,7 +90,7 @@ var ie = typeof window < "u" ? l : c, y = ({ size: l, variant: _ = "outline", ra
 		}
 		let e = window.setTimeout(() => {
 			$(Q === 0 ? z.textarea.limitReached : z.textarea.remaining(Q));
-		}, re);
+		}, ie);
 		return () => window.clearTimeout(e);
 	}, [
 		V,
@@ -97,13 +98,13 @@ var ie = typeof window < "u" ? l : c, y = ({ size: l, variant: _ = "outline", ra
 		Q,
 		z
 	]);
-	let ge = { ...T ? {
+	let ge = { ...w ? {
 		"--textarea-min-rows": q,
 		"--textarea-max-rows": J,
 		"--textarea-cols": j
 	} : null };
 	return /* @__PURE__ */ f("div", {
-		className: r(o.root, se ? o.fullWidth : o.inline, ce),
+		className: n(i.root, le ? i.fullWidth : i.inline, O),
 		style: A,
 		children: [
 			/* @__PURE__ */ d("textarea", {
@@ -114,32 +115,32 @@ var ie = typeof window < "u" ? l : c, y = ({ size: l, variant: _ = "outline", ra
 				required: H.required,
 				disabled: H.disabled,
 				readOnly: H.readOnly,
-				maxLength: k,
+				maxLength: D,
 				cols: j,
-				rows: T ? q : w,
-				...ue ? { value: W } : { defaultValue: x ?? "" },
+				rows: w ? q : C,
+				...ue ? { value: W } : { defaultValue: b ?? "" },
 				onChange: de,
 				style: ge,
-				className: r(o.textarea, p[U], m[_], y && h[y], g[T ? "none" : O], T && o.autoResize, T && J !== void 0 && o.hasMaxRows, H.invalid && o.invalid, le)
+				className: n(i.textarea, p[U], m[g], v && h[v], ne[w ? "none" : se], w && i.autoResize, w && J !== void 0 && i.hasMaxRows, H.invalid && i.invalid, k)
 			}),
 			V && /* @__PURE__ */ f("div", {
 				id: B,
-				className: r(o.counter, p[U], Z && o.counterNear, me && o.counterAtLimit),
+				className: n(i.counter, p[U], Z && i.counterNear, me && i.counterAtLimit),
 				children: [/* @__PURE__ */ f("span", {
 					"aria-hidden": "true",
 					children: [
 						X,
 						" / ",
-						k
+						D
 					]
-				}), /* @__PURE__ */ f(i, { children: [
+				}), /* @__PURE__ */ f(r, { children: [
 					X,
 					" of ",
-					k,
+					D,
 					" characters used"
 				] })]
 			}),
-			V && /* @__PURE__ */ d(i, {
+			V && /* @__PURE__ */ d(r, {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				children: he
@@ -147,5 +148,4 @@ var ie = typeof window < "u" ? l : c, y = ({ size: l, variant: _ = "outline", ra
 		]
 	});
 };
-//#endregion
-export { y as Textarea };
+export { v as Textarea };

package/dist/components/forms/Textarea/Textarea.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Textarea/Textarea.module.css
+// src/components/forms/Textarea/Textarea.module.css
 var e = "_root_w9tza_3", t = "_fullWidth_w9tza_17", n = "_inline_w9tza_27", r = "_textarea_w9tza_39", i = "_sm_w9tza_143", a = "_md_w9tza_157", o = "_lg_w9tza_167", s = "_outline_w9tza_183", c = "_filled_w9tza_189", l = "_radiusNone_w9tza_219", u = "_radiusXs_w9tza_225", d = "_radiusSm_w9tza_231", f = "_radiusMd_w9tza_237", p = "_radiusLg_w9tza_243", m = "_radiusXl_w9tza_249", h = "_radius2xl_w9tza_255", g = "_resizeNone_w9tza_265", _ = "_resizeVertical_w9tza_271", v = "_resizeBoth_w9tza_277", y = "_autoResize_w9tza_293", b = "_hasMaxRows_w9tza_311", x = "_invalid_w9tza_347", S = "_counter_w9tza_391", C = "_counterNear_w9tza_429", w = "_counterAtLimit_w9tza_439", T = {
 	root: e,
 	fullWidth: t,
@@ -26,5 +26,4 @@ var e = "_root_w9tza_3", t = "_fullWidth_w9tza_17", n = "_inline_w9tza_27", r =
 	counterNear: C,
 	counterAtLimit: w
 };
-//#endregion
 export { y as autoResize, S as counter, w as counterAtLimit, C as counterNear, T as default, c as filled, t as fullWidth, b as hasMaxRows, n as inline, x as invalid, o as lg, a as md, s as outline, h as radius2xl, p as radiusLg, f as radiusMd, l as radiusNone, d as radiusSm, m as radiusXl, u as radiusXs, v as resizeBoth, g as resizeNone, _ as resizeVertical, e as root, i as sm, r as textarea };

package/dist/components/forms/TimePicker/TimePicker.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),ee=require("../Field/FieldContext.cjs.js"),te=require("../Combobox/Combobox.cjs.js"),a=require("./timeUtils.cjs.js"),o=require("./TimePicker.module.css.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l=`14:30`;function u(e,t,n,r,i){return t.reason===`unparseable`?e.unparseable(t.example):r&&i?e.between(n(r),n(i)):r?e.onOrAfter(n(r)):e.onOrBefore(n(i))}var d=e=>e.replace(/\D/g,``),f=({value:f,defaultValue:p,onValueChange:ne,min:m,max:h,step:g=30,hourCycle:re,locale:_,size:v,name:y,clearable:ie=!1,placeholder:ae,invalid:b,required:x,disabled:S,readOnly:C,placement:w=`bottom-start`,maxHeight:T=`16rem`,fullWidth:E=!0,onInvalidInput:D,invalidMessage:O,formatDescription:oe,showTimesLabel:se,hideTimesLabel:ce,id:le,"aria-label":ue,"aria-labelledby":de,"aria-describedby":fe,className:pe,style:me,ref:k,onBlur:A})=>{let{messages:j,locale:M}=t.useLocale(),N=_??M,P=re??a.getLocaleHourCycle(N),F=(0,s.useMemo)(()=>e=>a.formatTime(e,N,P),[N,P]),I=F(l),L=oe??j.timePicker.format,R=ee.useFieldControl({disabled:S,readOnly:C,size:v,invalid:b,required:x}),he=R.size??`md`,[z,B]=e.useControllableState({value:f,defaultValue:p??null,onChange:ne}),[V,H]=(0,s.useState)(()=>z?F(z):``),[U,W]=(0,s.useState)(null),G=(0,s.useRef)({value:z,format:F});(0,s.useEffect)(()=>{let e=G.current;if(e.value===z&&e.format===F)return;let t=e.value?V===e.format(e.value):V===``;G.current={value:z,format:F},(e.value!==z||t)&&(H(z?F(z):``),e.value!==z&&W(null))},[z,F,V]);let K=e=>{G.current={value:e,format:F},H(e?F(e):``),B(e)},q=(e=V)=>{let t=e.trim();if(!t){W(null),z!==null&&K(null);return}let n=a.parseTimeText(t,N),r=a.parseISOTime(n),i=r!==null&&(m!==void 0&&r<a.parseISOTime(m)||h!==void 0&&r>a.parseISOTime(h));if(!n||i){let e={text:t,reason:n?`out-of-range`:`unparseable`,time:n??void 0,example:I};W(e),G.current={value:null,format:F},B(null),D?.(e);return}W(null),K(n)},J=(0,s.useMemo)(()=>a.timeSlots(g,m,h).map(e=>({value:e,label:F(e)})),[g,m,h,F]),ge=(0,s.useMemo)(()=>new Set(J.map(e=>e.value)),[J]),Y=z?F(z).toLowerCase():``,_e=(0,s.useMemo)(()=>(e,t)=>{let n=t.trim().toLowerCase();if(!n||n===Y||e.label.toLowerCase().includes(n))return!0;let r=d(n);if(r&&r===n.replace(/[:.\s]/g,``)){let t=d(e.value);if(t.startsWith(r)||t.startsWith(`0${r}`))return!0}return a.parseTimeText(n,N)===e.value},[N,Y]),X=(0,s.useId)(),Z=`${X}-format`,Q=`${X}-error`,$=U&&O!==null?typeof O==`function`?O(U):O??u(j.timePicker.invalid,U,F,m,h):null,ve=[fe,Z,$==null?void 0:Q].filter(Boolean).join(` `)||void 0;return(0,c.jsxs)(`div`,{className:n.cx(o.default.root,E&&o.default.fullWidth,pe),style:me,"data-size":he,children:[(0,c.jsx)(te.Combobox,{ref:k,id:le,options:J,value:z&&ge.has(z)?z:null,onValueChange:e=>{e!==null&&(W(null),K(e))},inputValue:V,onInputValueChange:e=>{H(e),e===``&&(W(null),z!==null&&K(null))},allowCustomValue:!0,filter:_e,emptyMessage:null,clearable:ie,showSuggestionsLabel:se??j.timePicker.showTimes,hideSuggestionsLabel:ce??j.timePicker.hideTimes,size:v,invalid:b??(U?!0:void 0),required:x,disabled:S,readOnly:C,placement:w,maxHeight:T,fullWidth:E,placeholder:ae,autoComplete:`off`,"aria-label":ue,"aria-labelledby":de,"aria-describedby":ve,onKeyDown:e=>{e.key===`Enter`&&!e.currentTarget.getAttribute(`aria-activedescendant`)&&q(e.currentTarget.value)},onBlur:e=>{!R.disabled&&!R.readOnly&&q(e.currentTarget.value),A?.(e)}}),(0,c.jsx)(r.VisuallyHidden,{id:Z,children:L(I)}),y!==void 0&&(0,c.jsx)(`input`,{type:`hidden`,name:y,value:z??``,disabled:R.disabled}),(0,c.jsx)(`div`,{"aria-live":`polite`,children:$!=null&&(0,c.jsxs)(`p`,{id:Q,className:o.default.error,children:[(0,c.jsx)(i.ErrorIcon,{size:`sm`,className:o.default.errorIcon}),(0,c.jsx)(`span`,{children:$})]})})]})};exports.TimePicker=f,exports.formatTime=a.formatTime,exports.isISOTime=a.isISOTime,exports.parseTimeText=a.parseTimeText;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),ee=require("../Combobox/Combobox.cjs.js"),te=require("../Field/FieldContext.cjs.js"),a=require("./timeUtils.cjs.js"),o=require("./TimePicker.module.css.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l=`14:30`;function u(e,t,n,r,i){return t.reason===`unparseable`?e.unparseable(t.example):r&&i?e.between(n(r),n(i)):r?e.onOrAfter(n(r)):e.onOrBefore(n(i))}var d=e=>e.replace(/\D/g,``),f=({value:f,defaultValue:p,onValueChange:ne,min:m,max:h,step:g=30,hourCycle:re,locale:_,size:v,name:y,clearable:ie=!1,placeholder:ae,invalid:b,required:x,disabled:S,readOnly:C,placement:w=`bottom-start`,maxHeight:T=`16rem`,fullWidth:E=!0,onInvalidInput:D,invalidMessage:O,formatDescription:oe,showTimesLabel:se,hideTimesLabel:ce,id:le,"aria-label":ue,"aria-labelledby":de,"aria-describedby":fe,className:pe,style:me,ref:k,onBlur:A})=>{let{messages:j,locale:M}=r.useLocale(),N=_??M,P=re??a.getLocaleHourCycle(N),F=(0,s.useMemo)(()=>e=>a.formatTime(e,N,P),[N,P]),I=F(l),L=oe??j.timePicker.format,R=te.useFieldControl({disabled:S,readOnly:C,size:v,invalid:b,required:x}),he=R.size??`md`,[z,B]=e.useControllableState({value:f,defaultValue:p??null,onChange:ne}),[V,H]=(0,s.useState)(()=>z?F(z):``),[U,W]=(0,s.useState)(null),G=(0,s.useRef)({value:z,format:F});(0,s.useEffect)(()=>{let e=G.current;if(e.value===z&&e.format===F)return;let t=e.value?V===e.format(e.value):V===``;G.current={value:z,format:F},(e.value!==z||t)&&(H(z?F(z):``),e.value!==z&&W(null))},[z,F,V]);let K=e=>{G.current={value:e,format:F},H(e?F(e):``),B(e)},q=(e=V)=>{let t=e.trim();if(!t){W(null),z!==null&&K(null);return}let n=a.parseTimeText(t,N),r=a.parseISOTime(n),i=r!==null&&(m!==void 0&&r<a.parseISOTime(m)||h!==void 0&&r>a.parseISOTime(h));if(!n||i){let e={text:t,reason:n?`out-of-range`:`unparseable`,time:n??void 0,example:I};W(e),G.current={value:null,format:F},B(null),D?.(e)}else W(null),K(n)},J=(0,s.useMemo)(()=>a.timeSlots(g,m,h).map(e=>({value:e,label:F(e)})),[g,m,h,F]),ge=(0,s.useMemo)(()=>new Set(J.map(e=>e.value)),[J]),Y=z?F(z).toLowerCase():``,_e=(0,s.useMemo)(()=>(e,t)=>{let n=t.trim().toLowerCase();if(!n||n===Y||e.label.toLowerCase().includes(n))return!0;let r=d(n);if(r&&r===n.replace(/[:.\s]/g,``)){let t=d(e.value);if(t.startsWith(r)||t.startsWith(`0${r}`))return!0}return a.parseTimeText(n,N)===e.value},[N,Y]),X=(0,s.useId)(),Z=`${X}-format`,Q=`${X}-error`,$=U&&O!==null?typeof O==`function`?O(U):O??u(j.timePicker.invalid,U,F,m,h):null,ve=[fe,Z,$==null?void 0:Q].filter(Boolean).join(` `)||void 0;return(0,c.jsxs)(`div`,{className:t.cx(o.default.root,E&&o.default.fullWidth,pe),style:me,"data-size":he,children:[(0,c.jsx)(ee.Combobox,{ref:k,id:le,options:J,value:z&&ge.has(z)?z:null,onValueChange:e=>{e!==null&&(W(null),K(e))},inputValue:V,onInputValueChange:e=>{H(e),e===``&&(W(null),z!==null&&K(null))},allowCustomValue:!0,filter:_e,emptyMessage:null,clearable:ie,showSuggestionsLabel:se??j.timePicker.showTimes,hideSuggestionsLabel:ce??j.timePicker.hideTimes,size:v,invalid:b??(U?!0:void 0),required:x,disabled:S,readOnly:C,placement:w,maxHeight:T,fullWidth:E,placeholder:ae,autoComplete:`off`,"aria-label":ue,"aria-labelledby":de,"aria-describedby":ve,onKeyDown:e=>{e.key===`Enter`&&!e.currentTarget.getAttribute(`aria-activedescendant`)&&q(e.currentTarget.value)},onBlur:e=>{!R.disabled&&!R.readOnly&&q(e.currentTarget.value),A?.(e)}}),(0,c.jsx)(i.VisuallyHidden,{id:Z,children:L(I)}),y!==void 0&&(0,c.jsx)(`input`,{type:`hidden`,name:y,value:z??``,disabled:R.disabled}),(0,c.jsx)(`div`,{"aria-live":`polite`,children:$!=null&&(0,c.jsxs)(`p`,{id:Q,className:o.default.error,children:[(0,c.jsx)(n.ErrorIcon,{size:`sm`,className:o.default.errorIcon}),(0,c.jsx)(`span`,{children:$})]})})]})};exports.TimePicker=f,exports.formatTime=a.formatTime,exports.isISOTime=a.isISOTime,exports.parseTimeText=a.parseTimeText;

package/dist/components/forms/TimePicker/TimePicker.mjs

@@ -1,21 +1,22 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useLocale as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { ErrorIcon as i } from "../../primitives/Icon/icons.mjs";
-import { useFieldControl as ee } from "../Field/FieldContext.mjs";
-import { Combobox as a } from "../Combobox/Combobox.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { ErrorIcon as n } from "../../primitives/Icon/icons.mjs";
+import { useLocale as r } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { Combobox as ee } from "../Combobox/Combobox.mjs";
+import { useFieldControl as a } from "../Field/FieldContext.mjs";
 import { formatTime as o, getLocaleHourCycle as te, isISOTime as s, parseISOTime as c, parseTimeText as l, timeSlots as ne } from "./timeUtils.mjs";
 import u from "./TimePicker.module.css.mjs";
 import { useEffect as re, useId as ie, useMemo as d, useRef as ae, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/forms/TimePicker/TimePicker.tsx
+// src/components/forms/TimePicker/TimePicker.tsx
 var oe = "14:30";
 function se(e, t, n, r, i) {
 	return t.reason === "unparseable" ? e.unparseable(t.example) : r && i ? e.between(n(r), n(i)) : r ? e.onOrAfter(n(r)) : e.onOrBefore(n(i));
 }
 var h = (e) => e.replace(/\D/g, ""), g = ({ value: s, defaultValue: g, onValueChange: ce, min: _, max: v, step: y = 30, hourCycle: le, locale: ue, size: b, name: x, clearable: de = !1, placeholder: fe, invalid: S, required: C, disabled: w, readOnly: T, placement: pe = "bottom-start", maxHeight: me = "16rem", fullWidth: E = !0, onInvalidInput: he, invalidMessage: D, formatDescription: ge, showTimesLabel: _e, hideTimesLabel: ve, id: ye, "aria-label": be, "aria-labelledby": xe, "aria-describedby": O, className: k, style: A, ref: j, onBlur: M }) => {
-	let { messages: N, locale: Se } = t(), P = ue ?? Se, F = le ?? te(P), I = d(() => (e) => o(e, P, F), [P, F]), L = I(oe), Ce = ge ?? N.timePicker.format, R = ee({
+	let { messages: N, locale: Se } = r(), P = ue ?? Se, F = le ?? te(P), I = d(() => (e) => o(e, P, F), [P, F]), L = I(oe), Ce = ge ?? N.timePicker.format, R = a({
 		disabled: w,
 		readOnly: T,
 		size: b,
@@ -65,9 +66,7 @@ var h = (e) => e.replace(/\D/g, ""), g = ({ value: s, defaultValue: g, onValueCh
 				value: null,
 				format: I
 			}, B(null), he?.(e);
-			return;
-		}
-		W(null), K(n);
+		} else W(null), K(n);
 	}, J = d(() => ne(y, _, v).map((e) => ({
 		value: e,
 		label: I(e)
@@ -91,11 +90,11 @@ var h = (e) => e.replace(/\D/g, ""), g = ({ value: s, defaultValue: g, onValueCh
 		$ == null ? void 0 : Q
 	].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ m("div", {
-		className: n(u.root, E && u.fullWidth, k),
+		className: t(u.root, E && u.fullWidth, k),
 		style: A,
 		"data-size": we,
 		children: [
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ p(ee, {
 				ref: j,
 				id: ye,
 				options: J,
@@ -133,7 +132,7 @@ var h = (e) => e.replace(/\D/g, ""), g = ({ value: s, defaultValue: g, onValueCh
 					!R.disabled && !R.readOnly && q(e.currentTarget.value), M?.(e);
 				}
 			}),
-			/* @__PURE__ */ p(r, {
+			/* @__PURE__ */ p(i, {
 				id: Z,
 				children: Ce(L)
 			}),
@@ -148,7 +147,7 @@ var h = (e) => e.replace(/\D/g, ""), g = ({ value: s, defaultValue: g, onValueCh
 				children: $ != null && /* @__PURE__ */ m("p", {
 					id: Q,
 					className: u.error,
-					children: [/* @__PURE__ */ p(i, {
+					children: [/* @__PURE__ */ p(n, {
 						size: "sm",
 						className: u.errorIcon
 					}), /* @__PURE__ */ p("span", { children: $ })]
@@ -157,5 +156,4 @@ var h = (e) => e.replace(/\D/g, ""), g = ({ value: s, defaultValue: g, onValueCh
 		]
 	});
 };
-//#endregion
 export { g as TimePicker, o as formatTime, s as isISOTime, l as parseTimeText };

package/dist/components/forms/TimePicker/TimePicker.module.css.mjs

@@ -1,9 +1,8 @@
-//#region src/components/forms/TimePicker/TimePicker.module.css
+// src/components/forms/TimePicker/TimePicker.module.css
 var e = "_root_100f0_6", t = "_fullWidth_100f0_12", n = "_error_100f0_17", r = "_errorIcon_100f0_30", i = {
 	root: e,
 	fullWidth: t,
 	error: n,
 	errorIcon: r
 };
-//#endregion
 export { i as default, n as error, r as errorIcon, t as fullWidth, e as root };

package/dist/components/forms/TimePicker/timeUtils.cjs.js

@@ -1 +1 @@
-var e=e=>String(e).padStart(2,`0`);function t(e){if(!e)return null;let t=/^(\d{2}):(\d{2})(?::\d{2}(?:\.\d+)?)?$/.exec(e.trim());if(!t)return null;let n=Number(t[1]),r=Number(t[2]);return n>23||r>59?null:n*60+r}function n(e){return t(e)!==null}function r(t){let n=(Math.round(t)%1440+1440)%1440;return`${e(Math.floor(n/60))}:${e(n%60)}`}function i(e){try{let t=new Intl.DateTimeFormat(e,{hour:`numeric`}).resolvedOptions().hourCycle;return t===`h11`||t===`h12`?12:24}catch{return 24}}var a=new Map;function o(e,t){let n=`${e??``}|${t}`,r=a.get(n);return r||(r=new Intl.DateTimeFormat(e,{hour:`numeric`,minute:`2-digit`,hourCycle:t===12?`h12`:`h23`,timeZone:`UTC`}),a.set(n,r)),r}function s(e,n,r=i(n)){let a=t(e);if(a===null)return e;let s=new Date(Date.UTC(2e3,0,1,Math.floor(a/60),a%60));return o(n,r).format(s)}var c=[1632,1776,2406,2534,3664];function l(e){let t=``;for(let n of e.normalize(`NFKC`)){let e=n.codePointAt(0),r=c.find(t=>e>=t&&e<=t+9);t+=r===void 0?n:String(e-r)}return t.toLowerCase().replace(/\./g,``).trim()}var u=new Map;function d(e){let t=e??``,n=u.get(t);if(n)return n;let r=t=>{try{return l(new Intl.DateTimeFormat(e,{hour:`numeric`,hourCycle:`h12`,timeZone:`UTC`}).formatToParts(new Date(Date.UTC(2e3,0,1,t))).find(e=>e.type===`dayPeriod`)?.value??``)}catch{return``}},i={am:[r(9),`am`].filter(Boolean),pm:[r(21),`pm`].filter(Boolean)};return u.set(t,i),i}function f(e,t){let n=l(e);if(!n)return null;let i=null,{am:a,pm:o}=d(t),s=[...a.map(e=>({m:e,p:`am`})),...o.map(e=>({m:e,p:`pm`}))].sort((e,t)=>t.m.length-e.m.length);for(let{m:e,p:t}of s)if(e&&n.includes(e)){i=t,n=n.replace(e,` `).trim();break}if(!i){let e=/^(.*\d)\s*([ap])$/.exec(n);e&&(i=e[2]===`a`?`am`:`pm`,n=e[1])}let c,u=0,f=/^(\d{1,2})(?:\s*[:h時时시]\s*(\d{1,2})?\s*(?:[:分분]\s*(?:\d{1,2})?)?)?\s*[分분]?$/.exec(n),p=/^(\d{3,4})$/.exec(n);if(f){if(c=Number(f[1]),f[2]!==void 0){if(f[2].length!==2)return null;u=Number(f[2])}}else if(p){let e=p[1].padStart(4,`0`);c=Number(e.slice(0,2)),u=Number(e.slice(2))}else return null;if(u>59)return null;if(i){if(c<1||c>12)return null;c=c%12+(i===`pm`?12:0)}else if(c>23)return null;return r(c*60+u)}function p(e,n,i){let a=Math.max(1,Math.round(e)),o=t(n)??0,s=t(i)??1439,c=[];for(let e=o;e<=s;e+=a)c.push(r(e));return c}exports.formatTime=s,exports.getLocaleHourCycle=i,exports.isISOTime=n,exports.parseISOTime=t,exports.parseTimeText=f,exports.timeSlots=p,exports.toISOTime=r;
+var e=e=>String(e).padStart(2,`0`);function t(e){if(!e)return null;let t=/^(\d{2}):(\d{2})(?::\d{2}(?:\.\d+)?)?$/.exec(e.trim());if(!t)return null;let n=Number(t[1]),r=Number(t[2]);return n>23||r>59?null:n*60+r}function n(e){return t(e)!==null}function r(t){let n=(Math.round(t)%1440+1440)%1440;return`${e(Math.floor(n/60))}:${e(n%60)}`}var i=new Map;function a(e){let t=e??``,n=i.get(t);if(n===void 0){try{let t=new Intl.DateTimeFormat(e,{hour:`numeric`}).resolvedOptions().hourCycle;n=t===`h11`||t===`h12`?12:24}catch{n=24}i.set(t,n)}return n}var o=new Map;function s(e,t){let n=`${e??``}|${t}`,r=o.get(n);return r||(r=new Intl.DateTimeFormat(e,{hour:`numeric`,minute:`2-digit`,hourCycle:t===12?`h12`:`h23`,timeZone:`UTC`}),o.set(n,r)),r}function c(e,n,r=a(n)){let i=t(e);if(i===null)return e;let o=new Date(Date.UTC(2e3,0,1,Math.floor(i/60),i%60));return s(n,r).format(o)}var l=[1632,1776,2406,2534,3664];function u(e){let t=``;for(let n of e.normalize(`NFKC`)){let e=n.codePointAt(0),r=l.find(t=>e>=t&&e<=t+9);t+=r===void 0?n:String(e-r)}return t.toLowerCase().replace(/\./g,``).trim()}var d=new Map;function f(e){let t=e??``,n=d.get(t);if(n)return n;let r=t=>{try{return u(new Intl.DateTimeFormat(e,{hour:`numeric`,hourCycle:`h12`,timeZone:`UTC`}).formatToParts(new Date(Date.UTC(2e3,0,1,t))).find(e=>e.type===`dayPeriod`)?.value??``)}catch{return``}},i={am:[r(9),`am`].filter(Boolean),pm:[r(21),`pm`].filter(Boolean)};return d.set(t,i),i}function p(e,t){let n=u(e);if(!n)return null;let i=null,{am:a,pm:o}=f(t),s=[...a.map(e=>({m:e,p:`am`})),...o.map(e=>({m:e,p:`pm`}))].sort((e,t)=>t.m.length-e.m.length);for(let{m:e,p:t}of s)if(e&&n.includes(e)){i=t,n=n.replace(e,` `).trim();break}if(!i){let e=/^(.*\d)\s*([ap])$/.exec(n);e&&(i=e[2]===`a`?`am`:`pm`,n=e[1])}let c,l=0,d=/^(\d{1,2})(?:\s*[:h時时시]\s*(\d{1,2})?\s*(?:[:分분]\s*(?:\d{1,2})?)?)?\s*[分분]?$/.exec(n),p=/^(\d{3,4})$/.exec(n);if(d){if(c=Number(d[1]),d[2]!==void 0){if(d[2].length!==2)return null;l=Number(d[2])}}else if(p){let e=p[1].padStart(4,`0`);c=Number(e.slice(0,2)),l=Number(e.slice(2))}else return null;if(l>59)return null;if(i){if(c<1||c>12)return null;c=c%12+(i===`pm`?12:0)}else if(c>23)return null;return r(c*60+l)}function m(e,n,i){let a=Math.max(1,Math.round(e)),o=t(n)??0,s=t(i)??1439,c=[];for(let e=o;e<=s;e+=a)c.push(r(e));return c}exports.formatTime=c,exports.getLocaleHourCycle=a,exports.isISOTime=n,exports.parseISOTime=t,exports.parseTimeText=p,exports.timeSlots=m,exports.toISOTime=r;

package/dist/components/forms/TimePicker/timeUtils.d.ts

@@ -8,7 +8,10 @@ export declare function parseISOTime(value: string | null | undefined): number |
 export declare function isISOTime(value: string | null | undefined): value is ISOTime;
 /** "HH:mm" for minutes since midnight (wraps around a day). */
 export declare function toISOTime(minutes: number): ISOTime;
-/** The locale's usual clock: 12-hour ("2:30 PM") or 24-hour ("14:30"). */
+/**
+ * The locale's usual clock: 12-hour ("2:30 PM") or 24-hour ("14:30").
+ * Cached per locale: `formatTime` asks for every time it formats.
+ */
 export declare function getLocaleHourCycle(locale?: string): HourCycle;
 /** Formats "HH:mm" for display in the locale ("2:30 PM", "14:30", "오후 2:30"). */
 export declare function formatTime(value: ISOTime, locale?: string, hourCycle?: HourCycle): string;

package/dist/components/forms/TimePicker/timeUtils.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/TimePicker/timeUtils.ts
+// src/components/forms/TimePicker/timeUtils.ts
 var e = (e) => String(e).padStart(2, "0");
 function t(e) {
 	if (!e) return null;
@@ -14,52 +14,58 @@ function r(t) {
 	let n = (Math.round(t) % 1440 + 1440) % 1440;
 	return `${e(Math.floor(n / 60))}:${e(n % 60)}`;
 }
-function i(e) {
-	try {
-		let t = new Intl.DateTimeFormat(e, { hour: "numeric" }).resolvedOptions().hourCycle;
-		return t === "h11" || t === "h12" ? 12 : 24;
-	} catch {
-		return 24;
+var i = /* @__PURE__ */ new Map();
+function a(e) {
+	let t = e ?? "", n = i.get(t);
+	if (n === void 0) {
+		try {
+			let t = new Intl.DateTimeFormat(e, { hour: "numeric" }).resolvedOptions().hourCycle;
+			n = t === "h11" || t === "h12" ? 12 : 24;
+		} catch {
+			n = 24;
+		}
+		i.set(t, n);
 	}
+	return n;
 }
-var a = /* @__PURE__ */ new Map();
-function o(e, t) {
-	let n = `${e ?? ""}|${t}`, r = a.get(n);
+var o = /* @__PURE__ */ new Map();
+function s(e, t) {
+	let n = `${e ?? ""}|${t}`, r = o.get(n);
 	return r || (r = new Intl.DateTimeFormat(e, {
 		hour: "numeric",
 		minute: "2-digit",
 		hourCycle: t === 12 ? "h12" : "h23",
 		timeZone: "UTC"
-	}), a.set(n, r)), r;
+	}), o.set(n, r)), r;
 }
-function s(e, n, r = i(n)) {
-	let a = t(e);
-	if (a === null) return e;
-	let s = new Date(Date.UTC(2e3, 0, 1, Math.floor(a / 60), a % 60));
-	return o(n, r).format(s);
+function c(e, n, r = a(n)) {
+	let i = t(e);
+	if (i === null) return e;
+	let o = new Date(Date.UTC(2e3, 0, 1, Math.floor(i / 60), i % 60));
+	return s(n, r).format(o);
 }
-var c = [
+var l = [
 	1632,
 	1776,
 	2406,
 	2534,
 	3664
 ];
-function l(e) {
+function u(e) {
 	let t = "";
 	for (let n of e.normalize("NFKC")) {
-		let e = n.codePointAt(0), r = c.find((t) => e >= t && e <= t + 9);
+		let e = n.codePointAt(0), r = l.find((t) => e >= t && e <= t + 9);
 		t += r === void 0 ? n : String(e - r);
 	}
 	return t.toLowerCase().replace(/\./g, "").trim();
 }
-var u = /* @__PURE__ */ new Map();
-function d(e) {
-	let t = e ?? "", n = u.get(t);
+var d = /* @__PURE__ */ new Map();
+function f(e) {
+	let t = e ?? "", n = d.get(t);
 	if (n) return n;
 	let r = (t) => {
 		try {
-			return l(new Intl.DateTimeFormat(e, {
+			return u(new Intl.DateTimeFormat(e, {
 				hour: "numeric",
 				hourCycle: "h12",
 				timeZone: "UTC"
@@ -71,12 +77,12 @@ function d(e) {
 		am: [r(9), "am"].filter(Boolean),
 		pm: [r(21), "pm"].filter(Boolean)
 	};
-	return u.set(t, i), i;
+	return d.set(t, i), i;
 }
-function f(e, t) {
-	let n = l(e);
+function p(e, t) {
+	let n = u(e);
 	if (!n) return null;
-	let i = null, { am: a, pm: o } = d(t), s = [...a.map((e) => ({
+	let i = null, { am: a, pm: o } = f(t), s = [...a.map((e) => ({
 		m: e,
 		p: "am"
 	})), ...o.map((e) => ({
@@ -91,27 +97,26 @@ function f(e, t) {
 		let e = /^(.*\d)\s*([ap])$/.exec(n);
 		e && (i = e[2] === "a" ? "am" : "pm", n = e[1]);
 	}
-	let c, u = 0, f = /^(\d{1,2})(?:\s*[:h時时시]\s*(\d{1,2})?\s*(?:[:分분]\s*(?:\d{1,2})?)?)?\s*[分분]?$/.exec(n), p = /^(\d{3,4})$/.exec(n);
-	if (f) {
-		if (c = Number(f[1]), f[2] !== void 0) {
-			if (f[2].length !== 2) return null;
-			u = Number(f[2]);
+	let c, l = 0, d = /^(\d{1,2})(?:\s*[:h時时시]\s*(\d{1,2})?\s*(?:[:分분]\s*(?:\d{1,2})?)?)?\s*[分분]?$/.exec(n), p = /^(\d{3,4})$/.exec(n);
+	if (d) {
+		if (c = Number(d[1]), d[2] !== void 0) {
+			if (d[2].length !== 2) return null;
+			l = Number(d[2]);
 		}
 	} else if (p) {
 		let e = p[1].padStart(4, "0");
-		c = Number(e.slice(0, 2)), u = Number(e.slice(2));
+		c = Number(e.slice(0, 2)), l = Number(e.slice(2));
 	} else return null;
-	if (u > 59) return null;
+	if (l > 59) return null;
 	if (i) {
 		if (c < 1 || c > 12) return null;
 		c = c % 12 + (i === "pm" ? 12 : 0);
 	} else if (c > 23) return null;
-	return r(c * 60 + u);
+	return r(c * 60 + l);
 }
-function p(e, n, i) {
+function m(e, n, i) {
 	let a = Math.max(1, Math.round(e)), o = t(n) ?? 0, s = t(i) ?? 1439, c = [];
 	for (let e = o; e <= s; e += a) c.push(r(e));
 	return c;
 }
-//#endregion
-export { s as formatTime, i as getLocaleHourCycle, n as isISOTime, t as parseISOTime, f as parseTimeText, p as timeSlots, r as toISOTime };
+export { c as formatTime, a as getLocaleHourCycle, n as isISOTime, t as parseISOTime, p as parseTimeText, m as timeSlots, r as toISOTime };

package/dist/components/forms/ToggleGroup/ToggleGroup.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Icon/Icon.cjs.js"),i=require("./ToggleGroup.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},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={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=(0,a.createContext)(null),p=`data-toggle-group-item`,m=`data-toggle-group`,h=({pressed:e,onToggle:t,variant:d,tone:p,size:m,radius:h,disabled:g,checkmark:_,fullWidth:v,startIcon:y,endIcon:b,icon:x,children:S,className:C,onClick:w,...T})=>{let E=(0,a.useContext)(f),D=d??E?.variant??`solid`,O=p??E?.tone??`primary`,k=m??E?.size??`md`,A=h??E?.radius,j=!!(g||E?.disabled),M=S==null&&x!=null,N=!M&&(v??E?.fullWidth??!1),P=e&&!M&&(_??E?.checkmark??!1),F=typeof S==`string`||typeof S==`number`?String(S):void 0,I=e=>{w?.(e),!(e.defaultPrevented||j)&&t()};return(0,o.jsx)(`button`,{...T,type:`button`,"aria-pressed":e,disabled:j,"data-state":e?`on`:`off`,className:n.cx(i.default.root,s[D],c[O],l[k],A?u[A]:i.default.radiusDefault,e&&i.default.pressed,M&&i.default.iconOnly,N&&i.default.fullWidth,!j&&i.default.interactive,j&&i.default.disabled,C),onClick:I,children:(0,o.jsxs)(`span`,{className:i.default.content,children:[P&&(0,o.jsx)(`span`,{className:n.cx(i.default.icon,i.default.check),"aria-hidden":`true`,children:(0,o.jsx)(r.Icon,{name:`check`,strokeWidth:3})}),M?(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:x}):(0,o.jsxs)(o.Fragment,{children:[y!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:y}),S!=null&&(0,o.jsx)(`span`,{className:i.default.label,"data-text":F,children:S}),b!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:b})]})]})})},g=({pressed:t,defaultPressed:n=!1,onPressedChange:r,...i})=>{let[a,s]=e.useControllableState({value:t,defaultValue:n,onChange:r});return(0,o.jsx)(h,{...i,pressed:a,onToggle:()=>s(e=>!e)})},_=({value:e,onFocus:t,tabIndex:n,...r})=>{let i=(0,a.useContext)(f);if(!i)throw Error(`ToggleGroup.Item must be rendered inside a ToggleGroup.`);let s=n=>{t?.(n),i.setTabStop(e)};return(0,o.jsx)(h,{...r,[p]:e,pressed:i.isPressed(e),onToggle:()=>i.toggle(e),onFocus:s,tabIndex:i.rovingFocus?i.tabStop===e?0:-1:n})};function v(e){return Array.from(e.querySelectorAll(`[${p}]`)).filter(t=>!t.disabled&&t.closest(`[${m}]`)===e)}var y=Object.assign(({type:r,value:s,defaultValue:c,onValueChange:l,required:u=!1,attached:h=!1,orientation:g=`horizontal`,gap:_=2,rovingFocus:y=!0,role:b=`group`,size:x,variant:S,tone:C,radius:w,disabled:T,checkmark:E,fullWidth:D,className:O,children:k,onKeyDown:A,ref:j,...M})=>{let N=r===`multiple`,[P,F]=e.useControllableState({value:s,defaultValue:c??(N?[]:null),onChange:l}),I=(0,a.useRef)(null),L=(0,a.useCallback)(e=>{I.current=e,t.assignRef(j,e)},[j]),[R,z]=(0,a.useState)(null),B=(0,a.useMemo)(()=>Array.isArray(P)?P:typeof P==`string`?[P]:[],[P]),V=(0,a.useCallback)(e=>B.includes(e),[B]),H=(0,a.useCallback)(e=>{F(t=>{if(N){let n=Array.isArray(t)?t:[];return n.includes(e)?u&&n.length===1?t:n.filter(t=>t!==e):[...n,e]}return t===e?u?t:null:e})},[N,u,F]);(0,a.useLayoutEffect)(()=>{let e=I.current;if(!y||!e)return;let t=v(e).map(e=>e.getAttribute(p)??``);if(R!==null&&t.includes(R))return;let n=t.find(e=>B.includes(e))??t[0]??null;n!==R&&z(n)});let U=e=>{A?.(e);let t=I.current;if(e.defaultPrevented||!y||!t||e.altKey||e.ctrlKey||e.metaKey)return;let n=v(t),r=n.indexOf(e.target);if(r===-1)return;let i=g===`vertical`,a=getComputedStyle(t).direction===`rtl`,o=i?`ArrowDown`:a?`ArrowLeft`:`ArrowRight`,s=i?`ArrowUp`:a?`ArrowRight`:`ArrowLeft`,c=n.length,l=null;e.key===o?l=(r+1)%c:e.key===s?l=(r-1+c)%c:e.key===`Home`?l=0:e.key===`End`&&(l=c-1),l!==null&&(e.preventDefault(),n[l].focus())},W=(0,a.useMemo)(()=>({size:x,variant:S,tone:C,radius:w,disabled:T,checkmark:E,fullWidth:D,isPressed:V,toggle:H,rovingFocus:y,tabStop:R,setTabStop:z}),[x,S,C,w,T,E,D,V,H,y,R]),G=g===`vertical`;return(0,o.jsx)(`div`,{...M,[m]:``,ref:L,role:b,"aria-orientation":b===`toolbar`?g:void 0,"aria-disabled":T?!0:void 0,"data-orientation":g,className:n.cx(i.default.group,G&&i.default.groupVertical,h?G?i.default.attachedVertical:i.default.attachedHorizontal:d[_],h&&i.default.attached,D&&i.default.groupFullWidth,O),onKeyDown:U,children:(0,o.jsx)(f.Provider,{value:W,children:k})})},{Item:_});exports.ToggleButton=g,exports.ToggleGroup=y,exports.ToggleGroupItem=_;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../primitives/Icon/Icon.cjs.js"),i=require("./ToggleGroup.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},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={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=(0,a.createContext)(null),p=`data-toggle-group-item`,m=`data-toggle-group`,h=({pressed:e,onToggle:n,variant:d,tone:p,size:m,radius:h,disabled:g,checkmark:_,fullWidth:v,startIcon:y,endIcon:b,icon:x,children:S,className:C,onClick:w,...T})=>{let E=(0,a.useContext)(f),D=d??E?.variant??`solid`,O=p??E?.tone??`primary`,k=m??E?.size??`md`,A=h??E?.radius,j=!!(g||E?.disabled),M=S==null&&x!=null,N=!M&&(v??E?.fullWidth??!1),P=e&&!M&&(_??E?.checkmark??!1),F=typeof S==`string`||typeof S==`number`?String(S):void 0,I=e=>{w?.(e),e.defaultPrevented||j||n()};return(0,o.jsx)(`button`,{...T,type:`button`,"aria-pressed":e,disabled:j,"data-state":e?`on`:`off`,className:t.cx(i.default.root,s[D],c[O],l[k],A?u[A]:i.default.radiusDefault,e&&i.default.pressed,M&&i.default.iconOnly,N&&i.default.fullWidth,!j&&i.default.interactive,j&&i.default.disabled,C),onClick:I,children:(0,o.jsxs)(`span`,{className:i.default.content,children:[P&&(0,o.jsx)(`span`,{className:t.cx(i.default.icon,i.default.check),"aria-hidden":`true`,children:(0,o.jsx)(r.Icon,{name:`check`,strokeWidth:3})}),M?(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:x}):(0,o.jsxs)(o.Fragment,{children:[y!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:y}),S!=null&&(0,o.jsx)(`span`,{className:i.default.label,"data-text":F,children:S}),b!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:b})]})]})})},g=({pressed:t,defaultPressed:n=!1,onPressedChange:r,...i})=>{let[a,s]=e.useControllableState({value:t,defaultValue:n,onChange:r});return(0,o.jsx)(h,{...i,pressed:a,onToggle:()=>s(e=>!e)})},_=({value:e,onFocus:t,tabIndex:n,...r})=>{let i=(0,a.useContext)(f);if(!i)throw Error(`ToggleGroup.Item must be rendered inside a ToggleGroup.`);let s=n=>{t?.(n),i.setTabStop(e)};return(0,o.jsx)(h,{...r,[p]:e,pressed:i.isPressed(e),onToggle:()=>i.toggle(e),onFocus:s,tabIndex:i.rovingFocus?i.tabStop===e?0:-1:n})};function v(e){return Array.from(e.querySelectorAll(`[${p}]`)).filter(t=>!t.disabled&&t.closest(`[${m}]`)===e)}var y=Object.assign(({type:r,value:s,defaultValue:c,onValueChange:l,required:u=!1,attached:h=!1,orientation:g=`horizontal`,gap:_=2,rovingFocus:y=!0,role:b=`group`,size:x,variant:S,tone:C,radius:w,disabled:T,checkmark:E,fullWidth:D,className:O,children:k,onKeyDown:A,ref:j,...M})=>{let N=r===`multiple`,[P,F]=e.useControllableState({value:s,defaultValue:c??(N?[]:null),onChange:l}),I=(0,a.useRef)(null),L=(0,a.useCallback)(e=>{I.current=e,n.assignRef(j,e)},[j]),[R,z]=(0,a.useState)(null),B=(0,a.useMemo)(()=>Array.isArray(P)?P:typeof P==`string`?[P]:[],[P]),V=(0,a.useCallback)(e=>B.includes(e),[B]),H=(0,a.useCallback)(e=>{F(t=>{if(N){let n=Array.isArray(t)?t:[];return n.includes(e)?u&&n.length===1?t:n.filter(t=>t!==e):[...n,e]}return t===e?u?t:null:e})},[N,u,F]);(0,a.useLayoutEffect)(()=>{let e=I.current;if(!y||!e)return;let t=v(e).map(e=>e.getAttribute(p)??``);if(R!==null&&t.includes(R))return;let n=t.find(e=>B.includes(e))??t[0]??null;n!==R&&z(n)});let U=e=>{A?.(e);let t=I.current;if(e.defaultPrevented||!y||!t||e.altKey||e.ctrlKey||e.metaKey)return;let n=v(t),r=n.indexOf(e.target);if(r===-1)return;let i=g===`vertical`,a=getComputedStyle(t).direction===`rtl`,o=i?`ArrowDown`:a?`ArrowLeft`:`ArrowRight`,s=i?`ArrowUp`:a?`ArrowRight`:`ArrowLeft`,c=n.length,l=null;e.key===o?l=(r+1)%c:e.key===s?l=(r-1+c)%c:e.key===`Home`?l=0:e.key===`End`&&(l=c-1),l!==null&&(e.preventDefault(),n[l].focus())},W=(0,a.useMemo)(()=>({size:x,variant:S,tone:C,radius:w,disabled:T,checkmark:E,fullWidth:D,isPressed:V,toggle:H,rovingFocus:y,tabStop:R,setTabStop:z}),[x,S,C,w,T,E,D,V,H,y,R]),G=g===`vertical`;return(0,o.jsx)(`div`,{...M,[m]:``,ref:L,role:b,"aria-orientation":b===`toolbar`?g:void 0,"aria-disabled":T?!0:void 0,"data-orientation":g,className:t.cx(i.default.group,G&&i.default.groupVertical,h?G?i.default.attachedVertical:i.default.attachedHorizontal:d[_],h&&i.default.attached,D&&i.default.groupFullWidth,O),onKeyDown:U,children:(0,o.jsx)(f.Provider,{value:W,children:k})})},{Item:_});exports.ToggleButton=g,exports.ToggleGroup=y,exports.ToggleGroupItem=_;

package/dist/components/forms/ToggleGroup/ToggleGroup.mjs

@@ -1,11 +1,12 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { assignRef as t } from "../../../utils/refs.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { assignRef as n } from "../../../utils/refs.mjs";
 import { Icon as r } from "../../primitives/Icon/Icon.mjs";
 import i from "./ToggleGroup.module.css.mjs";
 import { createContext as a, useCallback as o, useContext as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/forms/ToggleGroup/ToggleGroup.tsx
+// src/components/forms/ToggleGroup/ToggleGroup.tsx
 var h = {
 	solid: i.solid,
 	soft: i.soft,
@@ -46,9 +47,9 @@ var h = {
 	16: i.gap16,
 	20: i.gap20,
 	24: i.gap24
-}, b = a(null), x = "data-toggle-group-item", S = "data-toggle-group", C = ({ pressed: e, onToggle: t, variant: a, tone: o, size: c, radius: l, disabled: u, checkmark: d, fullWidth: y, startIcon: x, endIcon: S, icon: C, children: w, className: T, onClick: E, ...D }) => {
+}, b = a(null), x = "data-toggle-group-item", S = "data-toggle-group", C = ({ pressed: e, onToggle: n, variant: a, tone: o, size: c, radius: l, disabled: u, checkmark: d, fullWidth: y, startIcon: x, endIcon: S, icon: C, children: w, className: T, onClick: E, ...D }) => {
 	let O = s(b), k = a ?? O?.variant ?? "solid", A = o ?? O?.tone ?? "primary", j = c ?? O?.size ?? "md", M = l ?? O?.radius, N = !!(u || O?.disabled), P = w == null && C != null, F = !P && (y ?? O?.fullWidth ?? !1), I = e && !P && (d ?? O?.checkmark ?? !1), L = typeof w == "string" || typeof w == "number" ? String(w) : void 0, R = (e) => {
-		E?.(e), !(e.defaultPrevented || N) && t();
+		E?.(e), e.defaultPrevented || N || n();
 	};
 	return /* @__PURE__ */ p("button", {
 		...D,
@@ -56,12 +57,12 @@ var h = {
 		"aria-pressed": e,
 		disabled: N,
 		"data-state": e ? "on" : "off",
-		className: n(i.root, h[k], g[A], _[j], M ? v[M] : i.radiusDefault, e && i.pressed, P && i.iconOnly, F && i.fullWidth, !N && i.interactive, N && i.disabled, T),
+		className: t(i.root, h[k], g[A], _[j], M ? v[M] : i.radiusDefault, e && i.pressed, P && i.iconOnly, F && i.fullWidth, !N && i.interactive, N && i.disabled, T),
 		onClick: R,
 		children: /* @__PURE__ */ m("span", {
 			className: i.content,
 			children: [I && /* @__PURE__ */ p("span", {
-				className: n(i.icon, i.check),
+				className: t(i.icon, i.check),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ p(r, {
 					name: "check",
@@ -125,7 +126,7 @@ var D = Object.assign(({ type: r, value: a, defaultValue: s, onValueChange: f, r
 		defaultValue: s ?? (L ? [] : null),
 		onChange: f
 	}), B = u(null), V = o((e) => {
-		B.current = e, t(F, e);
+		B.current = e, n(F, e);
 	}, [F]), [H, U] = d(null), W = l(() => Array.isArray(R) ? R : typeof R == "string" ? [R] : [], [R]), G = o((e) => W.includes(e), [W]), K = o((e) => {
 		z((t) => {
 			if (L) {
@@ -189,7 +190,7 @@ var D = Object.assign(({ type: r, value: a, defaultValue: s, onValueChange: f, r
 		"aria-orientation": C === "toolbar" ? g : void 0,
 		"aria-disabled": k ? !0 : void 0,
 		"data-orientation": g,
-		className: n(i.group, Y && i.groupVertical, h ? Y ? i.attachedVertical : i.attachedHorizontal : y[_], h && i.attached, j && i.groupFullWidth, M),
+		className: t(i.group, Y && i.groupVertical, h ? Y ? i.attachedVertical : i.attachedHorizontal : y[_], h && i.attached, j && i.groupFullWidth, M),
 		onKeyDown: q,
 		children: /* @__PURE__ */ p(b.Provider, {
 			value: J,
@@ -197,5 +198,4 @@ var D = Object.assign(({ type: r, value: a, defaultValue: s, onValueChange: f, r
 		})
 	});
 }, { Item: T });
-//#endregion
 export { w as ToggleButton, D as ToggleGroup, T as ToggleGroupItem };

package/dist/components/forms/ToggleGroup/ToggleGroup.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/ToggleGroup/ToggleGroup.module.css
+// src/components/forms/ToggleGroup/ToggleGroup.module.css
 var e = "_root_1x950_51", t = "_interactive_1x950_145", n = "_content_1x950_153", r = "_label_1x950_175", i = "_icon_1x950_211", a = "_check_1x950_237", o = "_pop_1x950_1", s = "_sm_1x950_269", c = "_md_1x950_285", l = "_lg_1x950_301", u = "_radiusDefault_1x950_319", d = "_radiusNone_1x950_325", f = "_radiusXs_1x950_331", p = "_radiusSm_1x950_337", m = "_radiusMd_1x950_343", h = "_radiusLg_1x950_349", g = "_radiusXl_1x950_355", _ = "_radius2xl_1x950_361", v = "_radiusPill_1x950_367", y = "_primary_1x950_383", b = "_neutral_1x950_405", x = "_accent_1x950_427", S = "_success_1x950_449", C = "_warning_1x950_471", w = "_danger_1x950_493", T = "_info_1x950_515", E = "_solid_1x950_539", D = "_outline_1x950_541", O = "_soft_1x950_549", k = "_pressed_1x950_563", A = "_ghost_1x950_557", j = "_iconOnly_1x950_699", M = "_fullWidth_1x950_713", N = "_disabled_1x950_727", P = "_group_1x950_801", F = "_groupVertical_1x950_815", I = "_groupFullWidth_1x950_827", L = "_gap0_1x950_845", R = "_gap1_1x950_851", z = "_gap2_1x950_857", B = "_gap3_1x950_863", V = "_gap4_1x950_869", H = "_gap5_1x950_875", U = "_gap6_1x950_881", W = "_gap8_1x950_887", G = "_gap10_1x950_893", K = "_gap12_1x950_899", q = "_gap16_1x950_905", J = "_gap20_1x950_911", Y = "_gap24_1x950_917", X = "_attached_1x950_927", Z = "_attachedHorizontal_1x950_965", Q = "_attachedVertical_1x950_1007", $ = {
 	root: e,
 	interactive: t,
@@ -54,5 +54,4 @@ var e = "_root_1x950_51", t = "_interactive_1x950_145", n = "_content_1x950_153"
 	attachedHorizontal: Z,
 	attachedVertical: Q
 };
-//#endregion
 export { x as accent, X as attached, Z as attachedHorizontal, Q as attachedVertical, a as check, n as content, w as danger, $ as default, N as disabled, M as fullWidth, L as gap0, R as gap1, G as gap10, K as gap12, q as gap16, z as gap2, J as gap20, Y as gap24, B as gap3, V as gap4, H as gap5, U as gap6, W as gap8, A as ghost, P as group, I as groupFullWidth, F as groupVertical, i as icon, j as iconOnly, T as info, t as interactive, r as label, l as lg, c as md, b as neutral, D as outline, o as pop, k as pressed, y as primary, _ as radius2xl, u as radiusDefault, h as radiusLg, m as radiusMd, d as radiusNone, v as radiusPill, p as radiusSm, g as radiusXl, f as radiusXs, e as root, s as sm, O as soft, E as solid, S as success, C as warning };