wimui 0.59.0 → 0.60.1

package/dist/components/form/TreeSelect/TreeSelect.js

@@ -1,166 +1,169 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
-import { Transition as ee } from "../../layout/Transition/Transition.js";
-import { FocusTrap as r } from "../../overlay/FocusTrap/FocusTrap.js";
-import { InputBase as i } from "../InputBase/InputBase.js";
-import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
-import { TreeView as te } from "../../data-display/TreeView/TreeView.js";
-import o from "./tree-select.module.js";
-import { forwardRef as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Transition as r } from "../../layout/Transition/Transition.js";
+import { FocusTrap as i } from "../../overlay/FocusTrap/FocusTrap.js";
+import { InputBase as a } from "../InputBase/InputBase.js";
+import { useInlineFloating as o } from "../../_internal/useInlineFloating.js";
+import { FieldTemplate as s } from "../FieldTemplate/FieldTemplate.js";
+import { TreeView as c } from "../../data-display/TreeView/TreeView.js";
+import l from "./tree-select.module.js";
+import { forwardRef as u, useEffect as d, useId as ee, useMemo as f, useRef as p, useState as m } from "react";
+import h from "classnames";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/form/TreeSelect/TreeSelect.tsx
-function g(e) {
+function v(e) {
 	return e.map((e) => ({
 		value: e.value,
 		label: e.label,
 		disabled: e.disabled,
 		icon: e.icon,
-		children: e.children ? g(e.children) : void 0
+		children: e.children ? v(e.children) : void 0
 	}));
 }
-var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: w, disabled: T = !1, multiple: E = !1, searchable: D = !1, defaultExpandedKeys: O = [], allowClear: k = !1, checkStrategy: A = "cascade", id: ne, width: re, fullWidth: j = !1, asChild: M = !1, children: ie, ...ae }, oe) => {
-	let se = l(), N = ne || `wim-tree-select-${se}`, P = b ? `${N}-label` : void 0, F = x ? `${N}-error` : void 0, I = `${N}-trigger`, L = `${N}-dropdown`, [R, z] = f(!1), [B, V] = f(E ? [] : ""), H = d(null), U = d(null), W = _ !== void 0, G = W ? _ : B;
-	c(() => {
+var y = u(({ treeData: u = [], value: y, onChange: b, placeholder: x, label: S, error: C, required: w, layout: T, className: E, disabled: D = !1, multiple: O = !1, searchable: k = !1, defaultExpandedKeys: A = [], allowClear: te = !1, checkStrategy: ne = "cascade", id: re, width: ie, fullWidth: j = !1, asChild: ae = !1, children: oe, ...se }, ce) => {
+	let le = ee(), M = re || `wim-tree-select-${le}`, N = S ? `${M}-label` : void 0, P = C ? `${M}-error` : void 0, F = `${M}-trigger`, I = `${M}-dropdown`, [L, R] = m(!1), [z, B] = m(O ? [] : ""), V = p(null), H = p(null), U = y !== void 0, W = U ? y : z;
+	d(() => {
 		let e = (e) => {
-			H.current && !H.current.contains(e.target) && z(!1);
+			V.current && !V.current.contains(e.target) && R(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), c(() => {
-		if (R) {
+	}, []), d(() => {
+		if (L) {
 			let e = setTimeout(() => {
-				let e = H.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
-				e ? e.focus() : (H.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
+				let e = V.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
+				e ? e.focus() : (V.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
 			}, 100);
 			return () => clearTimeout(e);
 		}
-	}, [R]);
-	let K = () => {
-		if (!T) {
-			let e = !R;
-			z(e), e || U.current?.focus();
+	}, [L]);
+	let G = () => {
+		if (!D) {
+			let e = !L;
+			R(e), e || H.current?.focus();
 		}
-	}, ce = (e) => {
-		if (!T) {
-			if (!R) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), z(!0));
+	}, ue = (e) => {
+		if (!D) {
+			if (!L) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), R(!0));
 				return;
 			}
-			e.key === "Escape" && (e.preventDefault(), z(!1), U.current?.focus());
+			e.key === "Escape" && (e.preventDefault(), R(!1), H.current?.focus());
 		}
-	}, q = u(() => {
+	}, K = f(() => {
 		let e = {}, t = (n) => {
 			n.forEach((n) => {
 				e[n.value] = n, n.children && t(n.children);
 			});
 		};
-		return t(s), e;
-	}, [s]), le = () => {
-		if (E) {
-			let e = Array.isArray(G) ? G : [];
-			return e.length === 0 ? null : e.map((e) => q[e] ? q[e].label : e).reduce((e, t) => [
+		return t(u), e;
+	}, [u]), de = () => {
+		if (O) {
+			let e = Array.isArray(W) ? W : [];
+			return e.length === 0 ? null : e.map((e) => K[e] ? K[e].label : e).reduce((e, t) => [
 				e,
 				", ",
 				t
 			]);
 		}
 		{
-			let e = G;
-			return e ? q[e] ? q[e].label : e : null;
+			let e = W;
+			return e ? K[e] ? K[e].label : e : null;
 		}
-	}, J = (e) => {
+	}, q = (e) => {
 		let t;
-		E ? t = e : (t = e[0] || "", z(!1), U.current?.focus()), W || V(t), v && v(t);
-	}, ue = () => {
-		if (T) return;
-		let e = E ? [] : "";
-		W || V(e), v && v(e);
-	}, de = u(() => g(s), [s]), Y = u(() => E ? Array.isArray(G) ? G : [] : G ? [G] : [], [G, E]), X = le(), { "aria-label": Z, "aria-labelledby": Q, "aria-describedby": fe, ...pe } = ae, $ = typeof y == "string" ? y : "Select", me = M ? e : "div", he = n(H, oe);
-	return /* @__PURE__ */ m(a, {
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: P,
-		errorId: F,
-		className: p(o.container, w),
-		children: /* @__PURE__ */ h(me, {
-			className: p("wim-tree-select", o.root, j && o.fullWidth),
-			ref: he,
-			...pe,
+		O ? t = e : (t = e[0] || "", R(!1), H.current?.focus()), U || B(t), b && b(t);
+	}, fe = () => {
+		if (D) return;
+		let e = O ? [] : "";
+		U || B(e), b && b(e);
+	}, pe = f(() => v(u), [u]), J = f(() => O ? Array.isArray(W) ? W : [] : W ? [W] : [], [W, O]), Y = de(), { "aria-label": X, "aria-labelledby": Z, "aria-describedby": me, ...he } = se, Q = typeof x == "string" ? x : "Select", ge = ae ? e : "div", { setReference: $, setFloating: _e, floatingProps: ve } = o({ open: L && !D }), ye = n(V, ce, $);
+	return /* @__PURE__ */ g(s, {
+		label: S,
+		error: C,
+		required: w,
+		layout: T,
+		labelId: N,
+		errorId: P,
+		className: h(l.container, E),
+		children: /* @__PURE__ */ _(ge, {
+			className: h("wim-tree-select", l.root, j && l.fullWidth),
+			ref: ye,
+			...he,
 			children: [
-				/* @__PURE__ */ m(t, { children: ie }),
-				/* @__PURE__ */ m(i, {
-					disabled: T,
-					allowClear: k,
-					hasValue: !!X,
-					onClear: ue,
-					intent: x ? "danger" : "default",
-					width: re,
+				/* @__PURE__ */ g(t, { children: oe }),
+				/* @__PURE__ */ g(a, {
+					disabled: D,
+					allowClear: te,
+					hasValue: !!Y,
+					onClear: fe,
+					intent: C ? "danger" : "default",
+					width: ie,
 					fullWidth: j,
 					rightIcons: [{
 						name: "ChevronDownIcon",
-						rotated: R,
-						onClick: K,
+						rotated: L,
+						onClick: G,
 						decorative: !0
 					}],
-					className: p(R && o.open),
-					children: /* @__PURE__ */ m("div", {
-						id: I,
-						className: p(o.trigger, T && o.disabled),
-						onClick: K,
-						onKeyDown: ce,
-						tabIndex: T ? -1 : 0,
+					className: h(L && l.open),
+					children: /* @__PURE__ */ g("div", {
+						id: F,
+						className: h(l.trigger, D && l.disabled),
+						onClick: G,
+						onKeyDown: ue,
+						tabIndex: D ? -1 : 0,
 						role: "combobox",
-						"aria-expanded": R,
+						"aria-expanded": L,
 						"aria-haspopup": "tree",
-						"aria-controls": R ? L : void 0,
-						"aria-disabled": T,
-						"aria-labelledby": P || Q,
-						"aria-label": b ? void 0 : Z || $,
-						"aria-describedby": F || fe,
-						"aria-required": S,
-						"aria-invalid": !!x,
-						ref: U,
-						children: /* @__PURE__ */ m("div", {
-							className: p(o.value, !X && o.placeholder),
-							children: X || y
+						"aria-controls": L ? I : void 0,
+						"aria-disabled": D,
+						"aria-labelledby": N || Z,
+						"aria-label": S ? void 0 : X || Q,
+						"aria-describedby": P || me,
+						"aria-required": w,
+						"aria-invalid": !!C,
+						ref: H,
+						children: /* @__PURE__ */ g("div", {
+							className: h(l.value, !Y && l.placeholder),
+							children: Y || x
 						})
 					})
 				}),
-				/* @__PURE__ */ m(ee, {
-					show: R && !T,
+				/* @__PURE__ */ g(r, {
+					show: L && !D,
 					preset: "fade",
-					className: o.dropdown,
-					children: /* @__PURE__ */ m("div", {
-						id: L,
-						children: /* @__PURE__ */ m(r, {
-							active: R,
+					className: l.dropdown,
+					ref: _e,
+					...ve,
+					children: /* @__PURE__ */ g("div", {
+						id: I,
+						children: /* @__PURE__ */ g(i, {
+							active: L,
 							initialFocus: !1,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ g("div", {
 								role: "dialog",
 								"aria-modal": "true",
-								"aria-labelledby": P || Q,
-								"aria-label": b ? void 0 : Z || $,
+								"aria-labelledby": N || Z,
+								"aria-label": S ? void 0 : X || Q,
 								onKeyDown: (e) => {
-									e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), z(!1), U.current?.focus());
+									e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), R(!1), H.current?.focus());
 								},
-								children: /* @__PURE__ */ m(te, {
-									multiSelect: E,
-									defaultSelectedValues: Y,
-									defaultCheckedValues: E ? Y : [],
-									nodes: de,
-									onCheckedChange: J,
-									onSelectedChange: J,
-									checkable: E,
-									checkStrategy: A,
-									searchable: D,
-									defaultExpandedValues: O,
+								children: /* @__PURE__ */ g(c, {
+									multiSelect: O,
+									defaultSelectedValues: J,
+									defaultCheckedValues: O ? J : [],
+									nodes: pe,
+									onCheckedChange: q,
+									onSelectedChange: q,
+									checkable: O,
+									checkStrategy: ne,
+									searchable: k,
+									defaultExpandedValues: A,
 									styles: {
-										root: o.treeView,
-										item: o.treeViewItem,
-										search: o.treeViewSearch
+										root: l.treeView,
+										item: l.treeViewItem,
+										search: l.treeViewSearch
 									}
 								})
 							})
@@ -171,6 +174,6 @@ var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b,
 		})
 	});
 });
-_.displayName = "TreeSelect";
+y.displayName = "TreeSelect";
 //#endregion
-export { _ as TreeSelect };
+export { y as TreeSelect };

package/dist/components/form/TreeSelect/tree-select.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_vlaog_322`,t=`_root_vlaog_332`,n=`_fullWidth_vlaog_345`,r=`_label_vlaog_349`,i=`_trigger_vlaog_356`,a=`_disabled_vlaog_369`,o=`_open_vlaog_381`,s=`_value_vlaog_389`,c=`_placeholder_vlaog_390`,l=`_icon_vlaog_393`,u=`_clear_vlaog_413`,d=`_dropdown_vlaog_425`,f=`_treeView_vlaog_455`,p=`_treeViewItem_vlaog_463`,m=`_treeViewSearch_vlaog_466`,h={"wim-docs-container":`_wim-docs-container_vlaog_87`,"wim-t":`_wim-t_vlaog_290`,"react-flow":`_react-flow_vlaog_313`,"react-flow__edges":`_react-flow__edges_vlaog_314`,"react-flow__connectionline":`_react-flow__connectionline_vlaog_315`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
+var e=`_container_133hu_322`,t=`_root_133hu_332`,n=`_fullWidth_133hu_345`,r=`_label_133hu_349`,i=`_trigger_133hu_356`,a=`_disabled_133hu_369`,o=`_open_133hu_381`,s=`_value_133hu_389`,c=`_placeholder_133hu_390`,l=`_icon_133hu_393`,u=`_clear_133hu_413`,d=`_dropdown_133hu_425`,f=`_treeView_133hu_455`,p=`_treeViewItem_133hu_463`,m=`_treeViewSearch_133hu_466`,h={"wim-docs-container":`_wim-docs-container_133hu_87`,"wim-t":`_wim-t_133hu_290`,"react-flow":`_react-flow_133hu_313`,"react-flow__edges":`_react-flow__edges_133hu_314`,"react-flow__connectionline":`_react-flow__connectionline_133hu_315`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;

package/dist/components/form/TreeSelect/tree-select.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/TreeSelect/tree-select.module.scss
-var e = "_container_vlaog_322", t = "_root_vlaog_332", n = "_fullWidth_vlaog_345", r = "_label_vlaog_349", i = "_trigger_vlaog_356", a = "_disabled_vlaog_369", o = "_open_vlaog_381", s = "_value_vlaog_389", c = "_placeholder_vlaog_390", l = "_icon_vlaog_393", u = "_clear_vlaog_413", d = "_dropdown_vlaog_425", f = "_treeView_vlaog_455", p = "_treeViewItem_vlaog_463", m = "_treeViewSearch_vlaog_466", h = {
-	"wim-docs-container": "_wim-docs-container_vlaog_87",
-	"wim-t": "_wim-t_vlaog_290",
-	"react-flow": "_react-flow_vlaog_313",
-	"react-flow__edges": "_react-flow__edges_vlaog_314",
-	"react-flow__connectionline": "_react-flow__connectionline_vlaog_315",
+var e = "_container_133hu_322", t = "_root_133hu_332", n = "_fullWidth_133hu_345", r = "_label_133hu_349", i = "_trigger_133hu_356", a = "_disabled_133hu_369", o = "_open_133hu_381", s = "_value_133hu_389", c = "_placeholder_133hu_390", l = "_icon_133hu_393", u = "_clear_133hu_413", d = "_dropdown_133hu_425", f = "_treeView_133hu_455", p = "_treeViewItem_133hu_463", m = "_treeViewSearch_133hu_466", h = {
+	"wim-docs-container": "_wim-docs-container_133hu_87",
+	"wim-t": "_wim-t_133hu_290",
+	"react-flow": "_react-flow_133hu_313",
+	"react-flow__edges": "_react-flow__edges_133hu_314",
+	"react-flow__connectionline": "_react-flow__connectionline_133hu_315",
 	container: e,
 	root: t,
 	fullWidth: 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;