wimui 0.51.1 → 0.52.0

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

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

package/dist/components/navigation/HamburgerMenu/HamburgerMenu.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("./hamburger-menu.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=i.default.forwardRef(({asChild:e=!1,open:i=!1,onClick:s,size:c=`md`,color:l,visibleBelow:u,className:d,style:f,children:p,"aria-label":m,...h},g)=>{let{t:_}=n.useWimTranslation(`common`);return(0,o.jsxs)(e?t.Root:`button`,{ref:g,type:e?void 0:`button`,className:(0,a.default)(`wim-hamburger-menu`,r.default.root,r.default[c],i&&r.default.open,u&&r.default[`visibleBelow${u.charAt(0).toUpperCase()}${u.slice(1)}`],d),onClick:s,"aria-expanded":i,"aria-label":m??_(i?`a11y.close_menu`:`a11y.open_menu`),style:{...f,...l?{"--wim-hamburger-color":l}:{}},...h,children:[(0,o.jsx)(`div`,{className:r.default.box,children:(0,o.jsx)(`div`,{className:r.default.inner})}),e?(0,o.jsx)(t.Slottable,{children:p}):null]})});s.displayName=`HamburgerMenu`,exports.HamburgerMenu=s;
+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("../../../hooks/useMergedRef.cjs"),a=require("./hamburger-menu.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=o.default.forwardRef(({asChild:e=!1,open:l=!1,onClick:u,onOpenChange:d,size:f=`md`,color:p,visibleBelow:m,className:h,style:g,children:_,"aria-label":v,...y},b)=>{let{t:x}=n.useWimTranslation(r.commonNs),S=e?t.Root:`button`,C=(0,o.useRef)(null),w=i.useMergedRef(b,C);return(0,o.useEffect)(()=>{if(!l||!d)return;let e=e=>{e.key!==`Escape`||e.defaultPrevented||(C.current?.focus({preventScroll:!0}),d(!1))};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[l,d]),(0,c.jsxs)(S,{ref:w,type:e?void 0:`button`,className:(0,s.default)(`wim-hamburger-menu`,a.default.root,a.default[f],l&&a.default.open,m&&a.default[`visibleBelow${m.charAt(0).toUpperCase()}${m.slice(1)}`],h),onClick:e=>{u?.(e),e.defaultPrevented||d?.(!l)},"aria-expanded":l,"aria-label":v??x(l?`a11y.close_menu`:`a11y.open_menu`),style:{...g,...p?{"--wim-hamburger-color":p}:{}},...y,children:[(0,c.jsx)(`div`,{className:a.default.box,children:(0,c.jsx)(`div`,{className:a.default.inner})}),e?(0,c.jsx)(t.Slottable,{children:_}):null]})});l.displayName=`HamburgerMenu`,exports.HamburgerMenu=l;

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

@@ -10,6 +10,12 @@ export interface HamburgerMenuProps extends React.ComponentPropsWithoutRef<"butt
     open?: boolean;
     /** Callback function when the menu is toggled */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Called with the next open state: the opposite of `open` when the button is pressed, and
+     * false when Escape is pressed while the menu is open. Escape also moves focus back to the
+     * button. Without this callback the button cannot close on Escape, because `open` is controlled.
+     */
+    onOpenChange?: (open: boolean) => void;
     /** Size of the hamburger menu */
     size?: ComponentSizeBasic;
     /** Color of the bars */

package/dist/components/navigation/HamburgerMenu/HamburgerMenu.js

@@ -1,31 +1,41 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
-import r from "./hamburger-menu.module.js";
-import i from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import { useMergedRef as i } from "../../../hooks/useMergedRef.js";
+import a from "./hamburger-menu.module.js";
+import o, { useEffect as s, useRef as c } from "react";
+import l from "classnames";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/navigation/HamburgerMenu/HamburgerMenu.tsx
-var c = i.forwardRef(({ asChild: i = !1, open: c = !1, onClick: l, size: u = "md", color: d, visibleBelow: f, className: p, style: m, children: h, "aria-label": g, ..._ }, v) => {
-	let { t: y } = n("common");
-	return /* @__PURE__ */ s(i ? e : "button", {
-		ref: v,
-		type: i ? void 0 : "button",
-		className: a("wim-hamburger-menu", r.root, r[u], c && r.open, f && r[`visibleBelow${f.charAt(0).toUpperCase()}${f.slice(1)}`], p),
-		onClick: l,
-		"aria-expanded": c,
-		"aria-label": g ?? y(c ? "a11y.close_menu" : "a11y.open_menu"),
+var f = o.forwardRef(({ asChild: o = !1, open: f = !1, onClick: p, onOpenChange: m, size: h = "md", color: g, visibleBelow: _, className: v, style: y, children: b, "aria-label": x, ...S }, C) => {
+	let { t: w } = n(r), T = o ? e : "button", E = c(null), D = i(C, E);
+	return s(() => {
+		if (!f || !m) return;
+		let e = (e) => {
+			e.key !== "Escape" || e.defaultPrevented || (E.current?.focus({ preventScroll: !0 }), m(!1));
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [f, m]), /* @__PURE__ */ d(T, {
+		ref: D,
+		type: o ? void 0 : "button",
+		className: l("wim-hamburger-menu", a.root, a[h], f && a.open, _ && a[`visibleBelow${_.charAt(0).toUpperCase()}${_.slice(1)}`], v),
+		onClick: (e) => {
+			p?.(e), e.defaultPrevented || m?.(!f);
+		},
+		"aria-expanded": f,
+		"aria-label": x ?? w(f ? "a11y.close_menu" : "a11y.open_menu"),
 		style: {
-			...m,
-			...d ? { "--wim-hamburger-color": d } : {}
+			...y,
+			...g ? { "--wim-hamburger-color": g } : {}
 		},
-		..._,
-		children: [/* @__PURE__ */ o("div", {
-			className: r.box,
-			children: /* @__PURE__ */ o("div", { className: r.inner })
-		}), i ? /* @__PURE__ */ o(t, { children: h }) : null]
+		...S,
+		children: [/* @__PURE__ */ u("div", {
+			className: a.box,
+			children: /* @__PURE__ */ u("div", { className: a.inner })
+		}), o ? /* @__PURE__ */ u(t, { children: b }) : null]
 	});
 });
-c.displayName = "HamburgerMenu";
+f.displayName = "HamburgerMenu";
 //#endregion
-export { c as HamburgerMenu };
+export { f as HamburgerMenu };

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