wimui 0.51.1 → 0.52.0

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

@@ -1,12 +1,13 @@
 "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 { commonNs as r } from "../../../i18n/generated/common.js";
+import i from "../../../icon/chevron-left.js";
+import a from "../../../icon/chevron-right.js";
+import { Icon as o } from "../../media/Icon/Icon.js";
+import { Button as s } from "../../form/Button/Button.js";
+import { Input as c } from "../../form/Input/Input.js";
+import { Select as ee } 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";
@@ -21,17 +22,17 @@ var g = u.forwardRef(({ asChild: n = !1, className: r, children: i, page: a, isA
 	children: n ? /* @__PURE__ */ m(t, { children: i }) : i
 }));
 g.displayName = "PaginationPage";
-var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, onPageSizeChange: x, siblingCount: S = 1, className: C, asChild: w = !1, children: T, renderPage: E, hideOnSinglePage: D = !1, simple: O = !1, showSizeChanger: ee = !1, pageSizeOptions: k = [
+var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, onPageSizeChange: te, siblingCount: x = 1, className: S, asChild: C = !1, children: w, renderPage: T, hideOnSinglePage: E = !1, simple: D = !1, showSizeChanger: O = !1, pageSizeOptions: k = [
 	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;
+	let { t: N } = n(r), { prevPage: P = N("a11y.go_to_prev_page"), nextPage: F = N("a11y.go_to_next_page"), pageAriaLabel: I = (e) => N("a11y.go_to_page", { page: String(e) }), itemsPerPage: L = N("pagination.items_per_page"), goTo: R = N("pagination.go_to"), go: z = N("pagination.go"), pageSizeAriaLabel: B = N("a11y.items_per_page"), jumpToPageAriaLabel: V = N("a11y.jump_to_page"), navAriaLabel: H = N("a11y.pagination_nav") } = M, [U, W] = f(v), [G, K] = f(""), q = U, J = Math.ceil(u / q), Y = d(() => {
+		if (x + 5 >= J) return Array.from({ length: J }, (e, t) => t + 1);
+		let e = Math.max(y - x, 1), t = Math.min(y + x, J), n = e > 2, r = t < J - 2, i = J;
 		if (!n && r) {
-			let e = 3 + 2 * S;
+			let e = 3 + 2 * x;
 			return [
 				...Array.from({ length: e }, (e, t) => t + 1),
 				_,
@@ -39,7 +40,7 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 			];
 		}
 		if (n && !r) {
-			let e = 3 + 2 * S;
+			let e = 3 + 2 * x;
 			return [
 				1,
 				_,
@@ -55,35 +56,35 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 		] : [];
 	}, [
 		J,
-		S,
+		x,
 		y
 	]);
-	if (D && J <= 1) return null;
+	if (E && 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);
+		W(e), te?.(e), b?.(1, e);
 	}, Q = () => {
 		let e = parseInt(G);
 		!isNaN(e) && e >= 1 && e <= J && (X(e), K(""));
-	}, te = (e) => {
+	}, ne = (e) => {
 		e.key === "Enter" && Q();
-	}, ne = (y - 1) * q + 1, re = Math.min(y * q, u), $ = w ? e : "nav", ie = (e) => {
+	}, re = (y - 1) * q + 1, ie = Math.min(y * q, u), $ = C ? e : "nav", ae = (e) => {
 		let t = {
 			page: e,
 			isActive: e === y,
 			onClick: () => X(e),
 			"aria-label": I(e)
 		};
-		return E ? E(e, t) : /* @__PURE__ */ m(g, {
+		return T ? T(e, t) : /* @__PURE__ */ m(g, {
 			...t,
 			children: e
 		});
 	};
-	return O ? /* @__PURE__ */ h($, {
-		className: p("wim-pagination", l.root, l.simple, C),
+	return D ? /* @__PURE__ */ h($, {
+		className: p("wim-pagination", l.root, l.simple, S),
 		"aria-label": H,
-		children: [/* @__PURE__ */ m(t, { children: T }), /* @__PURE__ */ h("ul", {
+		children: [/* @__PURE__ */ m(t, { children: w }), /* @__PURE__ */ h("ul", {
 			className: l.root,
 			children: [
 				/* @__PURE__ */ m("li", {
@@ -93,8 +94,8 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 						onClick: () => X(y - 1),
 						disabled: y === 1,
 						"aria-label": P,
-						children: /* @__PURE__ */ m(a, {
-							component: r,
+						children: /* @__PURE__ */ m(o, {
+							component: i,
 							size: "sm"
 						})
 					})
@@ -114,8 +115,8 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 						onClick: () => X(y + 1),
 						disabled: y === J,
 						"aria-label": F,
-						children: /* @__PURE__ */ m(a, {
-							component: i,
+						children: /* @__PURE__ */ m(o, {
+							component: a,
 							size: "sm"
 						})
 					})
@@ -123,18 +124,18 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 			]
 		})]
 	}) : /* @__PURE__ */ m("div", {
-		className: p("wim-pagination", l.container, C),
+		className: p("wim-pagination", l.container, S),
 		children: /* @__PURE__ */ h("div", {
 			className: l.wrapper,
 			children: [
 				A && /* @__PURE__ */ m("div", {
 					className: l.total,
-					children: A(u, [ne, re])
+					children: A(u, [re, ie])
 				}),
 				/* @__PURE__ */ h($, {
 					className: l.root,
 					"aria-label": H,
-					children: [/* @__PURE__ */ m(t, { children: T }), /* @__PURE__ */ h("ul", {
+					children: [/* @__PURE__ */ m(t, { children: w }), /* @__PURE__ */ h("ul", {
 						className: l.root,
 						children: [
 							/* @__PURE__ */ m("li", {
@@ -144,8 +145,8 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 									onClick: () => X(y - 1),
 									disabled: y === 1,
 									"aria-label": P,
-									children: /* @__PURE__ */ m(a, {
-										component: r,
+									children: /* @__PURE__ */ m(o, {
+										component: i,
 										size: "sm"
 									})
 								})
@@ -164,7 +165,7 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 								children: _
 							}, `ellipsis-${t}`) : /* @__PURE__ */ m("li", {
 								className: p(l.item, l.number, e === y && l.active),
-								children: ie(e)
+								children: ae(e)
 							}, e)),
 							/* @__PURE__ */ m("li", {
 								className: p(l.item, y === J && l.disabled),
@@ -173,8 +174,8 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 									onClick: () => X(y + 1),
 									disabled: y === J,
 									"aria-label": F,
-									children: /* @__PURE__ */ m(a, {
-										component: i,
+									children: /* @__PURE__ */ m(o, {
+										component: a,
 										size: "sm"
 									})
 								})
@@ -182,9 +183,9 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 						]
 					})]
 				}),
-				ee && /* @__PURE__ */ m("div", {
+				O && /* @__PURE__ */ m("div", {
 					className: l.sizeChanger,
-					children: /* @__PURE__ */ m(c, {
+					children: /* @__PURE__ */ m(ee, {
 						value: String(q),
 						onChange: (e) => Z(Number(e)),
 						options: k.map((e) => ({
@@ -199,17 +200,17 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 					className: l.quickJumper,
 					children: [
 						/* @__PURE__ */ m("span", { children: R }),
-						/* @__PURE__ */ m(s, {
+						/* @__PURE__ */ m(c, {
 							type: "number",
 							min: 1,
 							max: J,
 							value: G,
 							onChange: (e) => K(e.target.value),
-							onKeyDown: te,
+							onKeyDown: ne,
 							width: "60px",
 							"aria-label": V
 						}),
-						/* @__PURE__ */ m(o, {
+						/* @__PURE__ */ m(s, {
 							size: "sm",
 							variant: "outline",
 							onClick: Q,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/FloatButton/FloatButton.cjs"),r=require("./speed-dial.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(({actions:e,icon:s=`PlusIcon`,activeIcon:c=`CloseIcon`,direction:l=`up`,trigger:u=`hover`,open:d,onOpenChange:f,className:p,"aria-label":m,...h},g)=>{let{t:_}=t.useWimTranslation(`common`),[v,y]=(0,i.useState)(!1),b=d??v,x=(0,i.useRef)(null),S=(0,i.useRef)(!1),C=e=>{y(e),f?.(e)},w=()=>{u===`hover`&&C(!0)},T=()=>{u===`hover`&&C(!1)},E=()=>{u===`click`&&C(!b)},D=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S.current=!b,C(!b))};return(0,i.useEffect)(()=>{b&&S.current&&x.current?.querySelector(`button`)?.focus()},[b]),(0,o.jsxs)(`div`,{ref:g,className:(0,a.default)(`wim-speed-dial`,r.default.root,r.default[l],b&&r.default.open,p),onMouseEnter:w,onMouseLeave:T,onKeyDown:e=>{e.key===`Escape`&&b&&(e.preventDefault(),S.current=!1,C(!1),e.currentTarget.querySelector(`[aria-haspopup]`)?.focus())},onBlur:e=>{S.current&&(e.currentTarget.contains(e.relatedTarget)||(S.current=!1,C(!1)))},...h,children:[(0,o.jsx)(`div`,{ref:x,className:r.default.actions,inert:!b,children:e.map((e,t)=>(0,o.jsx)(`div`,{className:r.default.actionWrapper,style:{transitionDelay:b?`${t*50}ms`:`0ms`},children:(0,o.jsx)(n.FloatButton,{iconName:e.icon,label:e.label,size:`sm`,intent:e.intent,className:e.className,onClick:()=>{e.onClick?.(),u===`click`&&C(!1)},position:`inline`})},t))}),(0,o.jsx)(n.FloatButton,{iconName:b?c:s,onClick:E,className:r.default.trigger,position:`inline`,"aria-expanded":b,"aria-haspopup":`true`,"aria-label":m??_(b?`a11y.close_menu`:`a11y.open_menu`),onKeyDown:D})]})});s.displayName=`SpeedDial`,exports.SpeedDial=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../form/FloatButton/FloatButton.cjs"),i=require("./speed-dial.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({actions:e,icon:c=`PlusIcon`,activeIcon:l=`CloseIcon`,direction:u=`up`,trigger:d=`hover`,open:f,onOpenChange:p,className:m,"aria-label":h,...g},_)=>{let{t:v}=t.useWimTranslation(n.commonNs),[y,b]=(0,a.useState)(!1),x=f??y,S=(0,a.useRef)(null),C=(0,a.useRef)(!1),w=e=>{b(e),p?.(e)},T=()=>{d===`hover`&&w(!0)},E=()=>{d===`hover`&&w(!1)},D=()=>{d===`click`&&w(!x)},O=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C.current=!x,w(!x))};return(0,a.useEffect)(()=>{x&&C.current&&S.current?.querySelector(`button`)?.focus()},[x]),(0,s.jsxs)(`div`,{ref:_,className:(0,o.default)(`wim-speed-dial`,i.default.root,i.default[u],x&&i.default.open,m),onMouseEnter:T,onMouseLeave:E,onKeyDown:e=>{e.key===`Escape`&&x&&(e.preventDefault(),C.current=!1,w(!1),e.currentTarget.querySelector(`[aria-haspopup]`)?.focus())},onBlur:e=>{C.current&&(e.currentTarget.contains(e.relatedTarget)||(C.current=!1,w(!1)))},...g,children:[(0,s.jsx)(`div`,{ref:S,className:i.default.actions,inert:!x,children:e.map((e,t)=>(0,s.jsx)(`div`,{className:i.default.actionWrapper,style:{transitionDelay:x?`${t*50}ms`:`0ms`},children:(0,s.jsx)(r.FloatButton,{iconName:e.icon,label:e.label,size:`sm`,intent:e.intent,className:e.className,onClick:()=>{e.onClick?.(),d===`click`&&w(!1)},position:`inline`})},t))}),(0,s.jsx)(r.FloatButton,{iconName:x?l:c,onClick:D,className:i.default.trigger,position:`inline`,"aria-expanded":x,"aria-haspopup":`true`,"aria-label":h??v(x?`a11y.close_menu`:`a11y.open_menu`),onKeyDown:O})]})});c.displayName=`SpeedDial`,exports.SpeedDial=c;

package/dist/components/navigation/SpeedDial/SpeedDial.js

@@ -1,68 +1,69 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { FloatButton as t } from "../../form/FloatButton/FloatButton.js";
-import n from "./speed-dial.module.js";
-import r, { useEffect as i, useRef as a, useState as o } from "react";
-import s from "classnames";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import { FloatButton as n } from "../../form/FloatButton/FloatButton.js";
+import r from "./speed-dial.module.js";
+import i, { useEffect as a, useRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/navigation/SpeedDial/SpeedDial.tsx
-var u = r.forwardRef(({ actions: r, icon: u = "PlusIcon", activeIcon: d = "CloseIcon", direction: f = "up", trigger: p = "hover", open: m, onOpenChange: h, className: g, "aria-label": _, ...v }, y) => {
-	let { t: b } = e("common"), [x, S] = o(!1), C = m ?? x, w = a(null), T = a(!1), E = (e) => {
-		S(e), h?.(e);
-	}, D = () => {
-		p === "hover" && E(!0);
+var d = i.forwardRef(({ actions: i, icon: d = "PlusIcon", activeIcon: f = "CloseIcon", direction: p = "up", trigger: m = "hover", open: h, onOpenChange: g, className: _, "aria-label": v, ...y }, b) => {
+	let { t: x } = e(t), [S, C] = s(!1), w = h ?? S, T = o(null), E = o(!1), D = (e) => {
+		C(e), g?.(e);
 	}, O = () => {
-		p === "hover" && E(!1);
+		m === "hover" && D(!0);
 	}, k = () => {
-		p === "click" && E(!C);
-	}, A = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T.current = !C, E(!C));
+		m === "hover" && D(!1);
+	}, A = () => {
+		m === "click" && D(!w);
+	}, j = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), E.current = !w, D(!w));
 	};
-	return i(() => {
-		C && T.current && w.current?.querySelector("button")?.focus();
-	}, [C]), /* @__PURE__ */ l("div", {
-		ref: y,
-		className: s("wim-speed-dial", n.root, n[f], C && n.open, g),
-		onMouseEnter: D,
-		onMouseLeave: O,
+	return a(() => {
+		w && E.current && T.current?.querySelector("button")?.focus();
+	}, [w]), /* @__PURE__ */ u("div", {
+		ref: b,
+		className: c("wim-speed-dial", r.root, r[p], w && r.open, _),
+		onMouseEnter: O,
+		onMouseLeave: k,
 		onKeyDown: (e) => {
-			e.key === "Escape" && C && (e.preventDefault(), T.current = !1, E(!1), e.currentTarget.querySelector("[aria-haspopup]")?.focus());
+			e.key === "Escape" && w && (e.preventDefault(), E.current = !1, D(!1), e.currentTarget.querySelector("[aria-haspopup]")?.focus());
 		},
 		onBlur: (e) => {
-			T.current && (e.currentTarget.contains(e.relatedTarget) || (T.current = !1, E(!1)));
+			E.current && (e.currentTarget.contains(e.relatedTarget) || (E.current = !1, D(!1)));
 		},
-		...v,
-		children: [/* @__PURE__ */ c("div", {
-			ref: w,
-			className: n.actions,
-			inert: !C,
-			children: r.map((e, r) => /* @__PURE__ */ c("div", {
-				className: n.actionWrapper,
-				style: { transitionDelay: C ? `${r * 50}ms` : "0ms" },
-				children: /* @__PURE__ */ c(t, {
+		...y,
+		children: [/* @__PURE__ */ l("div", {
+			ref: T,
+			className: r.actions,
+			inert: !w,
+			children: i.map((e, t) => /* @__PURE__ */ l("div", {
+				className: r.actionWrapper,
+				style: { transitionDelay: w ? `${t * 50}ms` : "0ms" },
+				children: /* @__PURE__ */ l(n, {
 					iconName: e.icon,
 					label: e.label,
 					size: "sm",
 					intent: e.intent,
 					className: e.className,
 					onClick: () => {
-						e.onClick?.(), p === "click" && E(!1);
+						e.onClick?.(), m === "click" && D(!1);
 					},
 					position: "inline"
 				})
-			}, r))
-		}), /* @__PURE__ */ c(t, {
-			iconName: C ? d : u,
-			onClick: k,
-			className: n.trigger,
+			}, t))
+		}), /* @__PURE__ */ l(n, {
+			iconName: w ? f : d,
+			onClick: A,
+			className: r.trigger,
 			position: "inline",
-			"aria-expanded": C,
+			"aria-expanded": w,
 			"aria-haspopup": "true",
-			"aria-label": _ ?? b(C ? "a11y.close_menu" : "a11y.open_menu"),
-			onKeyDown: A
+			"aria-label": v ?? x(w ? "a11y.close_menu" : "a11y.open_menu"),
+			onKeyDown: j
 		})]
 	});
 });
-u.displayName = "SpeedDial";
+d.displayName = "SpeedDial";
 //#endregion
-export { u as SpeedDial };
+export { d as SpeedDial };

package/dist/components/navigation/Tabs/tabs.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_hj4gd_30`,t=`_root_hj4gd_44`,n=`_vertical_hj4gd_53`,r=`_list_hj4gd_61`,i=`_trigger_hj4gd_80`,a=`_active_hj4gd_102`,o=`_content_hj4gd_106`,s=`_dragging_hj4gd_134`,c=`_ready_hj4gd_138`,l=`_slider_hj4gd_138`,u={container:e,root:t,vertical:n,list:r,trigger:i,active:a,content:o,dragging:s,ready:c,slider:l};exports.active=a,exports.container=e,exports.content=o,exports.default=u,exports.dragging=s,exports.list=r,exports.ready=c,exports.root=t,exports.slider=l,exports.trigger=i,exports.vertical=n;
+var e=`_container_1rl5y_30`,t=`_root_1rl5y_44`,n=`_vertical_1rl5y_53`,r=`_list_1rl5y_61`,i=`_trigger_1rl5y_80`,a=`_active_1rl5y_102`,o=`_content_1rl5y_106`,s=`_dragging_1rl5y_134`,c=`_ready_1rl5y_138`,l=`_slider_1rl5y_138`,u={container:e,root:t,vertical:n,list:r,trigger:i,active:a,content:o,dragging:s,ready:c,slider:l};exports.active=a,exports.container=e,exports.content=o,exports.default=u,exports.dragging=s,exports.list=r,exports.ready=c,exports.root=t,exports.slider=l,exports.trigger=i,exports.vertical=n;

package/dist/components/navigation/Tabs/tabs.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/Tabs/tabs.module.scss
-var e = "_container_hj4gd_30", t = "_root_hj4gd_44", n = "_vertical_hj4gd_53", r = "_list_hj4gd_61", i = "_trigger_hj4gd_80", a = "_active_hj4gd_102", o = "_content_hj4gd_106", s = "_dragging_hj4gd_134", c = "_ready_hj4gd_138", l = "_slider_hj4gd_138", u = {
+var e = "_container_1rl5y_30", t = "_root_1rl5y_44", n = "_vertical_1rl5y_53", r = "_list_1rl5y_61", i = "_trigger_1rl5y_80", a = "_active_1rl5y_102", o = "_content_1rl5y_106", s = "_dragging_1rl5y_134", c = "_ready_1rl5y_138", l = "_slider_1rl5y_138", u = {
 	container: e,
 	root: t,
 	vertical: n,

package/dist/components/overlay/ContextMenu/ContextMenu.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("./context-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"),l=require("@floating-ui/react");var u=o.default.createContext(null),d=({children:e,menu:i,className:d,disabled:f=!1,asChild:p=!1})=>{let[m,h]=(0,o.useState)(!1),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)([]),x=(0,o.useRef)(null),S=r.useMergedRef(x),{refs:C,floatingStyles:w,context:T}=(0,l.useFloating)({open:m,onOpenChange:e=>{h(e),e||(_(null),y(!1))},strategy:`fixed`,middleware:[(0,l.flip)(),(0,l.shift)({padding:10})],whileElementsMounted:l.autoUpdate}),E=(0,l.useDismiss)(T),D=(0,l.useRole)(T,{role:`menu`}),O=(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0}),{getFloatingProps:k,getItemProps:A}=(0,l.useInteractions)([E,D,O]),j=(e,t,n)=>{C.setReference({getBoundingClientRect(){return{width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t}}}),y(n),h(!0),_(0)},M=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;j(e.clientX,e.clientY,t)},N=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&j(t.left+t.width/2,t.top+t.height/2,!0)}},P=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,!p&&a.default.container,f&&a.default.disabled,d),onContextMenu:M,onKeyDown:N,tabIndex:f?-1:0,"data-testid":`context-menu-trigger`,children:[(0,c.jsx)(t.Slottable,{children:e}),(0,c.jsx)(l.FloatingPortal,{preserveTabOrder:!1,children:(0,c.jsx)(n.Transition,{show:m,preset:`fade`,children:(0,c.jsx)(l.FloatingFocusManager,{context:T,modal:!1,guards:!1,initialFocus:v?g??0:-1,children:(0,c.jsx)(`div`,{ref:C.setFloating,className:a.default.menu,style:w,...k({onClick:P,onKeyDown(e){e.key===`Escape`&&P(),e.key===`Tab`&&(e.preventDefault(),P())}}),"aria-labelledby":void 0,children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:A},children:(0,c.jsx)(l.FloatingList,{elementsRef:b,children:i})})})})})})]})},f=({children:e,onClick:t,disabled:n=!1,className:r,icon:d,danger:f=!1,asChild:p=!1})=>{let{ref:m,index:h}=(0,l.useListItem)(),g=(0,o.useContext)(u),_=()=>{n||t&&t()},v=g?g.getItemProps({index:h,onClick:()=>_(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())}}):{},y={ref:m,className:(0,s.default)(a.default.item,r),disabled:n,danger:f,icon:d,role:`menuitem`,tabIndex:g?.activeIndex===h?0:-1,...v};return p?(0,c.jsx)(`li`,{role:`none`,children:(0,c.jsx)(i.BaseListItem,{asChild:!0,...y,children:e})}):(0,c.jsx)(i.BaseListItem,{...y,children:e})},p=({className:e})=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.divider,e),role:`separator`}),m=({children:e,title:t,className:n})=>{let r=o.default.useId();return(0,c.jsxs)(`div`,{role:`group`,"aria-labelledby":t?r:void 0,className:n,"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{id:r,className:a.default.groupTitle,"data-testid":`context-menu-group-title`,"aria-hidden":`true`,children:t}),e]})},h=e=>(0,c.jsx)(d,{...e});h.displayName=`ContextMenu`,h.Item=f,h.Divider=p,h.Group=m,exports.ContextMenu=h,exports.default=h,exports.ContextMenuDivider=p,exports.ContextMenuGroup=m,exports.ContextMenuItem=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("./context-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"),l=require("@floating-ui/react");var u=o.default.createContext(null),d=({children:e,menu:i,className:d,disabled:f=!1,asChild:p=!1})=>{let[m,h]=(0,o.useState)(!1),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)([]),x=(0,o.useRef)(null),S=n.useMergedRef(x),{refs:C,floatingStyles:w,context:T}=(0,l.useFloating)({open:m,onOpenChange:e=>{h(e),e||(_(null),y(!1))},strategy:`fixed`,middleware:[(0,l.flip)(),(0,l.shift)({padding:10})],whileElementsMounted:l.autoUpdate}),E=(0,l.useDismiss)(T),D=(0,l.useRole)(T,{role:`menu`}),O=(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0}),{getFloatingProps:k,getItemProps:A}=(0,l.useInteractions)([E,D,O]),j=(e,t,n)=>{C.setReference({getBoundingClientRect(){return{width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t}}}),y(n),h(!0),_(0)},M=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;j(e.clientX,e.clientY,t)},N=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&j(t.left+t.width/2,t.top+t.height/2,!0)}},P=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,!p&&a.default.container,f&&a.default.disabled,d),onContextMenu:M,onKeyDown:N,tabIndex:f?-1:0,"data-testid":`context-menu-trigger`,children:[(0,c.jsx)(t.Slottable,{children:e}),(0,c.jsx)(l.FloatingPortal,{preserveTabOrder:!1,children:(0,c.jsx)(r.Transition,{show:m,preset:`fade`,children:(0,c.jsx)(l.FloatingFocusManager,{context:T,modal:!1,guards:!1,initialFocus:v?g??0:-1,children:(0,c.jsx)(`div`,{ref:C.setFloating,className:a.default.menu,style:w,...k({onClick:P,onKeyDown(e){e.key===`Escape`&&P(),e.key===`Tab`&&(e.preventDefault(),P())}}),"aria-labelledby":void 0,children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:A},children:(0,c.jsx)(l.FloatingList,{elementsRef:b,children:i})})})})})})]})},f=({children:e,onClick:t,disabled:n=!1,className:r,icon:d,danger:f=!1,asChild:p=!1})=>{let{ref:m,index:h}=(0,l.useListItem)(),g=(0,o.useContext)(u),_=()=>{n||t&&t()},v=g?g.getItemProps({index:h,onClick:()=>_(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())}}):{},y={ref:m,className:(0,s.default)(a.default.item,r),disabled:n,danger:f,icon:d,role:`menuitem`,tabIndex:g?.activeIndex===h?0:-1,...v};return p?(0,c.jsx)(`li`,{role:`none`,children:(0,c.jsx)(i.BaseListItem,{asChild:!0,...y,children:e})}):(0,c.jsx)(i.BaseListItem,{...y,children:e})},p=({className:e})=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.divider,e),role:`separator`}),m=({children:e,title:t,className:n})=>{let r=o.default.useId();return(0,c.jsxs)(`div`,{role:`group`,"aria-labelledby":t?r:void 0,className:n,"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{id:r,className:a.default.groupTitle,"data-testid":`context-menu-group-title`,"aria-hidden":`true`,children:t}),e]})},h=e=>(0,c.jsx)(d,{...e});h.displayName=`ContextMenu`,h.Item=f,h.Divider=p,h.Group=m,exports.ContextMenu=h,exports.default=h,exports.ContextMenuDivider=p,exports.ContextMenuGroup=m,exports.ContextMenuItem=f;

package/dist/components/overlay/ContextMenu/ContextMenu.js

@@ -1,7 +1,7 @@
 "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 { useMergedRef as r } from "../../../hooks/useMergedRef.js";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
+import { Transition as r } from "../../layout/Transition/Transition.js";
 import { BaseListItem as i } from "../../_internal/BaseListItem/BaseListItem.js";
 import a from "./context-menu.module.js";
 import o, { useContext as s, useRef as c, useState as l } from "react";
@@ -10,7 +10,7 @@ import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { FloatingFocusManager as p, FloatingList as m, FloatingPortal as h, autoUpdate as g, flip as _, shift as v, useDismiss as y, useFloating as b, useInteractions as x, useListItem as S, useListNavigation as C, useRole as w } from "@floating-ui/react";
 //#region src/components/overlay/ContextMenu/ContextMenu.tsx
 var T = o.createContext(null), E = ({ children: i, menu: o, className: s, disabled: S = !1, asChild: E = !1 }) => {
-	let [D, O] = l(!1), [k, A] = l(null), [j, M] = l(!1), N = c([]), P = c(null), F = r(P), { refs: I, floatingStyles: L, context: R } = b({
+	let [D, O] = l(!1), [k, A] = l(null), [j, M] = l(!1), N = c([]), P = c(null), F = n(P), { refs: I, floatingStyles: L, context: R } = b({
 		open: D,
 		onOpenChange: (e) => {
 			O(e), e || (A(null), M(!1));
@@ -62,7 +62,7 @@ var T = o.createContext(null), E = ({ children: i, menu: o, className: s, disabl
 		"data-testid": "context-menu-trigger",
 		children: [/* @__PURE__ */ d(t, { children: i }), /* @__PURE__ */ d(h, {
 			preserveTabOrder: !1,
-			children: /* @__PURE__ */ d(n, {
+			children: /* @__PURE__ */ d(r, {
 				show: D,
 				preset: "fade",
 				children: /* @__PURE__ */ d(p, {

package/dist/components/overlay/Popover/Popover.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:u=`bottom-start`,variant:f=`default`})=>{let{isOpen:p,setOpen:m,refs:h,floatingStyles:g,context:_,getReferenceProps:v,getFloatingProps:y}=o.useFloatingElement({placement:u,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`}),b=()=>m(!1),x=s.default.useId(),[S,C]=s.default.useState(`wim-popover-trigger-${x}`);return(0,l.jsx)(d.Provider,{value:{open:p,onOpenChange:m,refs:h,floatingStyles:g,context:_,getReferenceProps:v,getFloatingProps:y,close:b,variant:f,triggerId:S,setTriggerId:C},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]),m=n&&s.default.isValidElement(e)?e.props.id:void 0,h=r.id??m??o.triggerId,{setTriggerId:g}=o;if(s.default.useLayoutEffect(()=>{g(h)},[h,g]),n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,id:h,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps({...r,id:h}),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b,triggerId:x}=h,S=p[`aria-label`]!=null||p[`aria-labelledby`]!=null?p[`aria-labelledby`]:x,C=(0,u.useMergeRefs)([_.setFloating,m]);return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:C,style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),"aria-labelledby":S,children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../../icon/close.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./popover.module.cjs"),s=require("../../_internal/useFloatingElement.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime"),d=require("@floating-ui/react");var f=c.default.createContext(null),p=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:a=`bottom-start`,variant:d=`default`})=>{let{isOpen:p,setOpen:m,refs:h,floatingStyles:g,context:_,getReferenceProps:v,getFloatingProps:y}=s.useFloatingElement({placement:a,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`}),b=()=>m(!1),x=c.default.useId(),[S,C]=c.default.useState(`wim-popover-trigger-${x}`);return(0,u.jsx)(f.Provider,{value:{open:p,onOpenChange:m,refs:h,floatingStyles:g,context:_,getReferenceProps:v,getFloatingProps:y,close:b,variant:d,triggerId:S,setTriggerId:C},children:(0,u.jsx)(`div`,{className:(0,l.default)(`wim-popover`,o.default.root,t),children:e})})},m=c.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let a=c.default.useContext(f);if(a==null)throw Error(`Popover components must be wrapped in <Popover />`);let s=e.ref,p=(0,d.useMergeRefs)([a.refs.setReference,i,s??null]),m=n&&c.default.isValidElement(e)?e.props.id:void 0,h=r.id??m??a.triggerId,{setTriggerId:g}=a;if(c.default.useLayoutEffect(()=>{g(h)},[h,g]),n&&c.default.isValidElement(e)){let n=e.props,i=a.getReferenceProps({ref:p,...r,...n,id:h,className:(0,l.default)(t,n.className)});return c.default.cloneElement(e,{...i,"data-state":a.open?`open`:`closed`})}return(0,u.jsx)(`button`,{ref:p,type:`button`,className:(0,l.default)(o.default.trigger,t),"data-state":a.open?`open`:`closed`,...a.getReferenceProps({...r,id:h}),children:e})});m.displayName=`PopoverTrigger`;var h=c.default.forwardRef(({children:e,className:t,align:n,side:i,style:a,modal:s=!1,...p},m)=>{let h=c.default.useContext(f);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b,triggerId:x}=h,S=p[`aria-label`]!=null||p[`aria-labelledby`]!=null?p[`aria-labelledby`]:x,C=(0,d.useMergeRefs)([_.setFloating,m]);return(0,u.jsx)(d.FloatingPortal,{children:(0,u.jsx)(r.Transition,{show:g,preset:`fade`,children:(0,u.jsx)(d.FloatingFocusManager,{context:b,modal:s,children:(0,u.jsx)(`div`,{ref:C,style:{...v,...a},className:(0,l.default)(o.default.content,o.default[h.variant],t),role:`dialog`,...y(p),"aria-labelledby":S,children:e})})})})});h.displayName=`PopoverContent`;var g=({children:e,className:r,asChild:s,ariaLabel:d,...p})=>{let{t:m}=t.useWimTranslation(n.commonNs),h=d??m(`a11y.close`),g=c.default.useContext(f);if(!g)return null;let{close:_}=g,v=e=>{_(),p.onClick?.(e)};return s&&c.default.isValidElement(e)?c.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),v(t)},className:(0,l.default)(r,e.props.className)}):(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.close,r),onClick:v,"aria-label":h,...p,children:e||(0,u.jsx)(a.Icon,{component:i.default,size:`sm`})})};exports.Popover=p,exports.PopoverClose=g,exports.PopoverContent=h,exports.PopoverTrigger=m;

package/dist/components/overlay/Popover/Popover.js

@@ -1,26 +1,27 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Transition as t } from "../../layout/Transition/Transition.js";
-import n from "../../../icon/close.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import i from "./popover.module.js";
-import { useFloatingElement as a } from "../../_internal/useFloatingElement.js";
-import o from "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
-import { FloatingFocusManager as l, FloatingPortal as u, useMergeRefs as d } from "@floating-ui/react";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import { Transition as n } from "../../layout/Transition/Transition.js";
+import r from "../../../icon/close.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./popover.module.js";
+import { useFloatingElement as o } from "../../_internal/useFloatingElement.js";
+import s from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+import { FloatingFocusManager as u, FloatingPortal as d, useMergeRefs as f } from "@floating-ui/react";
 //#region src/components/overlay/Popover/Popover.tsx
-var f = o.createContext(null), p = ({ children: e, className: t, defaultOpen: n = !1, open: r, onOpenChange: l, placement: u = "bottom-start", variant: d = "default" }) => {
-	let { isOpen: p, setOpen: m, refs: h, floatingStyles: g, context: _, getReferenceProps: v, getFloatingProps: y } = a({
+var p = s.createContext(null), m = ({ children: e, className: t, defaultOpen: n = !1, open: r, onOpenChange: i, placement: u = "bottom-start", variant: d = "default" }) => {
+	let { isOpen: f, setOpen: m, refs: h, floatingStyles: g, context: _, getReferenceProps: v, getFloatingProps: y } = o({
 		placement: u,
 		open: r,
 		defaultOpen: n,
-		onOpenChange: l,
+		onOpenChange: i,
 		trigger: "click"
-	}), b = () => m(!1), x = o.useId(), [S, C] = o.useState(`wim-popover-trigger-${x}`);
-	return /* @__PURE__ */ c(f.Provider, {
+	}), b = () => m(!1), x = s.useId(), [S, C] = s.useState(`wim-popover-trigger-${x}`);
+	return /* @__PURE__ */ l(p.Provider, {
 		value: {
-			open: p,
+			open: f,
 			onOpenChange: m,
 			refs: h,
 			floatingStyles: g,
@@ -32,64 +33,64 @@ var f = o.createContext(null), p = ({ children: e, className: t, defaultOpen: n
 			triggerId: S,
 			setTriggerId: C
 		},
-		children: /* @__PURE__ */ c("div", {
-			className: s("wim-popover", i.root, t),
+		children: /* @__PURE__ */ l("div", {
+			className: c("wim-popover", a.root, t),
 			children: e
 		})
 	});
-}, m = o.forwardRef(({ children: e, className: t, asChild: n, ...r }, a) => {
-	let l = o.useContext(f);
-	if (l == null) throw Error("Popover components must be wrapped in <Popover />");
-	let u = e.ref, p = d([
-		l.refs.setReference,
-		a,
+}, h = s.forwardRef(({ children: e, className: t, asChild: n, ...r }, i) => {
+	let o = s.useContext(p);
+	if (o == null) throw Error("Popover components must be wrapped in <Popover />");
+	let u = e.ref, d = f([
+		o.refs.setReference,
+		i,
 		u ?? null
-	]), m = n && o.isValidElement(e) ? e.props.id : void 0, h = r.id ?? m ?? l.triggerId, { setTriggerId: g } = l;
-	if (o.useLayoutEffect(() => {
+	]), m = n && s.isValidElement(e) ? e.props.id : void 0, h = r.id ?? m ?? o.triggerId, { setTriggerId: g } = o;
+	if (s.useLayoutEffect(() => {
 		g(h);
-	}, [h, g]), n && o.isValidElement(e)) {
-		let n = e.props, i = l.getReferenceProps({
-			ref: p,
+	}, [h, g]), n && s.isValidElement(e)) {
+		let n = e.props, i = o.getReferenceProps({
+			ref: d,
 			...r,
 			...n,
 			id: h,
-			className: s(t, n.className)
+			className: c(t, n.className)
 		});
-		return o.cloneElement(e, {
+		return s.cloneElement(e, {
 			...i,
-			"data-state": l.open ? "open" : "closed"
+			"data-state": o.open ? "open" : "closed"
 		});
 	}
-	return /* @__PURE__ */ c("button", {
-		ref: p,
+	return /* @__PURE__ */ l("button", {
+		ref: d,
 		type: "button",
-		className: s(i.trigger, t),
-		"data-state": l.open ? "open" : "closed",
-		...l.getReferenceProps({
+		className: c(a.trigger, t),
+		"data-state": o.open ? "open" : "closed",
+		...o.getReferenceProps({
 			...r,
 			id: h
 		}),
 		children: e
 	});
 });
-m.displayName = "PopoverTrigger";
-var h = o.forwardRef(({ children: e, className: n, align: r, side: a, style: p, modal: m = !1, ...h }, g) => {
-	let _ = o.useContext(f);
+h.displayName = "PopoverTrigger";
+var g = s.forwardRef(({ children: e, className: t, align: r, side: i, style: o, modal: m = !1, ...h }, g) => {
+	let _ = s.useContext(p);
 	if (_ == null) throw Error("Popover components must be wrapped in <Popover />");
-	let { open: v, refs: y, floatingStyles: b, getFloatingProps: x, context: S, triggerId: C } = _, w = h["aria-label"] != null || h["aria-labelledby"] != null ? h["aria-labelledby"] : C, T = d([y.setFloating, g]);
-	return /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(t, {
+	let { open: v, refs: y, floatingStyles: b, getFloatingProps: x, context: S, triggerId: C } = _, w = h["aria-label"] != null || h["aria-labelledby"] != null ? h["aria-labelledby"] : C, T = f([y.setFloating, g]);
+	return /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(n, {
 		show: v,
 		preset: "fade",
-		children: /* @__PURE__ */ c(l, {
+		children: /* @__PURE__ */ l(u, {
 			context: S,
 			modal: m,
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				ref: T,
 				style: {
 					...b,
-					...p
+					...o
 				},
-				className: s(i.content, i[_.variant], n),
+				className: c(a.content, a[_.variant], t),
 				role: "dialog",
 				...x(h),
 				"aria-labelledby": w,
@@ -98,29 +99,29 @@ var h = o.forwardRef(({ children: e, className: n, align: r, side: a, style: p,
 		})
 	}) });
 });
-h.displayName = "PopoverContent";
-var g = ({ children: t, className: a, asChild: l, ariaLabel: u, ...d }) => {
-	let { t: p } = e("common"), m = u ?? p("a11y.close"), h = o.useContext(f);
-	if (!h) return null;
-	let { close: g } = h, _ = (e) => {
-		g(), d.onClick?.(e);
+g.displayName = "PopoverContent";
+var _ = ({ children: n, className: o, asChild: u, ariaLabel: d, ...f }) => {
+	let { t: m } = e(t), h = d ?? m("a11y.close"), g = s.useContext(p);
+	if (!g) return null;
+	let { close: _ } = g, v = (e) => {
+		_(), f.onClick?.(e);
 	};
-	return l && o.isValidElement(t) ? o.cloneElement(t, {
+	return u && s.isValidElement(n) ? s.cloneElement(n, {
 		onClick: (e) => {
-			t.props.onClick?.(e), _(e);
+			n.props.onClick?.(e), v(e);
 		},
-		className: s(a, t.props.className)
-	}) : /* @__PURE__ */ c("button", {
+		className: c(o, n.props.className)
+	}) : /* @__PURE__ */ l("button", {
 		type: "button",
-		className: s(i.close, a),
-		onClick: _,
-		"aria-label": m,
-		...d,
-		children: t || /* @__PURE__ */ c(r, {
-			component: n,
+		className: c(a.close, o),
+		onClick: v,
+		"aria-label": h,
+		...f,
+		children: n || /* @__PURE__ */ l(i, {
+			component: r,
 			size: "sm"
 		})
 	});
 };
 //#endregion
-export { p as Popover, g as PopoverClose, h as PopoverContent, m as PopoverTrigger };
+export { m as Popover, _ as PopoverClose, g as PopoverContent, h as PopoverTrigger };

package/dist/components/typography/Spoiler/Spoiler.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("./spoiler.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(({lines:e=3,expanded:o,defaultExpanded:s=!1,onExpandedChange:c,showLabel:l,hideLabel:u,className:d,style:f,children:p,...m},h)=>{let{t:g}=t.useWimTranslation(`components`),_=r.default.useId(),v=o!==void 0,[y,b]=r.default.useState(s),x=v?o:y,S=r.default.useRef(null),C=r.default.useRef(null),[w,T]=r.default.useState(!1);r.default.useLayoutEffect(()=>{if(x)return;let e=S.current,t=C.current;if(!e||!t)return;let n=()=>{T(t.scrollHeight>e.clientHeight+1)};if(n(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[x,e]);let E=()=>{let e=!x;v||b(e),c?.(e)},D=w||x;return(0,a.jsxs)(`div`,{ref:h,className:(0,i.default)(`wim-spoiler`,n.default.root,d),style:{...f,"--wim-spoiler-lines":e},...m,children:[(0,a.jsx)(`div`,{ref:S,id:_,className:(0,i.default)(n.default.content,!x&&n.default.collapsed),children:(0,a.jsx)(`div`,{ref:C,className:n.default.inner,children:p})}),D&&(0,a.jsx)(`button`,{type:`button`,className:n.default.toggle,"aria-expanded":x,"aria-controls":_,onClick:E,children:x?u??g(`spoiler.show_less`):l??g(`spoiler.show_more`)})]})});o.displayName=`Spoiler`,exports.Spoiler=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("./spoiler.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(({lines:e=3,expanded:s,defaultExpanded:c=!1,onExpandedChange:l,showLabel:u,hideLabel:d,className:f,style:p,children:m,...h},g)=>{let{t:_}=t.useWimTranslation(n.componentsNs),v=i.default.useId(),y=s!==void 0,[b,x]=i.default.useState(c),S=y?s:b,C=i.default.useRef(null),w=i.default.useRef(null),[T,E]=i.default.useState(!1);i.default.useLayoutEffect(()=>{if(S)return;let e=C.current,t=w.current;if(!e||!t)return;let n=()=>{E(t.scrollHeight>e.clientHeight+1)};if(n(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[S,e]);let D=()=>{let e=!S;y||x(e),l?.(e)},O=T||S;return(0,o.jsxs)(`div`,{ref:g,className:(0,a.default)(`wim-spoiler`,r.default.root,f),style:{...p,"--wim-spoiler-lines":e},...h,children:[(0,o.jsx)(`div`,{ref:C,id:v,className:(0,a.default)(r.default.content,!S&&r.default.collapsed),children:(0,o.jsx)(`div`,{ref:w,className:r.default.inner,children:m})}),O&&(0,o.jsx)(`button`,{type:`button`,className:r.default.toggle,"aria-expanded":S,"aria-controls":v,onClick:D,children:S?d??_(`spoiler.show_less`):u??_(`spoiler.show_more`)})]})});s.displayName=`Spoiler`,exports.Spoiler=s;