wimui 0.51.2 → 0.52.2

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))},k=e=>{e.key===`Escape`&&x&&(e.preventDefault(),C.current=!1,w(!1),e.currentTarget.querySelector(`[aria-haspopup]`)?.focus())},A=e=>{C.current&&(e.currentTarget.contains(e.relatedTarget)||(C.current=!1,w(!1)))},j=()=>{(d===`click`||C.current)&&(C.current=!1,S.current?.contains(document.activeElement)&&S.current.parentElement?.querySelector(`[aria-haspopup]`)?.focus(),w(!1))};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:k,onBlur:A,...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?.(),j()},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,71 @@
 "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));
+	}, M = (e) => {
+		e.key === "Escape" && w && (e.preventDefault(), E.current = !1, D(!1), e.currentTarget.querySelector("[aria-haspopup]")?.focus());
+	}, N = (e) => {
+		E.current && (e.currentTarget.contains(e.relatedTarget) || (E.current = !1, D(!1)));
+	}, P = () => {
+		(m === "click" || E.current) && (E.current = !1, T.current?.contains(document.activeElement) && T.current.parentElement?.querySelector("[aria-haspopup]")?.focus(), D(!1));
 	};
-	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,
-		onKeyDown: (e) => {
-			e.key === "Escape" && C && (e.preventDefault(), T.current = !1, E(!1), e.currentTarget.querySelector("[aria-haspopup]")?.focus());
-		},
-		onBlur: (e) => {
-			T.current && (e.currentTarget.contains(e.relatedTarget) || (T.current = !1, E(!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, {
+	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: M,
+		onBlur: N,
+		...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?.(), P();
 					},
 					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/TabBar/tab-bar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_131sp_3`,t=`_fixed_131sp_14`,n=`_bordered_131sp_19`,r=`_glass_131sp_22`,i=`_container_131sp_26`,a=`_item_131sp_34`,o=`_active_131sp_56`,s=`_icon_131sp_59`,c=`_label_131sp_70`,l=`_badge_131sp_76`,u={root:e,fixed:t,bordered:n,glass:r,container:i,item:a,active:o,icon:s,label:c,badge:l};exports.active=o,exports.badge=l,exports.bordered=n,exports.container=i,exports.default=u,exports.fixed=t,exports.glass=r,exports.icon=s,exports.item=a,exports.label=c,exports.root=e;
+var e=`_root_1xrcm_3`,t=`_fixed_1xrcm_14`,n=`_bordered_1xrcm_19`,r=`_glass_1xrcm_22`,i=`_container_1xrcm_26`,a=`_item_1xrcm_34`,o=`_active_1xrcm_59`,s=`_icon_1xrcm_62`,c=`_label_1xrcm_73`,l=`_badge_1xrcm_79`,u={root:e,fixed:t,bordered:n,glass:r,container:i,item:a,active:o,icon:s,label:c,badge:l};exports.active=o,exports.badge=l,exports.bordered=n,exports.container=i,exports.default=u,exports.fixed=t,exports.glass=r,exports.icon=s,exports.item=a,exports.label=c,exports.root=e;

package/dist/components/navigation/TabBar/tab-bar.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/TabBar/tab-bar.module.scss
-var e = "_root_131sp_3", t = "_fixed_131sp_14", n = "_bordered_131sp_19", r = "_glass_131sp_22", i = "_container_131sp_26", a = "_item_131sp_34", o = "_active_131sp_56", s = "_icon_131sp_59", c = "_label_131sp_70", l = "_badge_131sp_76", u = {
+var e = "_root_1xrcm_3", t = "_fixed_1xrcm_14", n = "_bordered_1xrcm_19", r = "_glass_1xrcm_22", i = "_container_1xrcm_26", a = "_item_1xrcm_34", o = "_active_1xrcm_59", s = "_icon_1xrcm_62", c = "_label_1xrcm_73", l = "_badge_1xrcm_79", u = {
 	root: e,
 	fixed: t,
 	bordered: n,

package/dist/components/navigation/TabNavigation/tab-navigation.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_q6zj6_30`,t=`_list_q6zj6_40`,n=`_start_q6zj6_51`,r=`_center_q6zj6_54`,i=`_end_q6zj6_57`,a=`_justify_q6zj6_60`,o=`_item_q6zj6_63`,s=`_sm_q6zj6_70`,c=`_md_q6zj6_75`,l=`_lg_q6zj6_80`,u=`_disabled_q6zj6_116`,d=`_icon_q6zj6_141`,f=`_underline_q6zj6_148`,p=`_slider_q6zj6_151`,m=`_ready_q6zj6_164`,h=`_active_q6zj6_176`,g=`_pill_q6zj6_183`,_=`_contained_q6zj6_223`,v={root:e,list:t,start:n,center:r,end:i,justify:a,item:o,sm:s,md:c,lg:l,disabled:u,icon:d,underline:f,slider:p,ready:m,active:h,pill:g,contained:_};exports.active=h,exports.center=r,exports.contained=_,exports.default=v,exports.disabled=u,exports.end=i,exports.icon=d,exports.item=o,exports.justify=a,exports.lg=l,exports.list=t,exports.md=c,exports.pill=g,exports.ready=m,exports.root=e,exports.slider=p,exports.sm=s,exports.start=n,exports.underline=f;
+var e=`_root_1kmwe_30`,t=`_list_1kmwe_40`,n=`_start_1kmwe_51`,r=`_center_1kmwe_54`,i=`_end_1kmwe_57`,a=`_justify_1kmwe_60`,o=`_item_1kmwe_63`,s=`_sm_1kmwe_70`,c=`_md_1kmwe_75`,l=`_lg_1kmwe_80`,u=`_disabled_1kmwe_116`,d=`_icon_1kmwe_144`,f=`_underline_1kmwe_151`,p=`_slider_1kmwe_154`,m=`_ready_1kmwe_167`,h=`_active_1kmwe_182`,g=`_pill_1kmwe_189`,_=`_contained_1kmwe_229`,v={root:e,list:t,start:n,center:r,end:i,justify:a,item:o,sm:s,md:c,lg:l,disabled:u,icon:d,underline:f,slider:p,ready:m,active:h,pill:g,contained:_};exports.active=h,exports.center=r,exports.contained=_,exports.default=v,exports.disabled=u,exports.end=i,exports.icon=d,exports.item=o,exports.justify=a,exports.lg=l,exports.list=t,exports.md=c,exports.pill=g,exports.ready=m,exports.root=e,exports.slider=p,exports.sm=s,exports.start=n,exports.underline=f;

package/dist/components/navigation/TabNavigation/tab-navigation.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/TabNavigation/tab-navigation.module.scss
-var e = "_root_q6zj6_30", t = "_list_q6zj6_40", n = "_start_q6zj6_51", r = "_center_q6zj6_54", i = "_end_q6zj6_57", a = "_justify_q6zj6_60", o = "_item_q6zj6_63", s = "_sm_q6zj6_70", c = "_md_q6zj6_75", l = "_lg_q6zj6_80", u = "_disabled_q6zj6_116", d = "_icon_q6zj6_141", f = "_underline_q6zj6_148", p = "_slider_q6zj6_151", m = "_ready_q6zj6_164", h = "_active_q6zj6_176", g = "_pill_q6zj6_183", _ = "_contained_q6zj6_223", v = {
+var e = "_root_1kmwe_30", t = "_list_1kmwe_40", n = "_start_1kmwe_51", r = "_center_1kmwe_54", i = "_end_1kmwe_57", a = "_justify_1kmwe_60", o = "_item_1kmwe_63", s = "_sm_1kmwe_70", c = "_md_1kmwe_75", l = "_lg_1kmwe_80", u = "_disabled_1kmwe_116", d = "_icon_1kmwe_144", f = "_underline_1kmwe_151", p = "_slider_1kmwe_154", m = "_ready_1kmwe_167", h = "_active_1kmwe_182", g = "_pill_1kmwe_189", _ = "_contained_1kmwe_229", v = {
 	root: e,
 	list: t,
 	start: n,

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

@@ -1,2 +1,2 @@
 "use client";
-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;
+var e=`_container_en3u7_30`,t=`_root_en3u7_44`,n=`_vertical_en3u7_53`,r=`_list_en3u7_61`,i=`_trigger_en3u7_80`,a=`_active_en3u7_102`,o=`_content_en3u7_106`,s=`_dragging_en3u7_134`,c=`_ready_en3u7_138`,l=`_slider_en3u7_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_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 = {
+var e = "_container_en3u7_30", t = "_root_en3u7_44", n = "_vertical_en3u7_53", r = "_list_en3u7_61", i = "_trigger_en3u7_80", a = "_active_en3u7_102", o = "_content_en3u7_106", s = "_dragging_en3u7_134", c = "_ready_en3u7_138", l = "_slider_en3u7_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;