wimui 0.54.0 → 0.56.0

package/dist/components/form/SwitchGroup/SwitchGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Switch/Switch.cjs"),i=require("./switch-group.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:void 0,"aria-describedby":D,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Switch/Switch.cjs"),i=require("./switch-group.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;

package/dist/components/form/SwitchGroup/SwitchGroup.js

@@ -24,8 +24,8 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 			ref: w,
 			className: c("wim-switch-group", i.root, m === "horizontal" && i.horizontal),
 			role: "group",
-			"aria-labelledby": _ ? k : void 0,
-			"aria-describedby": A,
+			"aria-labelledby": _ ? k : C["aria-labelledby"],
+			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
 			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				checked: (j || []).includes(e.value),

package/dist/components/form/TagInput/TagInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../../../i18n/generated/form.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../data-display/Tag/Tag.cjs"),o=require("./tag-input.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({value:e,defaultValue:u=[],onChange:d,placeholder:f,disabled:p=!1,intent:m=`default`,variant:h=`outline`,fullWidth:g=!1,width:_,label:v,error:y,required:b,layout:x,allowDelete:S=!0,maxTags:C,className:w,...T},E)=>{let[D,O]=(0,s.useState)(u),[k,A]=(0,s.useState)(``),j=(0,s.useRef)(null),M=e!==void 0,N=M?e:D,P=f,F=e=>{A(e.target.value)},I=e=>{let t=e.trim();if(!t)return;if(N.includes(t)){A(``);return}if(C&&N.length>=C)return;let n=[...N,t];M||O(n),d?.(n),A(``)},L=e=>{if(p||!S)return;let t=N.filter(t=>t!==e);M||O(t),d?.(t)},R=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),I(k)):e.key===`Backspace`&&k===``&&N.length>0&&L(N[N.length-1])},z=()=>{j.current?.focus()},{t:B}=t.useWimTranslation(r.formNs),V=(0,s.useId)(),H=T.id||`wim-tag-input-${V}`,U=y?`${H}-error`:void 0,W=v?`${H}-label`:void 0,G=y?`danger`:m;return(0,l.jsx)(i.FieldTemplate,{ref:E,label:v,error:y,required:b,layout:x,labelId:W,htmlFor:H,errorId:U,className:(0,c.default)(`wim-tag-input`,w),children:(0,l.jsx)(n.InputBase,{intent:G,variant:h,fullWidth:g,width:_,disabled:p,className:o.default.inputBase,styles:{inner:o.default.inputBaseInner},children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.container,{[o.default.disabled]:p}),onClick:z,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&z()},role:`presentation`,children:(0,l.jsxs)(`div`,{className:o.default.tagList,children:[N.map(e=>(0,l.jsx)(a.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:p,onDelete:S&&!p?()=>L(e):void 0,className:o.default.tag,children:e},e)),(0,l.jsx)(`input`,{id:H,ref:j,type:`text`,value:k,onChange:F,onKeyDown:R,disabled:p,placeholder:N.length===0?P:``,className:o.default.input,"aria-invalid":G===`danger`,"aria-describedby":U,"aria-labelledby":v?W:void 0,"aria-label":v?void 0:B(`tag_input.input_label`),"aria-required":b})]})})})})});u.displayName=`TagInput`,exports.TagInput=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../../../i18n/generated/form.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../data-display/Tag/Tag.cjs"),o=require("./tag-input.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({value:e,defaultValue:u=[],onChange:d,placeholder:f,disabled:p=!1,intent:m=`default`,variant:h=`outline`,fullWidth:g=!1,width:_,label:v,error:y,required:b,layout:x,allowDelete:S=!0,maxTags:C,className:w,id:T,"aria-label":E,"aria-labelledby":D,"aria-describedby":O,...k},A)=>{let[j,M]=(0,s.useState)(u),[N,P]=(0,s.useState)(``),F=(0,s.useRef)(null),I=e!==void 0,L=I?e:j,R=f,z=e=>{P(e.target.value)},B=e=>{let t=e.trim();if(!t)return;if(L.includes(t)){P(``);return}if(C&&L.length>=C)return;let n=[...L,t];I||M(n),d?.(n),P(``)},V=e=>{if(p||!S)return;let t=L.filter(t=>t!==e);I||M(t),d?.(t)},H=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),B(N)):e.key===`Backspace`&&N===``&&L.length>0&&V(L[L.length-1])},U=()=>{F.current?.focus()},{t:W}=t.useWimTranslation(r.formNs),G=(0,s.useId)(),K=T||`wim-tag-input-${G}`,q=y?`${K}-error`:void 0,J=v?`${K}-label`:void 0,Y=y?`danger`:m;return(0,l.jsx)(i.FieldTemplate,{...k,ref:A,label:v,error:y,required:b,layout:x,labelId:J,htmlFor:K,errorId:q,className:(0,c.default)(`wim-tag-input`,w),children:(0,l.jsx)(n.InputBase,{intent:Y,variant:h,fullWidth:g,width:_,disabled:p,className:o.default.inputBase,styles:{inner:o.default.inputBaseInner},children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.container,{[o.default.disabled]:p}),onClick:U,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&U()},role:`presentation`,children:(0,l.jsxs)(`div`,{className:o.default.tagList,children:[L.map(e=>(0,l.jsx)(a.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:p,onDelete:S&&!p?()=>V(e):void 0,className:o.default.tag,children:e},e)),(0,l.jsx)(`input`,{id:K,ref:F,type:`text`,value:N,onChange:z,onKeyDown:H,disabled:p,placeholder:L.length===0?R:``,className:o.default.input,"aria-invalid":Y===`danger`,"aria-describedby":[O,q].filter(Boolean).join(` `)||void 0,"aria-labelledby":v?J:D,"aria-label":v||D?void 0:E??W(`tag_input.input_label`),"aria-required":b})]})})})})});u.displayName=`TagInput`,exports.TagInput=u;

package/dist/components/form/TagInput/TagInput.js

@@ -9,40 +9,41 @@ import o, { useId as s, useRef as c, useState as l } from "react";
 import u from "classnames";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/TagInput/TagInput.tsx
-var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder: h, disabled: g = !1, intent: _ = "default", variant: v = "outline", fullWidth: y = !1, width: b, label: x, error: S, required: C, layout: w, allowDelete: T = !0, maxTags: E, className: D, ...O }, k) => {
-	let [A, j] = l(p), [M, N] = l(""), P = c(null), F = o !== void 0, I = F ? o : A, L = h, R = (e) => {
-		N(e.target.value);
-	}, z = (e) => {
+var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder: h, disabled: g = !1, intent: _ = "default", variant: v = "outline", fullWidth: y = !1, width: b, label: x, error: S, required: C, layout: w, allowDelete: T = !0, maxTags: E, className: D, id: O, "aria-label": k, "aria-labelledby": A, "aria-describedby": j, ...M }, N) => {
+	let [P, F] = l(p), [I, L] = l(""), R = c(null), z = o !== void 0, B = z ? o : P, V = h, H = (e) => {
+		L(e.target.value);
+	}, U = (e) => {
 		let t = e.trim();
 		if (!t) return;
-		if (I.includes(t)) {
-			N("");
+		if (B.includes(t)) {
+			L("");
 			return;
 		}
-		if (E && I.length >= E) return;
-		let n = [...I, t];
-		F || j(n), m?.(n), N("");
-	}, B = (e) => {
+		if (E && B.length >= E) return;
+		let n = [...B, t];
+		z || F(n), m?.(n), L("");
+	}, W = (e) => {
 		if (g || !T) return;
-		let t = I.filter((t) => t !== e);
-		F || j(t), m?.(t);
-	}, V = (e) => {
-		e.key === "Enter" || e.key === "," ? (e.preventDefault(), z(M)) : e.key === "Backspace" && M === "" && I.length > 0 && B(I[I.length - 1]);
-	}, H = () => {
-		P.current?.focus();
-	}, { t: U } = e(n), W = s(), G = O.id || `wim-tag-input-${W}`, K = S ? `${G}-error` : void 0, q = x ? `${G}-label` : void 0, J = S ? "danger" : _;
+		let t = B.filter((t) => t !== e);
+		z || F(t), m?.(t);
+	}, G = (e) => {
+		e.key === "Enter" || e.key === "," ? (e.preventDefault(), U(I)) : e.key === "Backspace" && I === "" && B.length > 0 && W(B[B.length - 1]);
+	}, K = () => {
+		R.current?.focus();
+	}, { t: q } = e(n), J = s(), Y = O || `wim-tag-input-${J}`, X = S ? `${Y}-error` : void 0, Z = x ? `${Y}-label` : void 0, Q = S ? "danger" : _;
 	return /* @__PURE__ */ d(r, {
-		ref: k,
+		...M,
+		ref: N,
 		label: x,
 		error: S,
 		required: C,
 		layout: w,
-		labelId: q,
-		htmlFor: G,
-		errorId: K,
+		labelId: Z,
+		htmlFor: Y,
+		errorId: X,
 		className: u("wim-tag-input", D),
 		children: /* @__PURE__ */ d(t, {
-			intent: J,
+			intent: Q,
 			variant: v,
 			fullWidth: y,
 			width: b,
@@ -51,35 +52,35 @@ var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder
 			styles: { inner: a.inputBaseInner },
 			children: /* @__PURE__ */ d("div", {
 				className: u(a.container, { [a.disabled]: g }),
-				onClick: H,
+				onClick: K,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && H();
+					(e.key === "Enter" || e.key === " ") && K();
 				},
 				role: "presentation",
 				children: /* @__PURE__ */ f("div", {
 					className: a.tagList,
-					children: [I.map((e) => /* @__PURE__ */ d(i, {
+					children: [B.map((e) => /* @__PURE__ */ d(i, {
 						variant: "solid",
 						intent: "neutral",
 						size: "sm",
 						disabled: g,
-						onDelete: T && !g ? () => B(e) : void 0,
+						onDelete: T && !g ? () => W(e) : void 0,
 						className: a.tag,
 						children: e
 					}, e)), /* @__PURE__ */ d("input", {
-						id: G,
-						ref: P,
+						id: Y,
+						ref: R,
 						type: "text",
-						value: M,
-						onChange: R,
-						onKeyDown: V,
+						value: I,
+						onChange: H,
+						onKeyDown: G,
 						disabled: g,
-						placeholder: I.length === 0 ? L : "",
+						placeholder: B.length === 0 ? V : "",
 						className: a.input,
-						"aria-invalid": J === "danger",
-						"aria-describedby": K,
-						"aria-labelledby": x ? q : void 0,
-						"aria-label": x ? void 0 : U("tag_input.input_label"),
+						"aria-invalid": Q === "danger",
+						"aria-describedby": [j, X].filter(Boolean).join(" ") || void 0,
+						"aria-labelledby": x ? Z : A,
+						"aria-label": x || A ? void 0 : k ?? q("tag_input.input_label"),
 						"aria-required": C
 					})]
 				})

package/dist/components/form/ToggleGroup/ToggleGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,disabled:y=!1,label:b,error:x,required:S,layout:C=`vertical`,id:w,asChild:T=!1,children:E},D)=>{let O=s.default.useId(),k=w||`wim-toggle-group-${O}`,A=`${k}-label`,j=`${k}-error`,M=u!==void 0,[N,P]=(0,s.useState)(d??(p===`multiple`?[]:``)),F=M?u:N,{containerRef:I,sliderStyle:L,isReady:R}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),z=(0,s.useRef)([]),B=e.findIndex(e=>!e.disabled),[V,H]=(0,s.useState)(()=>{if(p===`single`){let t=M?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return B>=0?B:0});(0,s.useEffect)(()=>{if(p===`single`&&M&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&H(t)}},[u,p,M,e]);let U=e=>{let t;if(p===`multiple`){let n=Array.isArray(F)?F:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=F===e?``:e;M||P(t),f?.(t)},W=e=>p===`multiple`?(Array.isArray(F)?F:[]).includes(e):F===e,G=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},K=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=G(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=G(t,-1);else if(n.key===`Home`)n.preventDefault(),r=B>=0?B:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(H(r),z.current[r]?.focus(),p===`single`&&U(e[r].value))},q=p===`single`?`radiogroup`:`toolbar`,J=`${k}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:b,error:x,required:S,layout:C,labelId:A,htmlFor:J,errorId:j,className:g,children:(0,l.jsxs)(T?t.Root:`div`,{ref:n.useMergedRef(I,D),id:k,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,R&&o.default.ready,x&&o.default.danger),role:q,"aria-label":_,"aria-labelledby":b?A:v,"aria-orientation":`horizontal`,"aria-invalid":x?!0:void 0,"aria-describedby":x?j:void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],R&&o.default.ready),style:L,"aria-hidden":`true`}),e.map((e,t)=>{let n=`${k}-item-${t}`;return(0,l.jsxs)(`button`,{id:n,ref:e=>{z.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],W(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{H(t),U(e.value)},onKeyDown:e=>K(t,e),disabled:y||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?W(e.value):void 0,"aria-pressed":p===`multiple`?W(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===V?0:-1,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:E})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,disabled:b=!1,label:x,error:S,required:C,layout:w=`vertical`,id:T,asChild:E=!1,children:D},O)=>{let k=s.default.useId(),A=T||`wim-toggle-group-${k}`,j=`${A}-label`,M=`${A}-error`,N=u!==void 0,[P,F]=(0,s.useState)(d??(p===`multiple`?[]:``)),I=N?u:P,{containerRef:L,sliderStyle:R,isReady:z}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),B=(0,s.useRef)([]),V=e.findIndex(e=>!e.disabled),[H,U]=(0,s.useState)(()=>{if(p===`single`){let t=N?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return V>=0?V:0});(0,s.useEffect)(()=>{if(p===`single`&&N&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&U(t)}},[u,p,N,e]);let W=e=>{let t;if(p===`multiple`){let n=Array.isArray(I)?I:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=I===e?``:e;N||F(t),f?.(t)},G=e=>p===`multiple`?(Array.isArray(I)?I:[]).includes(e):I===e,K=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},q=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=K(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=K(t,-1);else if(n.key===`Home`)n.preventDefault(),r=V>=0?V:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(U(r),B.current[r]?.focus(),p===`single`&&W(e[r].value))},J=p===`single`?`radiogroup`:`toolbar`,Y=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:x,error:S,required:C,layout:w,labelId:j,htmlFor:Y,errorId:M,className:g,children:(0,l.jsxs)(E?t.Root:`div`,{ref:n.useMergedRef(L,O),id:A,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,z&&o.default.ready,S&&o.default.danger),role:J,"aria-label":_,"aria-labelledby":x?j:v,"aria-orientation":`horizontal`,"aria-invalid":S?!0:void 0,"aria-describedby":[y,S?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],z&&o.default.ready),style:R,"aria-hidden":`true`}),e.map((e,t)=>{let n=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:n,ref:e=>{B.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],G(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{U(t),W(e.value)},onKeyDown:e=>q(t,e),disabled:b||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?G(e.value):void 0,"aria-pressed":p===`multiple`?G(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===H?0:-1,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:D})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;

package/dist/components/form/ToggleGroup/ToggleGroup.d.ts

@@ -46,6 +46,8 @@ type ToggleGroupProps = {
     "aria-label"?: string;
     /** ID of the element that labels the group */
     "aria-labelledby"?: string;
+    /** ID of the element that describes the group, such as help text */
+    "aria-describedby"?: string;
 };
 /**
  * ToggleGroup component allows users to select one or multiple options from a set of buttons.

package/dist/components/form/ToggleGroup/ToggleGroup.js

@@ -9,49 +9,49 @@ import s, { forwardRef as c, useEffect as l, useRef as u, useState as d } from "
 import f from "classnames";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/form/ToggleGroup/ToggleGroup.tsx
-var h = c(({ options: c, value: h, defaultValue: g, onChange: _, selectionMode: v = "single", size: y = "md", fullWidth: b = !1, className: x, "aria-label": S, "aria-labelledby": C, disabled: w = !1, label: T, error: E, required: D, layout: O = "vertical", id: k, asChild: A = !1, children: j }, M) => {
-	let N = s.useId(), P = k || `wim-toggle-group-${N}`, F = `${P}-label`, I = `${P}-error`, L = h !== void 0, [R, z] = d(g ?? (v === "multiple" ? [] : "")), B = L ? h : R, { containerRef: V, sliderStyle: H, isReady: U } = a({
+var h = c(({ options: c, value: h, defaultValue: g, onChange: _, selectionMode: v = "single", size: y = "md", fullWidth: b = !1, className: x, "aria-label": S, "aria-labelledby": C, "aria-describedby": w, disabled: T = !1, label: E, error: D, required: O, layout: k = "vertical", id: A, asChild: j = !1, children: M }, N) => {
+	let P = s.useId(), F = A || `wim-toggle-group-${P}`, I = `${F}-label`, L = `${F}-error`, R = h !== void 0, [z, B] = d(g ?? (v === "multiple" ? [] : "")), V = R ? h : z, { containerRef: H, sliderStyle: U, isReady: W } = a({
 		activeSelector: `.${o.active}`,
 		dependence: c.length
-	}), W = u([]), G = c.findIndex((e) => !e.disabled), [K, q] = d(() => {
+	}), G = u([]), K = c.findIndex((e) => !e.disabled), [q, J] = d(() => {
 		if (v === "single") {
-			let e = L ? h : g;
+			let e = R ? h : g;
 			if (typeof e == "string") {
 				let t = c.findIndex((t) => !t.disabled && t.value === e);
 				if (t >= 0) return t;
 			}
 		}
-		return G >= 0 ? G : 0;
+		return K >= 0 ? K : 0;
 	});
 	l(() => {
-		if (v === "single" && L && typeof h == "string") {
+		if (v === "single" && R && typeof h == "string") {
 			let e = c.findIndex((e) => !e.disabled && e.value === h);
-			e >= 0 && q(e);
+			e >= 0 && J(e);
 		}
 	}, [
 		h,
 		v,
-		L,
+		R,
 		c
 	]);
-	let J = (e) => {
+	let Y = (e) => {
 		let t;
 		if (v === "multiple") {
-			let n = Array.isArray(B) ? B : [];
+			let n = Array.isArray(V) ? V : [];
 			t = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
-		} else t = B === e ? "" : e;
-		L || z(t), _?.(t);
-	}, Y = (e) => v === "multiple" ? (Array.isArray(B) ? B : []).includes(e) : B === e, X = (e, t) => {
+		} else t = V === e ? "" : e;
+		R || B(t), _?.(t);
+	}, X = (e) => v === "multiple" ? (Array.isArray(V) ? V : []).includes(e) : V === e, Z = (e, t) => {
 		for (let n = 1; n <= c.length; n++) {
 			let r = (e + t * n + c.length) % c.length;
 			if (!c[r].disabled) return r;
 		}
 		return e;
-	}, Z = (e, t) => {
+	}, Q = (e, t) => {
 		let n = null;
-		if (t.key === "ArrowRight" || t.key === "ArrowDown") t.preventDefault(), n = X(e, 1);
-		else if (t.key === "ArrowLeft" || t.key === "ArrowUp") t.preventDefault(), n = X(e, -1);
-		else if (t.key === "Home") t.preventDefault(), n = G >= 0 ? G : null;
+		if (t.key === "ArrowRight" || t.key === "ArrowDown") t.preventDefault(), n = Z(e, 1);
+		else if (t.key === "ArrowLeft" || t.key === "ArrowUp") t.preventDefault(), n = Z(e, -1);
+		else if (t.key === "Home") t.preventDefault(), n = K >= 0 ? K : null;
 		else if (t.key === "End") {
 			t.preventDefault();
 			for (let e = c.length - 1; e >= 0; e--) if (!c[e].disabled) {
@@ -59,52 +59,52 @@ var h = c(({ options: c, value: h, defaultValue: g, onChange: _, selectionMode:
 				break;
 			}
 		}
-		n !== null && n !== e && (q(n), W.current[n]?.focus(), v === "single" && J(c[n].value));
-	}, Q = v === "single" ? "radiogroup" : "toolbar", $ = `${P}-item-0`;
+		n !== null && n !== e && (J(n), G.current[n]?.focus(), v === "single" && Y(c[n].value));
+	}, $ = v === "single" ? "radiogroup" : "toolbar", ee = `${F}-item-0`;
 	return /* @__PURE__ */ p(i, {
-		label: T,
-		error: E,
-		required: D,
-		layout: O,
-		labelId: F,
-		htmlFor: $,
-		errorId: I,
+		label: E,
+		error: D,
+		required: O,
+		layout: k,
+		labelId: I,
+		htmlFor: ee,
+		errorId: L,
 		className: x,
-		children: /* @__PURE__ */ m(A ? e : "div", {
-			ref: n(V, M),
-			id: P,
-			className: f("wim-toggle-group", o.root, o[y], o[v], b && o.fullWidth, U && o.ready, E && o.danger),
-			role: Q,
+		children: /* @__PURE__ */ m(j ? e : "div", {
+			ref: n(H, N),
+			id: F,
+			className: f("wim-toggle-group", o.root, o[y], o[v], b && o.fullWidth, W && o.ready, D && o.danger),
+			role: $,
 			"aria-label": S,
-			"aria-labelledby": T ? F : C,
+			"aria-labelledby": E ? I : C,
 			"aria-orientation": "horizontal",
-			"aria-invalid": E ? !0 : void 0,
-			"aria-describedby": E ? I : void 0,
+			"aria-invalid": D ? !0 : void 0,
+			"aria-describedby": [w, D ? L : void 0].filter(Boolean).join(" ") || void 0,
 			children: [
 				/* @__PURE__ */ p("div", {
-					className: f(o.slider, o[v], U && o.ready),
-					style: H,
+					className: f(o.slider, o[v], W && o.ready),
+					style: U,
 					"aria-hidden": "true"
 				}),
 				c.map((e, t) => {
-					let n = `${P}-item-${t}`;
+					let n = `${F}-item-${t}`;
 					return /* @__PURE__ */ m("button", {
 						id: n,
 						ref: (e) => {
-							W.current[t] = e;
+							G.current[t] = e;
 						},
 						type: "button",
-						className: f(o.item, o[v], Y(e.value) && o.active, !e.label && e.iconName && o.iconOnly),
+						className: f(o.item, o[v], X(e.value) && o.active, !e.label && e.iconName && o.iconOnly),
 						onClick: () => {
-							q(t), J(e.value);
+							J(t), Y(e.value);
 						},
-						onKeyDown: (e) => Z(t, e),
-						disabled: w || e.disabled,
+						onKeyDown: (e) => Q(t, e),
+						disabled: T || e.disabled,
 						role: v === "single" ? "radio" : "button",
-						"aria-checked": v === "single" ? Y(e.value) : void 0,
-						"aria-pressed": v === "multiple" ? Y(e.value) : void 0,
+						"aria-checked": v === "single" ? X(e.value) : void 0,
+						"aria-pressed": v === "multiple" ? X(e.value) : void 0,
 						"aria-label": e.label || e.value,
-						tabIndex: !e.disabled && t === K ? 0 : -1,
+						tabIndex: !e.disabled && t === q ? 0 : -1,
 						children: [e.iconName && /* @__PURE__ */ p(r, {
 							name: e.iconName,
 							size: y,
@@ -112,7 +112,7 @@ var h = c(({ options: c, value: h, defaultValue: g, onChange: _, selectionMode:
 						}), e.label && /* @__PURE__ */ p("span", { children: e.label })]
 					}, e.value);
 				}),
-				/* @__PURE__ */ p(t, { children: j })
+				/* @__PURE__ */ p(t, { children: M })
 			]
 		})
 	});

package/dist/components/navigation/Anchor/Anchor.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]),(0,n.useLayoutEffect)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);let g=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":u===e.href?`location`:void 0,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&g(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),g(e)]})};exports.Anchor=a,exports.default=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]);let g=(0,n.useCallback)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);(0,n.useLayoutEffect)(()=>{g()},[g]),(0,n.useEffect)(()=>{let e=m.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>g());return t.observe(e),e.querySelectorAll(`a`).forEach(e=>t.observe(e)),()=>t.disconnect()},[g,e]);let _=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":u===e.href?`location`:void 0,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&_(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),_(e)]})};exports.Anchor=a,exports.default=a;

package/dist/components/navigation/Anchor/Anchor.js

@@ -1,19 +1,19 @@
 "use client";
 import e from "./anchor.module.js";
-import { useLayoutEffect as t, useRef as n, useState as r } from "react";
-import i from "classnames";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/navigation/Anchor/Anchor.tsx
-var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical", className: d, style: f }) => {
-	let [p, m] = r(""), [h, g] = r({}), _ = n(null), v = (e, t) => {
+var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical", className: p, style: m }) => {
+	let [h, g] = a(""), [_, v] = a({}), y = i(null), b = (e, t) => {
 		e.preventDefault();
 		let n = t.replace("#", ""), r = document.getElementById(n);
 		r && (window.scrollTo({
-			top: r.offsetTop - l,
+			top: r.offsetTop - d,
 			behavior: "smooth"
-		}), m(t));
+		}), g(t));
 	};
-	t(() => {
+	r(() => {
 		let e = () => {
 			let e = (t, n) => {
 				let r = [];
@@ -23,43 +23,44 @@ var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical
 						parentHref: n
 					}), t.children && (r = r.concat(e(t.children, n || t.href)));
 				}), r;
-			}, t = e(s), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
+			}, t = e(l), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
 			if (r > 0 && Math.ceil(r + a) >= i && t.length > 0) {
 				let e = t[t.length - 1];
-				n = u === "horizontal" && e.parentHref ? e.parentHref : e.href;
+				n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
 			} else for (let e of t) {
 				let t = e.href.replace("#", ""), r = document.getElementById(t);
 				if (r) {
-					if (r.getBoundingClientRect().top <= l + c) n = u === "horizontal" && e.parentHref ? e.parentHref : e.href;
+					if (r.getBoundingClientRect().top <= d + u) n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
 					else break;
 				}
 			}
-			n && n !== p && m(n);
+			n && n !== h && g(n);
 		};
 		return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
 	}, [
-		s,
 		l,
-		c,
-		p,
-		u
-	]), t(() => {
-		if (!p || !_.current) return;
-		let t = _.current.querySelector(`a[href="${p}"]`);
+		d,
+		u,
+		h,
+		f
+	]);
+	let x = t(() => {
+		if (!h || !y.current) return;
+		let t = y.current.querySelector(`a[href="${h}"]`);
 		if (t) {
-			let n = _.current.getBoundingClientRect();
-			if (u === "vertical") {
+			let n = y.current.getBoundingClientRect();
+			if (f === "vertical") {
 				let e = t.getBoundingClientRect();
-				g({
+				v({
 					top: e.top - n.top,
 					height: e.height,
 					opacity: 1
 				});
 			} else {
-				let r = _.current.querySelector(`.${e.list}`);
+				let r = y.current.querySelector(`.${e.list}`);
 				if (r) {
 					let e = t.getBoundingClientRect(), i = r.getBoundingClientRect(), a = e.left - i.left + r.scrollLeft, o = a - i.width / 2 + e.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
-					g({
+					v({
 						left: l,
 						width: e.width,
 						opacity: 1
@@ -69,41 +70,49 @@ var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical
 					});
 				} else {
 					let e = t.getBoundingClientRect();
-					g({
-						left: e.left - _.current.getBoundingClientRect().left,
+					v({
+						left: e.left - y.current.getBoundingClientRect().left,
 						width: e.width,
 						opacity: 1
 					});
 				}
 			}
-		} else g({ opacity: 0 });
-	}, [p, u]);
-	let y = (t) => /* @__PURE__ */ a("ul", {
-		className: i(e.list, e[u]),
-		children: t.map((t) => /* @__PURE__ */ o("li", {
-			className: i(e.item, p === t.href && e.active),
-			children: [/* @__PURE__ */ a("a", {
+		} else v({ opacity: 0 });
+	}, [h, f]);
+	r(() => {
+		x();
+	}, [x]), n(() => {
+		let e = y.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => x());
+		return t.observe(e), e.querySelectorAll("a").forEach((e) => t.observe(e)), () => t.disconnect();
+	}, [x, l]);
+	let S = (t) => /* @__PURE__ */ s("ul", {
+		className: o(e.list, e[f]),
+		children: t.map((t) => /* @__PURE__ */ c("li", {
+			className: o(e.item, h === t.href && e.active),
+			children: [/* @__PURE__ */ s("a", {
 				href: t.href,
 				className: e.link,
-				"aria-current": p === t.href ? "location" : void 0,
-				onClick: (e) => v(e, t.href),
+				"aria-current": h === t.href ? "location" : void 0,
+				onClick: (e) => b(e, t.href),
 				title: typeof t.title == "string" ? t.title : void 0,
 				children: t.title
-			}), t.children && u === "vertical" && y(t.children)]
+			}), t.children && f === "vertical" && S(t.children)]
 		}, t.key))
 	});
-	return /* @__PURE__ */ o("div", {
-		className: i("wim-anchor", e.root, e[u], d),
-		style: f,
-		ref: _,
-		children: [/* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ c("div", {
+		className: o("wim-anchor", e.root, e[f], p),
+		style: m,
+		ref: y,
+		children: [/* @__PURE__ */ s("div", {
 			className: e.ink,
-			children: /* @__PURE__ */ a("span", {
+			children: /* @__PURE__ */ s("span", {
 				className: e.inkBall,
-				style: h
+				style: _
 			})
-		}), y(s)]
+		}), S(l)]
 	});
 };
 //#endregion
-export { s as Anchor, s as default };
+export { l as Anchor, l as default };

package/dist/components/overlay/Dialog/Dialog.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/OverlayBase.cjs"),r=require("./dialog.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`Dialog sub-components must be used within Dialog`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,role:a=`dialog`,closeOnOverlayClick:c=a!==`alertdialog`})=>{let[l,u]=(0,i.useState)(r),d=t!==void 0,f=d?t:l,p=e=>{d||u(e),n?.(e)},m=`wim-dialog-${(0,i.useId)()}`,h=`${m}-title`,g=`${m}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:h,descriptionId:g,open:f,onOpenChange:p,closeOnOverlayClick:c,role:a},children:e})};l.displayName=`Dialog`;var u=({children:e,className:n,onClick:r,asChild:i=!1,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(i?t.Root:`button`,{type:`button`,className:n,onClick:e=>{r?.(e),s(!0)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})};u.displayName=`Dialog.Trigger`;var d=({children:e,className:n,onClick:r,asChild:i=!1,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(i?t.Root:`button`,{type:`button`,className:n,onClick:e=>{r?.(e),s(!1)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})};d.displayName=`Dialog.Close`;var f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,role:d,...f})=>{let{open:p,onOpenChange:m,titleId:h,descriptionId:g,closeOnOverlayClick:_,role:v}=c(),y=l===void 0?p:l,b=u===void 0?m:u,x=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...f,open:y,onOpenChange:b,closeOnOverlayClick:_,overlayClassName:r.default.overlay,role:d??v,"aria-labelledby":h,"aria-describedby":g,children:(0,o.jsx)(x,{className:(0,a.default)(`wim-dialog`,r.default.content,i),children:(0,o.jsx)(t.Slottable,{children:e})})})};f.displayName=`Dialog.Content`;var p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`dialog-header`,...n,children:e});p.displayName=`Dialog.Header`;var m=({children:e,className:t,layout:n,...i})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-layout":n,"data-testid":`dialog-footer`,...i,children:e});m.displayName=`Dialog.Footer`;var h=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`dialog-title`,...n,children:e})};h.displayName=`Dialog.Title`;var g=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`dialog-description`,...n,children:e})};g.displayName=`Dialog.Description`;var _=e=>(0,o.jsx)(l,{...e});_.displayName=`Dialog`,_.Trigger=u,_.Content=f,_.Close=d,_.Header=p,_.Footer=m,_.Title=h,_.Description=g,exports.Dialog=_,exports.default=_,exports.DialogClose=d,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogTitle=h,exports.DialogTrigger=u,exports.useDialog=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/OverlayBase.cjs"),r=require("./dialog.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`Dialog sub-components must be used within Dialog`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,role:a=`dialog`,closeOnOverlayClick:c=a!==`alertdialog`})=>{let[l,u]=(0,i.useState)(r),d=t!==void 0,f=d?t:l,p=e=>{d||u(e),n?.(e)},m=`wim-dialog-${(0,i.useId)()}`,h=`${m}-title`,g=`${m}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:h,descriptionId:g,open:f,onOpenChange:p,closeOnOverlayClick:c,role:a},children:e})};l.displayName=`Dialog`;var u=({children:e,className:n,onClick:r,asChild:i=!1,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(i?t.Root:`button`,{type:`button`,className:n,onClick:e=>{r?.(e),s(!0)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})};u.displayName=`Dialog.Trigger`;var d=({children:e,className:n,onClick:r,asChild:i=!1,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(i?t.Root:`button`,{type:`button`,className:n,onClick:e=>{r?.(e),s(!1)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})};d.displayName=`Dialog.Close`;var f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,role:d,...f})=>{let{open:p,onOpenChange:m,titleId:h,descriptionId:g,closeOnOverlayClick:_,role:v}=c(),y=l===void 0?p:l,b=u===void 0?m:u,x=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...f,open:y,onOpenChange:b,closeOnOverlayClick:_,overlayClassName:r.default.overlay,role:d??v,"aria-labelledby":f[`aria-labelledby`]??h,"aria-describedby":[f[`aria-describedby`],g].filter(Boolean).join(` `),children:(0,o.jsx)(x,{className:(0,a.default)(`wim-dialog`,r.default.content,i),children:(0,o.jsx)(t.Slottable,{children:e})})})};f.displayName=`Dialog.Content`;var p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`dialog-header`,...n,children:e});p.displayName=`Dialog.Header`;var m=({children:e,className:t,layout:n,...i})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-layout":n,"data-testid":`dialog-footer`,...i,children:e});m.displayName=`Dialog.Footer`;var h=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`dialog-title`,...n,children:e})};h.displayName=`Dialog.Title`;var g=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`dialog-description`,...n,children:e})};g.displayName=`Dialog.Description`;var _=e=>(0,o.jsx)(l,{...e});_.displayName=`Dialog`,_.Trigger=u,_.Content=f,_.Close=d,_.Header=p,_.Footer=m,_.Title=h,_.Description=g,exports.Dialog=_,exports.default=_,exports.DialogClose=d,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogTitle=h,exports.DialogTrigger=u,exports.useDialog=c;

package/dist/components/overlay/Dialog/Dialog.js

@@ -62,8 +62,8 @@ var h = ({ children: i, className: a, asChild: o = !1, open: s, onOpenChange: u,
 		closeOnOverlayClick: v,
 		overlayClassName: r.overlay,
 		role: f ?? y,
-		"aria-labelledby": g,
-		"aria-describedby": _,
+		"aria-labelledby": p["aria-labelledby"] ?? g,
+		"aria-describedby": [p["aria-describedby"], _].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ l(S, {
 			className: c("wim-dialog", r.content, a),
 			children: /* @__PURE__ */ l(t, { children: i })

package/dist/components/overlay/Drawer/Drawer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/OverlayBase.cjs"),r=require("./drawer.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`useDrawer must be used within a Drawer provider`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,side:a=`right`,slideIn:c=!0,slideOut:l=!0})=>{let[u,d]=(0,i.useState)(r),f=t!==void 0,p=f?t:u,m=e=>{f||d(e),n?.(e)},h=`wim-drawer-${(0,i.useId)()}`,g=`${h}-title`,_=`${h}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:g,descriptionId:_,open:p,onOpenChange:m,side:a,slideIn:c,slideOut:l},children:e})},u=({children:e,className:n,onClick:r,asChild:i,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(t.Root,{type:`button`,className:n,onClick:e=>{r?.(e),s(!0)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})},d=({children:e,className:n,onClick:r,asChild:i,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(t.Root,{type:`button`,className:n,onClick:e=>{r?.(e),s(!1)},"data-testid":`drawer-close`,...a,children:(0,o.jsx)(t.Slottable,{children:e})})},f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,side:d,slideIn:f,slideOut:p,showOverlay:m=!0,...h})=>{let{open:g,onOpenChange:_,titleId:v,descriptionId:y,side:b,slideIn:x,slideOut:S}=c(),C=l===void 0?g:l,w=u===void 0?_:u,T=d??b,E=f??x,D=p??S,O=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...h,open:C,onOpenChange:w,overlayClassName:(0,a.default)(r.default.overlay,!m&&r.default.hideOverlay),contentClassName:(0,a.default)(`wim-drawer`,r.default.content,r.default[T],i),transitionProps:{preset:`slide-${T}`,enterPreset:E?void 0:`none`,leavePreset:D?void 0:`none`},role:`dialog`,"aria-labelledby":v,"aria-describedby":y,"data-side":T,children:(0,o.jsx)(O,{"data-testid":`drawer-content`,"data-side":T,children:(0,o.jsx)(`div`,{children:(0,o.jsx)(t.Slottable,{children:e})})})})},p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`drawer-header`,...n,children:e}),m=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.body,t),"data-testid":`drawer-body`,...n,children:e}),h=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-testid":`drawer-footer`,...n,children:e}),g=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`drawer-title`,...n,children:e})},_=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`drawer-description`,...n,children:e})},v=e=>(0,o.jsx)(l,{...e});v.displayName=`Drawer`,v.Trigger=u,v.Content=f,v.Header=p,v.Footer=h,v.Title=g,v.Description=_,v.Close=d,exports.Drawer=v,exports.default=v,exports.DrawerBody=m,exports.DrawerClose=d,exports.DrawerContent=f,exports.DrawerDescription=_,exports.DrawerFooter=h,exports.DrawerHeader=p,exports.DrawerTitle=g,exports.DrawerTrigger=u,exports.useDrawer=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/OverlayBase.cjs"),r=require("./drawer.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`useDrawer must be used within a Drawer provider`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,side:a=`right`,slideIn:c=!0,slideOut:l=!0})=>{let[u,d]=(0,i.useState)(r),f=t!==void 0,p=f?t:u,m=e=>{f||d(e),n?.(e)},h=`wim-drawer-${(0,i.useId)()}`,g=`${h}-title`,_=`${h}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:g,descriptionId:_,open:p,onOpenChange:m,side:a,slideIn:c,slideOut:l},children:e})},u=({children:e,className:n,onClick:r,asChild:i,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(t.Root,{type:`button`,className:n,onClick:e=>{r?.(e),s(!0)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})},d=({children:e,className:n,onClick:r,asChild:i,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(t.Root,{type:`button`,className:n,onClick:e=>{r?.(e),s(!1)},"data-testid":`drawer-close`,...a,children:(0,o.jsx)(t.Slottable,{children:e})})},f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,side:d,slideIn:f,slideOut:p,showOverlay:m=!0,...h})=>{let{open:g,onOpenChange:_,titleId:v,descriptionId:y,side:b,slideIn:x,slideOut:S}=c(),C=l===void 0?g:l,w=u===void 0?_:u,T=d??b,E=f??x,D=p??S,O=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...h,open:C,onOpenChange:w,overlayClassName:(0,a.default)(r.default.overlay,!m&&r.default.hideOverlay),contentClassName:(0,a.default)(`wim-drawer`,r.default.content,r.default[T],i),transitionProps:{preset:`slide-${T}`,enterPreset:E?void 0:`none`,leavePreset:D?void 0:`none`},role:h.role??`dialog`,"aria-labelledby":h[`aria-labelledby`]??v,"aria-describedby":[h[`aria-describedby`],y].filter(Boolean).join(` `),"data-side":T,children:(0,o.jsx)(O,{"data-testid":`drawer-content`,"data-side":T,children:(0,o.jsx)(`div`,{children:(0,o.jsx)(t.Slottable,{children:e})})})})},p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`drawer-header`,...n,children:e}),m=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.body,t),"data-testid":`drawer-body`,...n,children:e}),h=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-testid":`drawer-footer`,...n,children:e}),g=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`drawer-title`,...n,children:e})},_=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`drawer-description`,...n,children:e})},v=e=>(0,o.jsx)(l,{...e});v.displayName=`Drawer`,v.Trigger=u,v.Content=f,v.Header=p,v.Footer=h,v.Title=g,v.Description=_,v.Close=d,exports.Drawer=v,exports.default=v,exports.DrawerBody=m,exports.DrawerClose=d,exports.DrawerContent=f,exports.DrawerDescription=_,exports.DrawerFooter=h,exports.DrawerHeader=p,exports.DrawerTitle=g,exports.DrawerTrigger=u,exports.useDrawer=c;

package/dist/components/overlay/Drawer/Drawer.js

@@ -62,9 +62,9 @@ var u = i(void 0), d = () => {
 			enterPreset: D ? void 0 : "none",
 			leavePreset: O ? void 0 : "none"
 		},
-		role: "dialog",
-		"aria-labelledby": y,
-		"aria-describedby": b,
+		role: g.role ?? "dialog",
+		"aria-labelledby": g["aria-labelledby"] ?? y,
+		"aria-describedby": [g["aria-describedby"], b].filter(Boolean).join(" "),
 		"data-side": E,
 		children: /* @__PURE__ */ l(k, {
 			"data-testid": "drawer-content",