wimui 0.59.0 → 0.60.0

package/dist/components/form/SignaturePad/SignaturePad.js

@@ -10,31 +10,31 @@ import { useCallback as s, useEffect as c, useId as l, useLayoutEffect as u, use
 import p from "classnames";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/form/SignaturePad/SignaturePad.tsx
-var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-primary)", penWidth: y = 2, onChange: b, clearLabel: x, disabled: S = !1, className: C, style: w, label: T, error: E, required: D, layout: O = "vertical", canvasAriaLabel: k }) => {
-	let { t: A } = e([
+var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-primary)", penWidth: y = 2, onChange: b, clearLabel: x, disabled: S = !1, className: C, style: w, label: T, error: E, required: D, layout: O = "vertical", canvasAriaLabel: k, "aria-label": A, "aria-labelledby": j }) => {
+	let { t: M } = e([
 		t,
 		n,
 		i
-	]), j = x ?? A("signature.clear", {
+	]), N = x ?? M("signature.clear", {
 		ns: "components",
-		defaultValue: A("button.clear")
-	}), M = k ?? A("a11y.signature_canvas"), N = d(null), P = d(!1), [F, I] = f(!0), L = `wim-signature-pad-${l()}`, R = T ? `${L}-label` : void 0, z = E ? `${L}-error` : void 0, B = s((e) => {
-		if (e.startsWith("var(") && N.current) {
+		defaultValue: M("button.clear")
+	}), P = k ?? M("a11y.signature_canvas"), F = d(null), I = d(!1), [L, R] = f(!0), z = `wim-signature-pad-${l()}`, B = T ? `${z}-label` : void 0, V = E ? `${z}-error` : void 0, H = s((e) => {
+		if (e.startsWith("var(") && F.current) {
 			let t = e.match(/var\((--[^)]+)\)/)?.[1];
-			if (t) return getComputedStyle(N.current).getPropertyValue(t).trim() || "#000";
+			if (t) return getComputedStyle(F.current).getPropertyValue(t).trim() || "#000";
 		}
 		return e;
 	}, []);
 	u(() => {
-		if (!N.current) return;
-		let e = N.current, t = e.getContext("2d");
+		if (!F.current) return;
+		let e = F.current, t = e.getContext("2d");
 		if (!t) return;
 		let n = window.devicePixelRatio || 1;
 		e.width = g * n, e.height = _ * n, t.scale(n, n), t.lineCap = "round", t.lineJoin = "round";
 	}, [g, _]);
-	let V = s((e) => {
-		if (!N.current) return null;
-		let t = N.current.getBoundingClientRect(), n, r;
+	let U = s((e) => {
+		if (!F.current) return null;
+		let t = F.current.getBoundingClientRect(), n, r;
 		if ("touches" in e) {
 			if (e.touches.length === 0) return null;
 			n = e.touches[0].clientX, r = e.touches[0].clientY;
@@ -44,38 +44,38 @@ var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-
 			x: i * o,
 			y: a * s
 		};
-	}, [g, _]), H = (e) => {
+	}, [g, _]), W = (e) => {
 		if (S) return;
-		let t = V(e);
-		if (!t || !N.current) return;
-		let n = N.current.getContext("2d");
-		n && (P.current = !0, n.beginPath(), n.moveTo(t.x, t.y), n.strokeStyle = B(v), n.lineWidth = y);
-	}, U = (e) => {
-		if (!P.current || S || !N.current) return;
-		let t = V(e);
+		let t = U(e);
+		if (!t || !F.current) return;
+		let n = F.current.getContext("2d");
+		n && (I.current = !0, n.beginPath(), n.moveTo(t.x, t.y), n.strokeStyle = H(v), n.lineWidth = y);
+	}, G = (e) => {
+		if (!I.current || S || !F.current) return;
+		let t = U(e);
 		if (!t) return;
-		let n = N.current.getContext("2d");
-		n && (n.lineTo(t.x, t.y), n.stroke(), I(!1));
-	}, W = () => {
-		if (P.current && (P.current = !1, b && N.current)) {
-			let e = N.current, t = e.getContext("2d");
+		let n = F.current.getContext("2d");
+		n && (n.lineTo(t.x, t.y), n.stroke(), R(!1));
+	}, K = () => {
+		if (I.current && (I.current = !1, b && F.current)) {
+			let e = F.current, t = e.getContext("2d");
 			b(!t || t.getImageData(0, 0, e.width, e.height).data.every((e, t) => t % 4 != 3 || e === 0) ? null : e.toDataURL());
 		}
-	}, G = d(W);
+	}, q = d(K);
 	u(() => {
-		G.current = W;
+		q.current = K;
 	}), c(() => {
-		let e = () => G.current();
+		let e = () => q.current();
 		return window.addEventListener("mouseup", e), () => window.removeEventListener("mouseup", e);
 	}, []);
-	let K = d(!1);
+	let J = d(!1);
 	return /* @__PURE__ */ m(a, {
 		label: T,
 		error: E,
 		required: D,
 		layout: O,
-		labelId: R,
-		errorId: z,
+		labelId: B,
+		errorId: V,
 		className: C,
 		children: /* @__PURE__ */ h("div", {
 			className: p("wim-signature-pad", o.root, S && o.disabled, E && o.danger),
@@ -89,7 +89,7 @@ var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-
 					height: "auto"
 				},
 				children: /* @__PURE__ */ m("canvas", {
-					ref: N,
+					ref: F,
 					"data-testid": "signature-canvas",
 					className: o.canvas,
 					style: {
@@ -97,16 +97,16 @@ var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-
 						height: "100%",
 						display: "block"
 					},
-					onMouseDown: H,
-					onMouseMove: U,
-					onMouseUp: W,
-					onTouchStart: H,
-					onTouchMove: U,
-					onTouchEnd: W,
-					"aria-labelledby": T ? R : void 0,
-					"aria-describedby": z,
+					onMouseDown: W,
+					onMouseMove: G,
+					onMouseUp: K,
+					onTouchStart: W,
+					onTouchMove: G,
+					onTouchEnd: K,
+					"aria-labelledby": T ? B : j,
+					"aria-describedby": V,
 					role: "img",
-					"aria-label": T ? void 0 : M
+					"aria-label": T || j ? void 0 : A ?? P
 				})
 			}), /* @__PURE__ */ m("div", {
 				className: o.footer,
@@ -115,15 +115,15 @@ var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-
 					size: "sm",
 					"data-testid": "signature-clear",
 					onMouseDown: () => {
-						K.current = !0;
+						J.current = !0;
 					},
 					onClick: () => {
-						if (!K.current || (K.current = !1, S || !N.current)) return;
-						let e = N.current, t = e.getContext("2d");
-						t && (t.clearRect(0, 0, e.width, e.height), I(!0), b && b(null));
+						if (!J.current || (J.current = !1, S || !F.current)) return;
+						let e = F.current, t = e.getContext("2d");
+						t && (t.clearRect(0, 0, e.width, e.height), R(!0), b && b(null));
 					},
-					disabled: S || F,
-					children: j
+					disabled: S || L,
+					children: N
 				})
 			})]
 		})

package/dist/components/navigation/CommandPalette/CommandPalette.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../i18n/generated/components.cjs"),o=require("../../../icon/search.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/BaseListItem/BaseListItem.cjs"),l=require("./command-palette.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(void 0),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},h=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,u.useState)(!1),[a,o]=(0,u.useState)(``),[s,c]=(0,u.useState)(0),[l,d]=(0,u.useState)(!1),m=(0,u.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,u.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,u.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,u.useCallback)(()=>{--m.current},[]);m.current=0,(0,u.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),d(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=u.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:l,setIsKeyboardNavigating:d}),[g,_,a,s,v,y,l]);return(0,f.jsx)(p.Provider,{value:b,children:e})},g=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=m(),a=e=>{i(e.detail===0),r(!0)};return t&&u.default.isValidElement(e)?u.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,d.default)(n,e.props.className)}):(0,f.jsx)(`button`,{className:(0,d.default)(l.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},_=({children:e,className:o,"aria-label":s})=>{let{t:c}=t.useWimTranslation(a.componentsNs),{open:p,onOpenChange:h,activeIndex:g,setActiveIndex:_,isKeyboardNavigating:v,setIsKeyboardNavigating:y}=m(),b=(0,u.useRef)(null);return(0,f.jsx)(n.Portal,{children:(0,f.jsx)(r.Transition,{show:p,preset:`fade`,children:(0,f.jsx)(`div`,{role:`presentation`,className:l.default.overlay,onClick:e=>{e.target===e.currentTarget&&h(!1)},children:(0,f.jsx)(r.Transition,{show:p,preset:`scale`,children:(0,f.jsx)(i.FocusTrap,{active:p,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s??c(`command_palette.label`),className:(0,d.default)(`wim-command-palette`,l.default.content,o),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!b.current){b.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-b.current.x)**2+(e.clientY-b.current.y)**2)>10&&y(!1),b.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":v,onKeyDown:e=>{y(!0);let t=e.currentTarget.querySelectorAll(`.${l.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),_(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),_(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),_(0)):e.key===`End`?(e.preventDefault(),_(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${g}`)?.click()))},children:e})})})})})})},v=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:a,setActiveIndex:c,activeIndex:d}=m(),p=(0,u.useRef)(null);return(0,u.useEffect)(()=>{p.current?.focus()},[]),(0,f.jsxs)(`div`,{className:l.default.inputWrapper,children:[(0,f.jsx)(s.Icon,{component:o.default,size:`sm`}),(0,f.jsx)(`input`,{ref:p,className:l.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;a(t),c(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${d}`}),r&&(0,f.jsx)(`div`,{className:l.default.inputRight,children:r})]})},y=({children:e})=>(0,f.jsx)(`div`,{className:l.default.list,role:`listbox`,id:`wim-command-palette-listbox`,children:e}),b=({children:e,heading:t})=>{let n=u.default.useId();return(0,f.jsxs)(`div`,{className:l.default.group,role:`group`,"aria-labelledby":t?n:void 0,children:[t&&(0,f.jsx)(`div`,{id:n,className:l.default.groupHeading,"aria-hidden":`true`,children:t}),e]})},x=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:s,onOpenChange:d}=m(),[p]=(0,u.useState)(()=>s()),h=a===p;return(0,u.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${p}`)?.scrollIntoView({block:`nearest`})},[h,i,p]),(0,f.jsx)(c.BaseListItem,{role:`option`,id:`wim-command-palette-item-${p}`,"aria-selected":h,className:l.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,f.jsx)(`div`,{className:l.default.shortcut,children:r.map(e=>(0,f.jsx)(`kbd`,{className:l.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(p),onClick:()=>{i||(t?.(),d(!1))},children:e})},S=({children:e})=>{let{t:n}=t.useWimTranslation(a.componentsNs),r=e??n(`command_palette.no_results`),{open:i,search:o}=m(),[s,c]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${l.default.item}`);c(e.length===0)},0);return()=>clearTimeout(e)}},[i,o]),!i||!s?null:(0,f.jsx)(`div`,{className:l.default.empty,children:r})},C=({children:e})=>(0,f.jsx)(`div`,{className:l.default.footer,children:e});exports.CommandPalette=h,exports.CommandPaletteContent=_,exports.CommandPaletteEmpty=S,exports.CommandPaletteFooter=C,exports.CommandPaletteGroup=b,exports.CommandPaletteInput=v,exports.CommandPaletteItem=x,exports.CommandPaletteList=y,exports.CommandPaletteTrigger=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../i18n/generated/components.cjs"),o=require("../../../icon/search.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/BaseListItem/BaseListItem.cjs"),l=require("./command-palette.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(void 0),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},h=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,u.useState)(!1),[a,o]=(0,u.useState)(``),[s,c]=(0,u.useState)(0),[l,d]=(0,u.useState)(!1),m=(0,u.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,u.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,u.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,u.useCallback)(()=>{--m.current},[]);m.current=0,(0,u.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),d(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=u.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:l,setIsKeyboardNavigating:d}),[g,_,a,s,v,y,l]);return(0,f.jsx)(p.Provider,{value:b,children:e})},g=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=m(),a=e=>{i(e.detail===0),r(!0)};return t&&u.default.isValidElement(e)?u.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,d.default)(n,e.props.className)}):(0,f.jsx)(`button`,{className:(0,d.default)(l.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},_=({children:e,className:o,"aria-label":s})=>{let{t:c}=t.useWimTranslation(a.componentsNs),{open:p,onOpenChange:h,activeIndex:g,setActiveIndex:_,isKeyboardNavigating:v,setIsKeyboardNavigating:y}=m(),b=(0,u.useRef)(null);return(0,f.jsx)(n.Portal,{children:(0,f.jsx)(r.Transition,{show:p,preset:`fade`,children:(0,f.jsx)(`div`,{role:`presentation`,className:l.default.overlay,onClick:e=>{e.target===e.currentTarget&&h(!1)},children:(0,f.jsx)(r.Transition,{show:p,preset:`scale`,children:(0,f.jsx)(i.FocusTrap,{active:p,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s??c(`command_palette.label`),className:(0,d.default)(`wim-command-palette`,l.default.content,o),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!b.current){b.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-b.current.x)**2+(e.clientY-b.current.y)**2)>10&&y(!1),b.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":v,onKeyDown:e=>{y(!0);let t=e.currentTarget.querySelectorAll(`.${l.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),_(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),_(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),_(0)):e.key===`End`?(e.preventDefault(),_(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${g}`)?.click()))},children:e})})})})})})},v=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:a,setActiveIndex:c,activeIndex:d}=m(),p=(0,u.useRef)(null);return(0,u.useEffect)(()=>{p.current?.focus()},[]),(0,f.jsxs)(`div`,{className:l.default.inputWrapper,children:[(0,f.jsx)(s.Icon,{component:o.default,size:`sm`}),(0,f.jsx)(`input`,{ref:p,className:l.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;a(t),c(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${d}`}),r&&(0,f.jsx)(`div`,{className:l.default.inputRight,children:r})]})},y=({children:e,"aria-label":n,"aria-labelledby":r})=>{let{t:i}=t.useWimTranslation(a.componentsNs);return(0,f.jsx)(`div`,{className:l.default.list,role:`listbox`,id:`wim-command-palette-listbox`,"aria-label":r?void 0:n??i(`command_palette.label`),"aria-labelledby":r,children:e})},b=({children:e,heading:t})=>{let n=u.default.useId();return(0,f.jsxs)(`div`,{className:l.default.group,role:`group`,"aria-labelledby":t?n:void 0,children:[t&&(0,f.jsx)(`div`,{id:n,className:l.default.groupHeading,"aria-hidden":`true`,children:t}),e]})},x=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:s,onOpenChange:d}=m(),[p]=(0,u.useState)(()=>s()),h=a===p;return(0,u.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${p}`)?.scrollIntoView({block:`nearest`})},[h,i,p]),(0,f.jsx)(c.BaseListItem,{role:`option`,id:`wim-command-palette-item-${p}`,"aria-selected":h,className:l.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,f.jsx)(`div`,{className:l.default.shortcut,children:r.map(e=>(0,f.jsx)(`kbd`,{className:l.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(p),onClick:()=>{i||(t?.(),d(!1))},children:e})},S=({children:e})=>{let{t:n}=t.useWimTranslation(a.componentsNs),r=e??n(`command_palette.no_results`),{open:i,search:o}=m(),[s,c]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${l.default.item}`);c(e.length===0)},0);return()=>clearTimeout(e)}},[i,o]),!i||!s?null:(0,f.jsx)(`div`,{className:l.default.empty,children:r})},C=({children:e})=>(0,f.jsx)(`div`,{className:l.default.footer,children:e});exports.CommandPalette=h,exports.CommandPaletteContent=_,exports.CommandPaletteEmpty=S,exports.CommandPaletteFooter=C,exports.CommandPaletteGroup=b,exports.CommandPaletteInput=v,exports.CommandPaletteItem=x,exports.CommandPaletteList=y,exports.CommandPaletteTrigger=g;

package/dist/components/navigation/CommandPalette/CommandPalette.d.ts

@@ -38,8 +38,12 @@ export interface CommandPaletteInputProps {
     rightSection?: ReactNode;
 }
 export declare const CommandPaletteInput: ({ placeholder, value, onChange, rightSection, }: CommandPaletteInputProps) => React.JSX.Element;
-export declare const CommandPaletteList: ({ children }: {
+export declare const CommandPaletteList: ({ children, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: {
     children: ReactNode;
+    /** Accessible name for the list of results. Defaults to the built-in command palette label. */
+    "aria-label"?: string;
+    /** ID of the element that labels the list of results. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 }) => React.JSX.Element;
 export declare const CommandPaletteGroup: ({ children, heading, }: {
     children: ReactNode;

package/dist/components/navigation/CommandPalette/CommandPalette.js

@@ -151,12 +151,17 @@ var y = u(void 0), b = () => {
 			})
 		]
 	});
-}, T = ({ children: e }) => /* @__PURE__ */ _("div", {
-	className: c.list,
-	role: "listbox",
-	id: "wim-command-palette-listbox",
-	children: e
-}), E = ({ children: e, heading: t }) => {
+}, T = ({ children: t, "aria-label": n, "aria-labelledby": r }) => {
+	let { t: a } = e(i);
+	return /* @__PURE__ */ _("div", {
+		className: c.list,
+		role: "listbox",
+		id: "wim-command-palette-listbox",
+		"aria-label": r ? void 0 : n ?? a("command_palette.label"),
+		"aria-labelledby": r,
+		children: t
+	});
+}, E = ({ children: e, heading: t }) => {
 	let n = l.useId();
 	return /* @__PURE__ */ v("div", {
 		className: c.group,

package/dist/components/navigation/Pagination/Pagination.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("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../form/Button/Button.cjs"),c=require("../../form/Input/Input.cjs"),l=require("../../form/Select/Select.cjs"),u=require("./pagination.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=d.default.forwardRef(({asChild:e=!1,className:n,children:r,page:i,isActive:a,...o},s)=>(0,p.jsx)(e?t.Root:`button`,{ref:s,type:e?void 0:`button`,className:(0,f.default)(u.default.button,n),"aria-current":a?`page`:void 0,...o,children:e?(0,p.jsx)(t.Slottable,{children:r}):r}));m.displayName=`PaginationPage`;var h=`...`,g=({total:e,pageSize:g=10,current:_=1,onChange:v,onPageSizeChange:y,siblingCount:b=1,className:x,asChild:S=!1,children:C,renderPage:w,hideOnSinglePage:T=!1,simple:E=!1,showSizeChanger:ee=!1,pageSizeOptions:D=[10,20,50,100],showTotal:O,showQuickJumper:k=!1,labels:A={}})=>{let{t:j}=n.useWimTranslation(r.commonNs),{prevPage:M=j(`a11y.go_to_prev_page`),nextPage:N=j(`a11y.go_to_next_page`),pageAriaLabel:P=e=>j(`a11y.go_to_page`,{page:String(e)}),itemsPerPage:F=j(`pagination.items_per_page`),goTo:I=j(`pagination.go_to`),go:L=j(`pagination.go`),pageSizeAriaLabel:R=j(`a11y.items_per_page`),jumpToPageAriaLabel:z=j(`a11y.jump_to_page`),navAriaLabel:B=j(`a11y.pagination_nav`)}=A,[V,H]=(0,d.useState)(g),[U,W]=(0,d.useState)(``),G=V,K=Math.ceil(e/G),q=(0,d.useMemo)(()=>{if(b+5>=K)return Array.from({length:K},(e,t)=>t+1);let e=Math.max(_-b,1),t=Math.min(_+b,K),n=e>2,r=t<K-2,i=K;if(!n&&r){let e=3+2*b;return[...Array.from({length:e},(e,t)=>t+1),h,K]}if(n&&!r){let e=3+2*b;return[1,h,...Array.from({length:e},(t,n)=>K-e+n+1)]}return n&&r?[1,h,...Array.from({length:t-e+1},(t,n)=>e+n),h,i]:[]},[K,b,_]);if(T&&K<=1)return null;let J=e=>{e<1||e>K||e===_||v?.(e,G)},Y=e=>{H(e),y?.(e),v?.(1,e)},X=()=>{let e=parseInt(U);!isNaN(e)&&e>=1&&e<=K&&(J(e),W(``))},Z=e=>{e.key===`Enter`&&X()},Q=(_-1)*G+1,te=Math.min(_*G,e),$=S?t.Root:`nav`,ne=e=>{let t={page:e,isActive:e===_,onClick:()=>J(e),"aria-label":P(e)};return w?w(e,t):(0,p.jsx)(m,{...t,children:e})};return E?(0,p.jsxs)($,{className:(0,f.default)(`wim-pagination`,u.default.root,u.default.simple,x),"aria-label":B,children:[(0,p.jsx)(t.Slottable,{children:C}),(0,p.jsxs)(`ul`,{className:u.default.root,children:[(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===1&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>J(_-1),disabled:_===1,"aria-label":M,children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.simplePager),children:(0,p.jsxs)(`span`,{children:[_,` / `,K]})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===K&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>J(_+1),disabled:_===K,"aria-label":N,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})})})]})]}):(0,p.jsx)(`div`,{className:(0,f.default)(`wim-pagination`,u.default.container,x),children:(0,p.jsxs)(`div`,{className:u.default.wrapper,children:[O&&(0,p.jsx)(`div`,{className:u.default.total,children:O(e,[Q,te])}),(0,p.jsxs)($,{className:u.default.root,"aria-label":B,children:[(0,p.jsx)(t.Slottable,{children:C}),(0,p.jsxs)(`ul`,{className:u.default.root,children:[(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===1&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>J(_-1),disabled:_===1,"aria-label":M,children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.mobileIndicator),children:(0,p.jsxs)(`span`,{children:[_,` / `,K]})}),q.map((e,t)=>e===h?(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.ellipsis),"aria-hidden":`true`,children:h},`ellipsis-${t}`):(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.number,e===_&&u.default.active),children:ne(e)},e)),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===K&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>J(_+1),disabled:_===K,"aria-label":N,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})})})]})]}),ee&&(0,p.jsx)(`div`,{className:u.default.sizeChanger,children:(0,p.jsx)(l.Select,{value:String(G),onChange:e=>Y(Number(e)),options:D.map(e=>({label:`${e} ${F}`,value:String(e)})),width:`auto`,"aria-label":R})}),k&&(0,p.jsxs)(`div`,{className:u.default.quickJumper,children:[(0,p.jsx)(`span`,{children:I}),(0,p.jsx)(c.Input,{type:`number`,min:1,max:K,value:U,onChange:e=>W(e.target.value),onKeyDown:Z,width:`60px`,"aria-label":z}),(0,p.jsx)(s.Button,{size:`sm`,variant:`outline`,onClick:X,disabled:!U,children:L})]})]})})};exports.Pagination=g,exports.default=g,exports.PaginationPage=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../form/Button/Button.cjs"),c=require("../../form/Input/Input.cjs"),l=require("../../form/Select/Select.cjs"),u=require("./pagination.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=d.default.forwardRef(({asChild:e=!1,className:n,children:r,page:i,isActive:a,...o},s)=>(0,p.jsx)(e?t.Root:`button`,{ref:s,type:e?void 0:`button`,className:(0,f.default)(u.default.button,n),"aria-current":a?`page`:void 0,...o,children:e?(0,p.jsx)(t.Slottable,{children:r}):r}));m.displayName=`PaginationPage`;var h=`...`,g=({total:e,pageSize:g=10,current:_=1,onChange:v,onPageSizeChange:y,siblingCount:b=1,className:x,asChild:S=!1,children:C,renderPage:w,hideOnSinglePage:T=!1,simple:E=!1,showSizeChanger:D=!1,pageSizeOptions:ee=[10,20,50,100],showTotal:O,showQuickJumper:k=!1,labels:A={},"aria-label":j,"aria-labelledby":M})=>{let{t:N}=n.useWimTranslation(r.commonNs),{prevPage:P=N(`a11y.go_to_prev_page`),nextPage:F=N(`a11y.go_to_next_page`),pageAriaLabel:I=e=>N(`a11y.go_to_page`,{page:String(e)}),itemsPerPage:L=N(`pagination.items_per_page`),goTo:R=N(`pagination.go_to`),go:z=N(`pagination.go`),pageSizeAriaLabel:B=N(`a11y.items_per_page`),jumpToPageAriaLabel:V=N(`a11y.jump_to_page`),navAriaLabel:H=N(`a11y.pagination_nav`)}=A,[U,W]=(0,d.useState)(g),[G,K]=(0,d.useState)(``),q=U,J=Math.ceil(e/q),Y=(0,d.useMemo)(()=>{if(b+5>=J)return Array.from({length:J},(e,t)=>t+1);let e=Math.max(_-b,1),t=Math.min(_+b,J),n=e>2,r=t<J-2,i=J;if(!n&&r){let e=3+2*b;return[...Array.from({length:e},(e,t)=>t+1),h,J]}if(n&&!r){let e=3+2*b;return[1,h,...Array.from({length:e},(t,n)=>J-e+n+1)]}return n&&r?[1,h,...Array.from({length:t-e+1},(t,n)=>e+n),h,i]:[]},[J,b,_]);if(T&&J<=1)return null;let X=e=>{e<1||e>J||e===_||v?.(e,q)},Z=e=>{W(e),y?.(e),v?.(1,e)},Q=()=>{let e=parseInt(G);!isNaN(e)&&e>=1&&e<=J&&(X(e),K(``))},te=e=>{e.key===`Enter`&&Q()},ne=(_-1)*q+1,re=Math.min(_*q,e),$=S?t.Root:`nav`,ie=e=>{let t={page:e,isActive:e===_,onClick:()=>X(e),"aria-label":I(e)};return w?w(e,t):(0,p.jsx)(m,{...t,children:e})};return E?(0,p.jsxs)($,{className:(0,f.default)(`wim-pagination`,u.default.root,u.default.simple,x),"aria-label":M?void 0:j??H,"aria-labelledby":M,children:[(0,p.jsx)(t.Slottable,{children:C}),(0,p.jsxs)(`ul`,{className:u.default.root,children:[(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===1&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_-1),disabled:_===1,"aria-label":P,children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.simplePager),children:(0,p.jsxs)(`span`,{children:[_,` / `,J]})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===J&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_+1),disabled:_===J,"aria-label":F,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})})})]})]}):(0,p.jsx)(`div`,{className:(0,f.default)(`wim-pagination`,u.default.container,x),children:(0,p.jsxs)(`div`,{className:u.default.wrapper,children:[O&&(0,p.jsx)(`div`,{className:u.default.total,children:O(e,[ne,re])}),(0,p.jsxs)($,{className:u.default.root,"aria-label":M?void 0:j??H,"aria-labelledby":M,children:[(0,p.jsx)(t.Slottable,{children:C}),(0,p.jsxs)(`ul`,{className:u.default.root,children:[(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===1&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_-1),disabled:_===1,"aria-label":P,children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.mobileIndicator),children:(0,p.jsxs)(`span`,{children:[_,` / `,J]})}),Y.map((e,t)=>e===h?(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.ellipsis),"aria-hidden":`true`,children:h},`ellipsis-${t}`):(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.number,e===_&&u.default.active),children:ie(e)},e)),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===J&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_+1),disabled:_===J,"aria-label":F,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})})})]})]}),D&&(0,p.jsx)(`div`,{className:u.default.sizeChanger,children:(0,p.jsx)(l.Select,{value:String(q),onChange:e=>Z(Number(e)),options:ee.map(e=>({label:`${e} ${L}`,value:String(e)})),width:`auto`,"aria-label":B})}),k&&(0,p.jsxs)(`div`,{className:u.default.quickJumper,children:[(0,p.jsx)(`span`,{children:R}),(0,p.jsx)(c.Input,{type:`number`,min:1,max:J,value:G,onChange:e=>K(e.target.value),onKeyDown:te,width:`60px`,"aria-label":V}),(0,p.jsx)(s.Button,{size:`sm`,variant:`outline`,onClick:Q,disabled:!G,children:z})]})]})})};exports.Pagination=g,exports.default=g,exports.PaginationPage=m;

package/dist/components/navigation/Pagination/Pagination.d.ts

@@ -77,6 +77,10 @@ export interface PaginationProps {
         navAriaLabel?: string;
         totalLabel?: string;
     };
+    /** Accessible name for the navigation landmark. Takes precedence over `labels.navAriaLabel`. */
+    "aria-label"?: string;
+    /** ID of the element that labels the navigation landmark. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 }
-export declare const Pagination: ({ total, pageSize, current, onChange, onPageSizeChange, siblingCount, className, asChild, children, renderPage, hideOnSinglePage, simple, showSizeChanger, pageSizeOptions, showTotal, showQuickJumper, labels, }: PaginationProps) => React.JSX.Element | null;
+export declare const Pagination: ({ total, pageSize, current, onChange, onPageSizeChange, siblingCount, className, asChild, children, renderPage, hideOnSinglePage, simple, showSizeChanger, pageSizeOptions, showTotal, showQuickJumper, labels, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: PaginationProps) => React.JSX.Element | null;
 export default Pagination;

package/dist/components/navigation/Pagination/Pagination.js

@@ -22,29 +22,29 @@ var g = u.forwardRef(({ asChild: n = !1, className: r, children: i, page: a, isA
 	children: n ? /* @__PURE__ */ m(t, { children: i }) : i
 }));
 g.displayName = "PaginationPage";
-var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, onPageSizeChange: te, siblingCount: x = 1, className: S, asChild: C = !1, children: w, renderPage: T, hideOnSinglePage: E = !1, simple: D = !1, showSizeChanger: O = !1, pageSizeOptions: k = [
+var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, onPageSizeChange: x, siblingCount: S = 1, className: C, asChild: w = !1, children: T, renderPage: E, hideOnSinglePage: te = !1, simple: ne = !1, showSizeChanger: D = !1, pageSizeOptions: O = [
 	10,
 	20,
 	50,
 	100
-], showTotal: A, showQuickJumper: j = !1, labels: M = {} }) => {
-	let { t: N } = n(r), { prevPage: P = N("a11y.go_to_prev_page"), nextPage: F = N("a11y.go_to_next_page"), pageAriaLabel: I = (e) => N("a11y.go_to_page", { page: String(e) }), itemsPerPage: L = N("pagination.items_per_page"), goTo: R = N("pagination.go_to"), go: z = N("pagination.go"), pageSizeAriaLabel: B = N("a11y.items_per_page"), jumpToPageAriaLabel: V = N("a11y.jump_to_page"), navAriaLabel: H = N("a11y.pagination_nav") } = M, [U, W] = f(v), [G, K] = f(""), q = U, J = Math.ceil(u / q), Y = d(() => {
-		if (x + 5 >= J) return Array.from({ length: J }, (e, t) => t + 1);
-		let e = Math.max(y - x, 1), t = Math.min(y + x, J), n = e > 2, r = t < J - 2, i = J;
+], showTotal: k, showQuickJumper: A = !1, labels: j = {}, "aria-label": M, "aria-labelledby": N }) => {
+	let { t: P } = n(r), { prevPage: F = P("a11y.go_to_prev_page"), nextPage: I = P("a11y.go_to_next_page"), pageAriaLabel: L = (e) => P("a11y.go_to_page", { page: String(e) }), itemsPerPage: R = P("pagination.items_per_page"), goTo: z = P("pagination.go_to"), go: B = P("pagination.go"), pageSizeAriaLabel: V = P("a11y.items_per_page"), jumpToPageAriaLabel: H = P("a11y.jump_to_page"), navAriaLabel: U = P("a11y.pagination_nav") } = j, [W, G] = f(v), [K, q] = f(""), J = W, Y = Math.ceil(u / J), X = d(() => {
+		if (S + 5 >= Y) return Array.from({ length: Y }, (e, t) => t + 1);
+		let e = Math.max(y - S, 1), t = Math.min(y + S, Y), n = e > 2, r = t < Y - 2, i = Y;
 		if (!n && r) {
-			let e = 3 + 2 * x;
+			let e = 3 + 2 * S;
 			return [
 				...Array.from({ length: e }, (e, t) => t + 1),
 				_,
-				J
+				Y
 			];
 		}
 		if (n && !r) {
-			let e = 3 + 2 * x;
+			let e = 3 + 2 * S;
 			return [
 				1,
 				_,
-				...Array.from({ length: e }, (t, n) => J - e + n + 1)
+				...Array.from({ length: e }, (t, n) => Y - e + n + 1)
 			];
 		}
 		return n && r ? [
@@ -55,45 +55,46 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 			i
 		] : [];
 	}, [
-		J,
-		x,
+		Y,
+		S,
 		y
 	]);
-	if (E && J <= 1) return null;
-	let X = (e) => {
-		e < 1 || e > J || e === y || b?.(e, q);
-	}, Z = (e) => {
-		W(e), te?.(e), b?.(1, e);
+	if (te && Y <= 1) return null;
+	let Z = (e) => {
+		e < 1 || e > Y || e === y || b?.(e, J);
+	}, re = (e) => {
+		G(e), x?.(e), b?.(1, e);
 	}, Q = () => {
-		let e = parseInt(G);
-		!isNaN(e) && e >= 1 && e <= J && (X(e), K(""));
-	}, ne = (e) => {
+		let e = parseInt(K);
+		!isNaN(e) && e >= 1 && e <= Y && (Z(e), q(""));
+	}, ie = (e) => {
 		e.key === "Enter" && Q();
-	}, re = (y - 1) * q + 1, ie = Math.min(y * q, u), $ = C ? e : "nav", ae = (e) => {
+	}, ae = (y - 1) * J + 1, oe = Math.min(y * J, u), $ = w ? e : "nav", se = (e) => {
 		let t = {
 			page: e,
 			isActive: e === y,
-			onClick: () => X(e),
-			"aria-label": I(e)
+			onClick: () => Z(e),
+			"aria-label": L(e)
 		};
-		return T ? T(e, t) : /* @__PURE__ */ m(g, {
+		return E ? E(e, t) : /* @__PURE__ */ m(g, {
 			...t,
 			children: e
 		});
 	};
-	return D ? /* @__PURE__ */ h($, {
-		className: p("wim-pagination", l.root, l.simple, S),
-		"aria-label": H,
-		children: [/* @__PURE__ */ m(t, { children: w }), /* @__PURE__ */ h("ul", {
+	return ne ? /* @__PURE__ */ h($, {
+		className: p("wim-pagination", l.root, l.simple, C),
+		"aria-label": N ? void 0 : M ?? U,
+		"aria-labelledby": N,
+		children: [/* @__PURE__ */ m(t, { children: T }), /* @__PURE__ */ h("ul", {
 			className: l.root,
 			children: [
 				/* @__PURE__ */ m("li", {
 					className: p(l.item, y === 1 && l.disabled),
 					children: /* @__PURE__ */ m("button", {
 						className: l.button,
-						onClick: () => X(y - 1),
+						onClick: () => Z(y - 1),
 						disabled: y === 1,
-						"aria-label": P,
+						"aria-label": F,
 						children: /* @__PURE__ */ m(o, {
 							component: i,
 							size: "sm"
@@ -105,16 +106,16 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 					children: /* @__PURE__ */ h("span", { children: [
 						y,
 						" / ",
-						J
+						Y
 					] })
 				}),
 				/* @__PURE__ */ m("li", {
-					className: p(l.item, y === J && l.disabled),
+					className: p(l.item, y === Y && l.disabled),
 					children: /* @__PURE__ */ m("button", {
 						className: l.button,
-						onClick: () => X(y + 1),
-						disabled: y === J,
-						"aria-label": F,
+						onClick: () => Z(y + 1),
+						disabled: y === Y,
+						"aria-label": I,
 						children: /* @__PURE__ */ m(o, {
 							component: a,
 							size: "sm"
@@ -124,27 +125,28 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 			]
 		})]
 	}) : /* @__PURE__ */ m("div", {
-		className: p("wim-pagination", l.container, S),
+		className: p("wim-pagination", l.container, C),
 		children: /* @__PURE__ */ h("div", {
 			className: l.wrapper,
 			children: [
-				A && /* @__PURE__ */ m("div", {
+				k && /* @__PURE__ */ m("div", {
 					className: l.total,
-					children: A(u, [re, ie])
+					children: k(u, [ae, oe])
 				}),
 				/* @__PURE__ */ h($, {
 					className: l.root,
-					"aria-label": H,
-					children: [/* @__PURE__ */ m(t, { children: w }), /* @__PURE__ */ h("ul", {
+					"aria-label": N ? void 0 : M ?? U,
+					"aria-labelledby": N,
+					children: [/* @__PURE__ */ m(t, { children: T }), /* @__PURE__ */ h("ul", {
 						className: l.root,
 						children: [
 							/* @__PURE__ */ m("li", {
 								className: p(l.item, y === 1 && l.disabled),
 								children: /* @__PURE__ */ m("button", {
 									className: l.button,
-									onClick: () => X(y - 1),
+									onClick: () => Z(y - 1),
 									disabled: y === 1,
-									"aria-label": P,
+									"aria-label": F,
 									children: /* @__PURE__ */ m(o, {
 										component: i,
 										size: "sm"
@@ -156,24 +158,24 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 								children: /* @__PURE__ */ h("span", { children: [
 									y,
 									" / ",
-									J
+									Y
 								] })
 							}),
-							Y.map((e, t) => e === _ ? /* @__PURE__ */ m("li", {
+							X.map((e, t) => e === _ ? /* @__PURE__ */ m("li", {
 								className: p(l.item, l.ellipsis),
 								"aria-hidden": "true",
 								children: _
 							}, `ellipsis-${t}`) : /* @__PURE__ */ m("li", {
 								className: p(l.item, l.number, e === y && l.active),
-								children: ae(e)
+								children: se(e)
 							}, e)),
 							/* @__PURE__ */ m("li", {
-								className: p(l.item, y === J && l.disabled),
+								className: p(l.item, y === Y && l.disabled),
 								children: /* @__PURE__ */ m("button", {
 									className: l.button,
-									onClick: () => X(y + 1),
-									disabled: y === J,
-									"aria-label": F,
+									onClick: () => Z(y + 1),
+									disabled: y === Y,
+									"aria-label": I,
 									children: /* @__PURE__ */ m(o, {
 										component: a,
 										size: "sm"
@@ -183,39 +185,39 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 						]
 					})]
 				}),
-				O && /* @__PURE__ */ m("div", {
+				D && /* @__PURE__ */ m("div", {
 					className: l.sizeChanger,
 					children: /* @__PURE__ */ m(ee, {
-						value: String(q),
-						onChange: (e) => Z(Number(e)),
-						options: k.map((e) => ({
-							label: `${e} ${L}`,
+						value: String(J),
+						onChange: (e) => re(Number(e)),
+						options: O.map((e) => ({
+							label: `${e} ${R}`,
 							value: String(e)
 						})),
 						width: "auto",
-						"aria-label": B
+						"aria-label": V
 					})
 				}),
-				j && /* @__PURE__ */ h("div", {
+				A && /* @__PURE__ */ h("div", {
 					className: l.quickJumper,
 					children: [
-						/* @__PURE__ */ m("span", { children: R }),
+						/* @__PURE__ */ m("span", { children: z }),
 						/* @__PURE__ */ m(c, {
 							type: "number",
 							min: 1,
-							max: J,
-							value: G,
-							onChange: (e) => K(e.target.value),
-							onKeyDown: ne,
+							max: Y,
+							value: K,
+							onChange: (e) => q(e.target.value),
+							onKeyDown: ie,
 							width: "60px",
-							"aria-label": V
+							"aria-label": H
 						}),
 						/* @__PURE__ */ m(s, {
 							size: "sm",
 							variant: "outline",
 							onClick: Q,
-							disabled: !G,
-							children: z
+							disabled: !K,
+							children: B
 						})
 					]
 				})

package/dist/components/overlay/Menu/Menu.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("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("./menu.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.createContext({expandedItems:new Set,toggleItem:()=>{},containerRef:{current:null},mode:`vertical`,focusedIndex:0,setFocusedIndex:()=>{},registerItem:()=>0}),d=()=>{let e=s.default.useContext(u);if(!e)throw Error(`Menu sub-components must be used within a Menu`);return e},f=({children:e,className:n,asChild:r=!1,mode:i=`vertical`,defaultOpenKeys:a=[]})=>{let[d,f]=(0,s.useState)(new Set(a)),[p,m]=(0,s.useState)(0),h=s.default.useRef(0);s.default.useEffect(()=>{h.current=0});let g=()=>{let e=h.current;return h.current+=1,e},_=e=>{f(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},v=s.default.useRef(null),y=e=>{let t=Array.from(v.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)||[]),n=t.indexOf(document.activeElement);if(n!==-1){if(i===`vertical`||i===`inline`){if(e.key===`ArrowDown`)e.preventDefault(),t[(n+1)%t.length]?.focus();else if(e.key===`ArrowUp`)e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();else if(e.key===`ArrowRight`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`false`&&(e.preventDefault(),r.click())}else if(e.key===`ArrowLeft`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`true`&&(e.preventDefault(),r.click())}}else if(i===`horizontal`){if(e.key===`ArrowRight`)e.preventDefault(),t[(n+1)%t.length]?.focus();else if(e.key===`ArrowLeft`)e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();else if(e.key===`ArrowDown`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`false`&&(e.preventDefault(),r.click())}}e.key===`Home`?(e.preventDefault(),m(0),t[0]?.focus()):e.key===`End`&&(e.preventDefault(),m(t.length-1),t[t.length-1]?.focus())}},b=r?t.Root:`ul`;return(0,l.jsx)(u.Provider,{value:{expandedItems:d,toggleItem:_,containerRef:v,mode:i,focusedIndex:p,setFocusedIndex:m,registerItem:g},children:(0,l.jsx)(b,{ref:v,className:(0,c.default)(`wim-menu`,o.default.root,o.default[i],n),role:`menu`,onKeyDown:y,children:(0,l.jsx)(t.Slottable,{children:e})})})},p=({children:e,onClick:t,disabled:n=!1,danger:r=!1,className:i,icon:u,asChild:f=!1,...p})=>{let{focusedIndex:m,setFocusedIndex:h,registerItem:g}=d(),[_]=(0,s.useState)(()=>g()),v=m===_,y=e=>{e.stopPropagation(),!n&&t&&t()},b={className:(0,c.default)(o.default.item,i),onClick:y,onFocus:()=>h(_),disabled:n,danger:r,icon:u,role:`menuitem`,tabIndex:v?0:-1,onKeyDown:e=>{!n&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),y(e))},...p};return f?(0,l.jsx)(`li`,{role:`none`,children:(0,l.jsx)(a.BaseListItem,{asChild:!0,...b,children:e})}):(0,l.jsx)(a.BaseListItem,{asChild:!0,...b,children:(0,l.jsx)(`li`,{children:e})})},m=({children:e,title:t,className:n})=>{let r=s.default.useId();return(0,l.jsxs)(`li`,{className:(0,c.default)(o.default.itemGroup,n),role:`none`,children:[t&&(0,l.jsx)(`div`,{id:r,className:o.default.itemGroupTitle,"aria-hidden":`true`,children:t}),(0,l.jsx)(`ul`,{className:o.default.itemGroupList,role:`group`,"aria-labelledby":t?r:void 0,children:e})]})},h=({children:e,title:t,className:u,icon:f,itemKey:p})=>{let{expandedItems:m,toggleItem:h,registerItem:g,focusedIndex:_,setFocusedIndex:v}=d(),y=m.has(p),[b]=(0,s.useState)(()=>g()),x=_===b,S=s.default.useId(),C=e=>{e.stopPropagation(),h(p)};return(0,l.jsxs)(`li`,{className:(0,c.default)(o.default.submenu,y&&o.default.open,u),role:`none`,children:[(0,l.jsx)(a.BaseListItem,{id:S,className:o.default.submenuTitle,onClick:C,onFocus:()=>v(b),icon:f,rightSection:(0,l.jsx)(`span`,{className:(0,c.default)(o.default.submenuArrow,y&&o.default.open),children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})}),role:`menuitem`,"aria-haspopup":`true`,"aria-expanded":y,tabIndex:x?0:-1,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C(e))},children:t}),(0,l.jsx)(n.Transition,{show:y,preset:`fade`,className:o.default.submenuList,children:(0,l.jsx)(`ul`,{className:o.default.submenuList,role:`menu`,"aria-labelledby":S,children:e})})]})},g=({className:e})=>(0,l.jsx)(`li`,{className:(0,c.default)(o.default.divider,e),role:`separator`}),_=Object.assign(f,{Item:p,Group:m,SubMenu:h,Divider:g});exports.Menu=_,exports.default=_,exports.MenuDivider=g,exports.MenuItem=p,exports.MenuItemGroup=m,exports.SubMenu=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("./menu.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.createContext({expandedItems:new Set,toggleItem:()=>{},containerRef:{current:null},mode:`vertical`,focusedIndex:0,setFocusedIndex:()=>{},registerItem:()=>0}),d=()=>{let e=s.default.useContext(u);if(!e)throw Error(`Menu sub-components must be used within a Menu`);return e},f=({children:e,className:n,asChild:r=!1,mode:i=`vertical`,defaultOpenKeys:a=[],"aria-label":d,"aria-labelledby":f})=>{let[p,m]=(0,s.useState)(new Set(a)),[h,g]=(0,s.useState)(0),_=s.default.useRef(0);s.default.useEffect(()=>{_.current=0});let v=()=>{let e=_.current;return _.current+=1,e},y=e=>{m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},b=s.default.useRef(null),x=e=>{let t=Array.from(b.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)||[]),n=t.indexOf(document.activeElement);if(n!==-1){if(i===`vertical`||i===`inline`){if(e.key===`ArrowDown`)e.preventDefault(),t[(n+1)%t.length]?.focus();else if(e.key===`ArrowUp`)e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();else if(e.key===`ArrowRight`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`false`&&(e.preventDefault(),r.click())}else if(e.key===`ArrowLeft`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`true`&&(e.preventDefault(),r.click())}}else if(i===`horizontal`){if(e.key===`ArrowRight`)e.preventDefault(),t[(n+1)%t.length]?.focus();else if(e.key===`ArrowLeft`)e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();else if(e.key===`ArrowDown`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`false`&&(e.preventDefault(),r.click())}}e.key===`Home`?(e.preventDefault(),g(0),t[0]?.focus()):e.key===`End`&&(e.preventDefault(),g(t.length-1),t[t.length-1]?.focus())}},S=r?t.Root:`ul`;return(0,l.jsx)(u.Provider,{value:{expandedItems:p,toggleItem:y,containerRef:b,mode:i,focusedIndex:h,setFocusedIndex:g,registerItem:v},children:(0,l.jsx)(S,{ref:b,className:(0,c.default)(`wim-menu`,o.default.root,o.default[i],n),role:`menu`,"aria-label":f?void 0:d,"aria-labelledby":f,onKeyDown:x,children:(0,l.jsx)(t.Slottable,{children:e})})})},p=({children:e,onClick:t,disabled:n=!1,danger:r=!1,className:i,icon:u,asChild:f=!1,...p})=>{let{focusedIndex:m,setFocusedIndex:h,registerItem:g}=d(),[_]=(0,s.useState)(()=>g()),v=m===_,y=e=>{e.stopPropagation(),!n&&t&&t()},b={className:(0,c.default)(o.default.item,i),onClick:y,onFocus:()=>h(_),disabled:n,danger:r,icon:u,role:`menuitem`,tabIndex:v?0:-1,onKeyDown:e=>{!n&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),y(e))},...p};return f?(0,l.jsx)(`li`,{role:`none`,children:(0,l.jsx)(a.BaseListItem,{asChild:!0,...b,children:e})}):(0,l.jsx)(a.BaseListItem,{asChild:!0,...b,children:(0,l.jsx)(`li`,{children:e})})},m=({children:e,title:t,className:n})=>{let r=s.default.useId();return(0,l.jsxs)(`li`,{className:(0,c.default)(o.default.itemGroup,n),role:`none`,children:[t&&(0,l.jsx)(`div`,{id:r,className:o.default.itemGroupTitle,"aria-hidden":`true`,children:t}),(0,l.jsx)(`ul`,{className:o.default.itemGroupList,role:`group`,"aria-labelledby":t?r:void 0,children:e})]})},h=({children:e,title:t,className:u,icon:f,itemKey:p})=>{let{expandedItems:m,toggleItem:h,registerItem:g,focusedIndex:_,setFocusedIndex:v}=d(),y=m.has(p),[b]=(0,s.useState)(()=>g()),x=_===b,S=s.default.useId(),C=e=>{e.stopPropagation(),h(p)};return(0,l.jsxs)(`li`,{className:(0,c.default)(o.default.submenu,y&&o.default.open,u),role:`none`,children:[(0,l.jsx)(a.BaseListItem,{id:S,className:o.default.submenuTitle,onClick:C,onFocus:()=>v(b),icon:f,rightSection:(0,l.jsx)(`span`,{className:(0,c.default)(o.default.submenuArrow,y&&o.default.open),children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})}),role:`menuitem`,"aria-haspopup":`true`,"aria-expanded":y,tabIndex:x?0:-1,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C(e))},children:t}),(0,l.jsx)(n.Transition,{show:y,preset:`fade`,className:o.default.submenuList,children:(0,l.jsx)(`ul`,{className:o.default.submenuList,role:`menu`,"aria-labelledby":S,children:e})})]})},g=({className:e})=>(0,l.jsx)(`li`,{className:(0,c.default)(o.default.divider,e),role:`separator`}),_=Object.assign(f,{Item:p,Group:m,SubMenu:h,Divider:g});exports.Menu=_,exports.default=_,exports.MenuDivider=g,exports.MenuItem=p,exports.MenuItemGroup=m,exports.SubMenu=h;

package/dist/components/overlay/Menu/Menu.d.ts

@@ -18,6 +18,10 @@ export type MenuProps = {
     defaultSelectedKeys?: string[];
     /** Default opened submenu keys */
     defaultOpenKeys?: string[];
+    /** Accessible name for the menu. */
+    "aria-label"?: string;
+    /** ID of the element that labels the menu. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 };
 export type MenuItemProps = {
     children: ReactNode;