wimui 0.1.0

package/dist/components/navigation/Menubar/Menubar.js

@@ -0,0 +1,221 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { Transition as n } from "../../layout/Transition/Transition.js";
+import { BaseListItem as r } from "../../_internal/BaseListItem/BaseListItem.js";
+import i from "./menubar.module.js";
+import a, { createContext as o, useCallback as s, useContext as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import m from "classnames";
+import { jsx as h } from "react/jsx-runtime";
+//#region src/components/navigation/Menubar/Menubar.tsx
+var g = o(null), _ = o(null), v = () => {
+	let e = c(g);
+	if (!e) throw Error("Menubar compound parts must be used within <Menubar>");
+	return e;
+}, y = () => {
+	let e = c(_);
+	if (!e) throw Error("Menubar.Trigger/Content/Item must be used within <Menubar.Menu>");
+	return e;
+}, b = a.forwardRef(({ asChild: n = !1, className: r, children: a, onKeyDown: o, ...c }, u) => {
+	let [_, v] = p(null), y = f(/* @__PURE__ */ new Map()), b = f(null), x = s((e) => {
+		b.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
+	}, [u]), S = s((e, t) => {
+		t ? y.current.set(e, t) : y.current.delete(e);
+	}, []), C = s(() => Array.from(y.current.keys()), []), w = s((e) => {
+		y.current.get(e)?.focus();
+	}, []);
+	l(() => {
+		if (!_) return;
+		let e = (e) => {
+			b.current && !b.current.contains(e.target) && v(null);
+		}, t = (e) => {
+			e.key === "Escape" && (v(null), _ && w(_));
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [_, w]);
+	let T = (e) => {
+		if (o?.(e), e.defaultPrevented) return;
+		let t = C();
+		if (t.length === 0) return;
+		let n = _ ?? t.find((e) => y.current.get(e) === document.activeElement) ?? null;
+		if (!n) return;
+		let r = t.indexOf(n);
+		if (!(r < 0)) {
+			if (e.key === "ArrowRight") {
+				e.preventDefault();
+				let n = t[(r + 1) % t.length];
+				_ && v(n), w(n);
+			} else if (e.key === "ArrowLeft") {
+				e.preventDefault();
+				let n = t[(r - 1 + t.length) % t.length];
+				_ && v(n), w(n);
+			} else if (e.key === "Home") {
+				e.preventDefault();
+				let n = t[0];
+				_ && v(n), w(n);
+			} else if (e.key === "End") {
+				e.preventDefault();
+				let n = t[t.length - 1];
+				_ && v(n), w(n);
+			}
+		}
+	}, E = d(() => ({
+		openMenuId: _,
+		setOpenMenuId: v,
+		registerTrigger: S,
+		getTriggerIds: C,
+		focusTrigger: w
+	}), [
+		_,
+		S,
+		C,
+		w
+	]), D = n ? e : "div";
+	return /* @__PURE__ */ h(g.Provider, {
+		value: E,
+		children: /* @__PURE__ */ h(D, {
+			ref: x,
+			role: "menubar",
+			className: m("wim-menubar", i.root, r),
+			onKeyDown: T,
+			...c,
+			children: /* @__PURE__ */ h(t, { children: a })
+		})
+	});
+});
+b.displayName = "Menubar";
+var x = a.forwardRef(({ value: e, disabled: t = !1, className: n, children: r, ...a }, o) => {
+	let { openMenuId: s, setOpenMenuId: c } = v(), l = u(), f = `wim-menubar-trigger-${e}-${l}`, p = `wim-menubar-content-${e}-${l}`, g = s === e, y = () => {
+		t || c(e);
+	}, b = () => c(null), x = () => {
+		t || c(g ? null : e);
+	}, S = d(() => ({
+		menuId: e,
+		triggerId: f,
+		contentId: p,
+		isOpen: g,
+		open: y,
+		close: b,
+		toggle: x
+	}), [
+		e,
+		f,
+		p,
+		g,
+		t
+	]);
+	return /* @__PURE__ */ h(_.Provider, {
+		value: S,
+		children: /* @__PURE__ */ h("div", {
+			ref: o,
+			role: "none",
+			"data-disabled": t || void 0,
+			className: m(i.menu, n),
+			...a,
+			children: r
+		})
+	});
+});
+x.displayName = "Menubar.Menu";
+var S = a.forwardRef(({ asChild: n = !1, className: r, children: a, onKeyDown: o, onMouseEnter: c, ...l }, u) => {
+	let { openMenuId: d, registerTrigger: f } = v(), { triggerId: p, contentId: g, isOpen: _, open: b, toggle: x, menuId: S } = y(), C = !!l.disabled, w = s((e) => {
+		f(S, e), typeof u == "function" ? u(e) : u && (u.current = e);
+	}, [
+		f,
+		S,
+		u
+	]), T = (e) => {
+		o?.(e), !(e.defaultPrevented || C) && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
+	}, E = (e) => {
+		c?.(e), d && !C && b();
+	};
+	return /* @__PURE__ */ h(n ? e : "button", {
+		...l,
+		ref: w,
+		type: n ? void 0 : "button",
+		id: p,
+		role: "menuitem",
+		"aria-haspopup": "menu",
+		"aria-expanded": _,
+		"aria-controls": _ ? g : void 0,
+		disabled: C,
+		className: m(i.trigger, _ && i.triggerOpen, r),
+		onClick: x,
+		onKeyDown: T,
+		onMouseEnter: E,
+		children: /* @__PURE__ */ h(t, { children: a })
+	});
+});
+S.displayName = "Menubar.Trigger";
+var C = a.forwardRef(({ align: e = "start", className: t, children: r, ...a }, o) => {
+	let { contentId: c, triggerId: u, isOpen: d } = y(), [g, _] = p(-1), [v, b] = p(d), x = f(null);
+	d !== v && (b(d), _(d ? 0 : -1));
+	let S = s((e) => {
+		x.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+	}, [o]);
+	l(() => {
+		!d || g < 0 || Array.from(x.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? [])[g]?.focus();
+	}, [g, d]);
+	let C = (e) => {
+		let t = Array.from(x.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? []);
+		if (t.length !== 0) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), _((e) => e < t.length - 1 ? e + 1 : 0);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), _((e) => e > 0 ? e - 1 : t.length - 1);
+				break;
+			case "Home":
+				e.preventDefault(), _(0);
+				break;
+			case "End":
+				e.preventDefault(), _(t.length - 1);
+				break;
+			default: break;
+		}
+	};
+	return /* @__PURE__ */ h(n, {
+		...a,
+		ref: S,
+		show: d,
+		preset: "fade",
+		id: c,
+		role: "menu",
+		"aria-labelledby": u,
+		className: m(i.content, e === "end" ? i.alignEnd : i.alignStart, t),
+		onKeyDown: C,
+		children: r
+	});
+});
+C.displayName = "Menubar.Content";
+var w = a.forwardRef(({ children: e, onSelect: t, onClick: n, disabled: a = !1, className: o, ...s }, c) => {
+	let { close: l } = y(), u = (e) => {
+		a || (e.stopPropagation(), t?.(), n?.(e), l());
+	};
+	return /* @__PURE__ */ h(r, {
+		...s,
+		ref: c,
+		className: m(i.item, o),
+		disabled: a,
+		role: "menuitem",
+		tabIndex: -1,
+		onClick: u,
+		onKeyDown: (e) => {
+			!a && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(e));
+		},
+		children: e
+	});
+});
+w.displayName = "Menubar.Item";
+var T = a.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h("div", {
+	ref: n,
+	role: "separator",
+	className: m(i.separator, e),
+	...t
+}));
+T.displayName = "Menubar.Separator";
+var E = b;
+E.Menu = x, E.Trigger = S, E.Content = C, E.Item = w, E.Separator = T;
+//#endregion
+export { E as Menubar, E as default };

package/dist/components/navigation/Menubar/menubar.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1rpd6_2`,t=`_menu_1rpd6_13`,n=`_trigger_1rpd6_17`,r=`_triggerOpen_1rpd6_41`,i=`_content_1rpd6_44`,a=`_alignStart_1rpd6_58`,o=`_alignEnd_1rpd6_61`,s=`_item_1rpd6_64`,c=`_separator_1rpd6_67`,l={root:e,menu:t,trigger:n,triggerOpen:r,content:i,alignStart:a,alignEnd:o,item:s,separator:c};exports.alignEnd=o,exports.alignStart=a,exports.content=i,exports.default=l,exports.item=s,exports.menu=t,exports.root=e,exports.separator=c,exports.trigger=n,exports.triggerOpen=r;

package/dist/components/navigation/Menubar/menubar.module.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/components/navigation/Menubar/menubar.module.scss
+var e = "_root_1rpd6_2", t = "_menu_1rpd6_13", n = "_trigger_1rpd6_17", r = "_triggerOpen_1rpd6_41", i = "_content_1rpd6_44", a = "_alignStart_1rpd6_58", o = "_alignEnd_1rpd6_61", s = "_item_1rpd6_64", c = "_separator_1rpd6_67", l = {
+	root: e,
+	menu: t,
+	trigger: n,
+	triggerOpen: r,
+	content: i,
+	alignStart: a,
+	alignEnd: o,
+	item: s,
+	separator: c
+};
+//#endregion
+export { o as alignEnd, a as alignStart, i as content, l as default, s as item, t as menu, e as root, c as separator, n as trigger, r as triggerOpen };

package/dist/components/navigation/Pagination/Pagination.cjs

@@ -0,0 +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:l.default.container,children:(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.wrapper,b),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;

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

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+export type PaginationPageProps = React.ComponentPropsWithoutRef<"button"> & {
+    /**
+     * If true, merge page button props onto the child.
+     */
+    asChild?: boolean;
+    /** Page number this control represents */
+    page?: number;
+    /** Whether this page is the current page */
+    isActive?: boolean;
+};
+/**
+ * Page number control used by Pagination. Supports asChild for URL-based links.
+ */
+export declare const PaginationPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    /**
+     * If true, merge page button props onto the child.
+     */
+    asChild?: boolean;
+    /** Page number this control represents */
+    page?: number;
+    /** Whether this page is the current page */
+    isActive?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type PaginationPageRenderProps = React.ComponentPropsWithoutRef<"button"> & {
+    page: number;
+    isActive: boolean;
+};
+export interface PaginationProps {
+    /** Total number of items */
+    total: number;
+    /** Number of items per page */
+    pageSize?: number;
+    /** Current page number (1-indexed) */
+    current?: number;
+    /** Callback function when page changes */
+    onChange?: (page: number, pageSize: number) => void;
+    /** Callback function when page size changes */
+    onPageSizeChange?: (pageSize: number) => void;
+    /** Number of sibling pages to show around the current page */
+    siblingCount?: number;
+    /** Additional class names */
+    className?: string;
+    /**
+     * If true, merge nav props onto the child element.
+     */
+    asChild?: boolean;
+    /** Optional child used when asChild is true */
+    children?: React.ReactNode;
+    /**
+     * Custom renderer for page number controls. Defaults to PaginationPage.
+     * Useful for URL-based pagination (e.g. wrap with a Link via PaginationPage asChild).
+     */
+    renderPage?: (page: number, props: PaginationPageRenderProps) => React.ReactNode;
+    /** Whether to show a simplified version */
+    simple?: boolean;
+    /** Whether to hide the pagination if there is only one page */
+    hideOnSinglePage?: boolean;
+    /** Whether to show the page size changer */
+    showSizeChanger?: boolean;
+    /** Page size options for the page size changer */
+    pageSizeOptions?: number[];
+    /** Function to display the total count */
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    /** Whether to show quick jumper */
+    showQuickJumper?: boolean;
+    /** Labels for internationalization */
+    labels?: {
+        prevPage?: string;
+        nextPage?: string;
+        pageAriaLabel?: (page: number) => string;
+        itemsPerPage?: string;
+        goTo?: string;
+        go?: string;
+        pageSizeAriaLabel?: string;
+        jumpToPageAriaLabel?: string;
+        navAriaLabel?: string;
+        totalLabel?: 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 default Pagination;

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

@@ -0,0 +1,226 @@
+"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 "../../../icon/chevron-left.js";
+import i from "../../../icon/chevron-right.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import { Button as o } from "../../form/Button/Button.js";
+import { Input as s } from "../../form/Input/Input.js";
+import { Select as c } from "../../form/Select/Select.js";
+import l from "./pagination.module.js";
+import u, { useMemo as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/navigation/Pagination/Pagination.tsx
+var g = u.forwardRef(({ asChild: n = !1, className: r, children: i, page: a, isActive: o, ...s }, c) => /* @__PURE__ */ m(n ? e : "button", {
+	ref: c,
+	type: n ? void 0 : "button",
+	className: p(l.button, r),
+	"aria-current": o ? "page" : void 0,
+	...s,
+	children: n ? /* @__PURE__ */ m(t, { children: i }) : i
+}));
+g.displayName = "PaginationPage";
+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: D = !1, simple: O = !1, showSizeChanger: ee = !1, pageSizeOptions: k = [
+	10,
+	20,
+	50,
+	100
+], showTotal: A, showQuickJumper: j = !1, labels: M = {} }) => {
+	let { t: N } = n("common"), { 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 (S + 5 >= J) return Array.from({ length: J }, (e, t) => t + 1);
+		let e = Math.max(y - S, 1), t = Math.min(y + S, J), n = e > 2, r = t < J - 2, i = J;
+		if (!n && r) {
+			let e = 3 + 2 * S;
+			return [
+				...Array.from({ length: e }, (e, t) => t + 1),
+				_,
+				J
+			];
+		}
+		if (n && !r) {
+			let e = 3 + 2 * S;
+			return [
+				1,
+				_,
+				...Array.from({ length: e }, (t, n) => J - e + n + 1)
+			];
+		}
+		return n && r ? [
+			1,
+			_,
+			...Array.from({ length: t - e + 1 }, (t, n) => e + n),
+			_,
+			i
+		] : [];
+	}, [
+		J,
+		S,
+		y
+	]);
+	if (D && J <= 1) return null;
+	let X = (e) => {
+		e < 1 || e > J || e === y || b?.(e, q);
+	}, Z = (e) => {
+		W(e), x?.(e), b?.(1, e);
+	}, Q = () => {
+		let e = parseInt(G);
+		!isNaN(e) && e >= 1 && e <= J && (X(e), K(""));
+	}, te = (e) => {
+		e.key === "Enter" && Q();
+	}, ne = (y - 1) * q + 1, re = Math.min(y * q, u), $ = w ? e : "nav", ie = (e) => {
+		let t = {
+			page: e,
+			isActive: e === y,
+			onClick: () => X(e),
+			"aria-label": I(e)
+		};
+		return E ? E(e, t) : /* @__PURE__ */ m(g, {
+			...t,
+			children: e
+		});
+	};
+	return O ? /* @__PURE__ */ h($, {
+		className: p("wim-pagination", l.root, l.simple, C),
+		"aria-label": H,
+		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),
+						disabled: y === 1,
+						"aria-label": P,
+						children: /* @__PURE__ */ m(a, {
+							component: r,
+							size: "sm"
+						})
+					})
+				}),
+				/* @__PURE__ */ m("li", {
+					className: p(l.item, l.simplePager),
+					children: /* @__PURE__ */ h("span", { children: [
+						y,
+						" / ",
+						J
+					] })
+				}),
+				/* @__PURE__ */ m("li", {
+					className: p(l.item, y === J && l.disabled),
+					children: /* @__PURE__ */ m("button", {
+						className: l.button,
+						onClick: () => X(y + 1),
+						disabled: y === J,
+						"aria-label": F,
+						children: /* @__PURE__ */ m(a, {
+							component: i,
+							size: "sm"
+						})
+					})
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ m("div", {
+		className: l.container,
+		children: /* @__PURE__ */ h("div", {
+			className: p(l.wrapper, C),
+			children: [
+				A && /* @__PURE__ */ m("div", {
+					className: l.total,
+					children: A(u, [ne, re])
+				}),
+				/* @__PURE__ */ h($, {
+					className: l.root,
+					"aria-label": H,
+					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),
+									disabled: y === 1,
+									"aria-label": P,
+									children: /* @__PURE__ */ m(a, {
+										component: r,
+										size: "sm"
+									})
+								})
+							}),
+							/* @__PURE__ */ m("li", {
+								className: p(l.item, l.mobileIndicator),
+								children: /* @__PURE__ */ h("span", { children: [
+									y,
+									" / ",
+									J
+								] })
+							}),
+							Y.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: ie(e)
+							}, e)),
+							/* @__PURE__ */ m("li", {
+								className: p(l.item, y === J && l.disabled),
+								children: /* @__PURE__ */ m("button", {
+									className: l.button,
+									onClick: () => X(y + 1),
+									disabled: y === J,
+									"aria-label": F,
+									children: /* @__PURE__ */ m(a, {
+										component: i,
+										size: "sm"
+									})
+								})
+							})
+						]
+					})]
+				}),
+				ee && /* @__PURE__ */ m("div", {
+					className: l.sizeChanger,
+					children: /* @__PURE__ */ m(c, {
+						value: String(q),
+						onChange: (e) => Z(Number(e)),
+						options: k.map((e) => ({
+							label: `${e} ${L}`,
+							value: String(e)
+						})),
+						width: "auto",
+						"aria-label": B
+					})
+				}),
+				j && /* @__PURE__ */ h("div", {
+					className: l.quickJumper,
+					children: [
+						/* @__PURE__ */ m("span", { children: R }),
+						/* @__PURE__ */ m(s, {
+							type: "number",
+							min: 1,
+							max: J,
+							value: G,
+							onChange: (e) => K(e.target.value),
+							onKeyDown: te,
+							width: "60px",
+							"aria-label": V
+						}),
+						/* @__PURE__ */ m(o, {
+							size: "sm",
+							variant: "outline",
+							onClick: Q,
+							disabled: !G,
+							children: z
+						})
+					]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { v as Pagination, v as default, g as PaginationPage };

package/dist/components/navigation/Pagination/pagination.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_1g1pv_4`,t=`_wrapper_1g1pv_8`,n=`_root_1g1pv_14`,r=`_simple_1g1pv_22`,i=`_simplePager_1g1pv_22`,a=`_mobileIndicator_1g1pv_26`,o=`_item_1g1pv_40`,s=`_disabled_1g1pv_57`,c=`_active_1g1pv_57`,l=`_ellipsis_1g1pv_79`,u=`_number_1g1pv_87`,d=`_button_1g1pv_91`,f=`_total_1g1pv_110`,p=`_sizeChanger_1g1pv_114`,m=`_quickJumper_1g1pv_120`,h={container:e,wrapper:t,root:n,simple:r,simplePager:i,mobileIndicator:a,item:o,disabled:s,active:c,ellipsis:l,number:u,button:d,total:f,sizeChanger:p,quickJumper:m};exports.active=c,exports.button=d,exports.container=e,exports.default=h,exports.disabled=s,exports.ellipsis=l,exports.item=o,exports.mobileIndicator=a,exports.number=u,exports.quickJumper=m,exports.root=n,exports.simple=r,exports.simplePager=i,exports.sizeChanger=p,exports.total=f,exports.wrapper=t;

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

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/navigation/Pagination/pagination.module.scss
+var e = "_container_1g1pv_4", t = "_wrapper_1g1pv_8", n = "_root_1g1pv_14", r = "_simple_1g1pv_22", i = "_simplePager_1g1pv_22", a = "_mobileIndicator_1g1pv_26", o = "_item_1g1pv_40", s = "_disabled_1g1pv_57", c = "_active_1g1pv_57", l = "_ellipsis_1g1pv_79", u = "_number_1g1pv_87", d = "_button_1g1pv_91", f = "_total_1g1pv_110", p = "_sizeChanger_1g1pv_114", m = "_quickJumper_1g1pv_120", h = {
+	container: e,
+	wrapper: t,
+	root: n,
+	simple: r,
+	simplePager: i,
+	mobileIndicator: a,
+	item: o,
+	disabled: s,
+	active: c,
+	ellipsis: l,
+	number: u,
+	button: d,
+	total: f,
+	sizeChanger: p,
+	quickJumper: m
+};
+//#endregion
+export { c as active, d as button, e as container, h as default, s as disabled, l as ellipsis, o as item, a as mobileIndicator, u as number, m as quickJumper, n as root, r as simple, i as simplePager, p as sizeChanger, f as total, t as wrapper };

package/dist/components/navigation/SpeedDial/SpeedDial.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../form/FloatButton/FloatButton.cjs"),n=require("./speed-dial.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({actions:e,icon:o=`PlusIcon`,activeIcon:s=`CloseIcon`,direction:c=`up`,trigger:l=`hover`,open:u,onOpenChange:d,className:f,...p},m)=>{let[h,g]=(0,r.useState)(!1),_=u??h,v=e=>{g(e),d?.(e)},y=()=>{l===`hover`&&v(!0)},b=()=>{l===`hover`&&v(!1)},x=()=>{l===`click`&&v(!_)};return(0,a.jsxs)(`div`,{ref:m,className:(0,i.default)(`wim-speed-dial`,n.default.root,n.default[c],_&&n.default.open,f),onMouseEnter:y,onMouseLeave:b,...p,children:[(0,a.jsx)(`div`,{className:n.default.actions,children:e.map((e,r)=>(0,a.jsx)(`div`,{className:n.default.actionWrapper,style:{transitionDelay:_?`${r*50}ms`:`0ms`},children:(0,a.jsx)(t.FloatButton,{iconName:e.icon,label:e.label,size:`sm`,className:(0,i.default)(n.default.action,e.className),onClick:()=>{e.onClick?.(),l===`click`&&v(!1)},position:`static`})},r))}),(0,a.jsx)(t.FloatButton,{iconName:_?s:o,variant:`primary`,onClick:x,className:n.default.trigger,position:`static`,"aria-expanded":_,"aria-haspopup":`true`})]})});o.displayName=`SpeedDial`,exports.SpeedDial=o;

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

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { IconName } from '../../../icon';
+export interface SpeedDialAction {
+    icon: IconName;
+    label: string;
+    onClick?: () => void;
+    className?: string;
+    intent?: "default" | "danger" | "success";
+}
+export type SpeedDialProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Actions to display when SpeedDial is open */
+    actions: SpeedDialAction[];
+    /** Icon name for the main button when closed */
+    icon?: IconName;
+    /** Icon name for the main button when open */
+    activeIcon?: IconName;
+    /** Direction in which actions expand */
+    direction?: "up" | "down" | "left" | "right";
+    /** Trigger mode to open the SpeedDial */
+    trigger?: "hover" | "click";
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * SpeedDial component displays a floating action button that expands to show multiple actions.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const SpeedDial: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Actions to display when SpeedDial is open */
+    actions: SpeedDialAction[];
+    /** Icon name for the main button when closed */
+    icon?: IconName;
+    /** Icon name for the main button when open */
+    activeIcon?: IconName;
+    /** Direction in which actions expand */
+    direction?: "up" | "down" | "left" | "right";
+    /** Trigger mode to open the SpeedDial */
+    trigger?: "hover" | "click";
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+} & React.RefAttributes<HTMLDivElement>>;