wimui 0.63.0 → 0.63.2

package/dist/components/navigation/Anchor/Anchor.js

@@ -1,20 +1,21 @@
 "use client";
-import e from "./anchor.module.js";
-import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import o from "classnames";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { observeMove as e } from "../../_internal/observeMove.js";
+import t from "./anchor.module.js";
+import { useCallback as n, useEffect as r, useLayoutEffect 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";
 //#region src/components/navigation/Anchor/Anchor.tsx
-var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical", className: p, style: m, "aria-label": h, "aria-labelledby": g }) => {
-	let [_, v] = a(""), [y, b] = a({}), x = i(null), S = (e, t) => {
+var u = ({ items: u = [], bounds: d = 5, offset: f = 0, direction: p = "vertical", className: m, style: h, "aria-label": g, "aria-labelledby": _ }) => {
+	let [v, y] = o(""), [b, x] = o({}), S = a(null), C = (e, t) => {
 		e.preventDefault();
 		let n = t.replace("#", ""), r = document.getElementById(n);
 		r && (window.scrollTo({
-			top: r.offsetTop - d,
+			top: r.offsetTop - f,
 			behavior: "smooth"
-		}), v(t));
+		}), y(t));
 	};
-	r(() => {
-		let e = () => {
+	i(() => {
+		let t = () => {
 			let e = (t, n) => {
 				let r = [];
 				return t.forEach((t) => {
@@ -23,99 +24,103 @@ var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical
 						parentHref: n
 					}), t.children && (r = r.concat(e(t.children, n || t.href)));
 				}), r;
-			}, t = e(l), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
+			}, t = e(u), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
 			if (r > 0 && Math.ceil(r + a) >= i && t.length > 0) {
 				let e = t[t.length - 1];
-				n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
+				n = p === "horizontal" && e.parentHref ? e.parentHref : e.href;
 			} else for (let e of t) {
 				let t = e.href.replace("#", ""), r = document.getElementById(t);
 				if (r) {
-					if (r.getBoundingClientRect().top <= d + u) n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
+					if (r.getBoundingClientRect().top <= f + d) n = p === "horizontal" && e.parentHref ? e.parentHref : e.href;
 					else break;
 				}
 			}
-			n && n !== _ && v(n);
+			n && n !== v && y(n);
+		};
+		window.addEventListener("scroll", t), window.addEventListener("resize", t);
+		let n = (e) => e.flatMap((e) => [e.href, ...e.children ? n(e.children) : []]), r = n(u).map((e) => document.getElementById(e.replace("#", ""))).filter((e) => e !== null).map((n) => e(n, t));
+		return t(), () => {
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), r.forEach((e) => e());
 		};
-		return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
 	}, [
-		l,
-		d,
 		u,
-		_,
-		f
+		f,
+		d,
+		v,
+		p
 	]);
-	let C = t(() => {
-		if (!_ || !x.current) return;
-		let t = x.current.querySelector(`a[href="${_}"]`);
-		if (t) {
-			let n = x.current.getBoundingClientRect();
-			if (f === "vertical") {
-				let e = t.getBoundingClientRect();
-				b({
-					top: e.top - n.top,
-					height: e.height,
+	let w = n(() => {
+		if (!v || !S.current) return;
+		let e = S.current.querySelector(`a[href="${v}"]`);
+		if (e) {
+			let n = S.current.getBoundingClientRect();
+			if (p === "vertical") {
+				let t = e.getBoundingClientRect();
+				x({
+					top: t.top - n.top,
+					height: t.height,
 					opacity: 1
 				});
 			} else {
-				let r = x.current.querySelector(`.${e.list}`);
+				let r = S.current.querySelector(`.${t.list}`);
 				if (r) {
-					let e = t.getBoundingClientRect(), i = r.getBoundingClientRect(), a = e.left - i.left + r.scrollLeft, o = a - i.width / 2 + e.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
-					b({
+					let t = e.getBoundingClientRect(), i = r.getBoundingClientRect(), a = t.left - i.left + r.scrollLeft, o = a - i.width / 2 + t.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
+					x({
 						left: l,
-						width: e.width,
+						width: t.width,
 						opacity: 1
 					}), r.scrollTo({
 						left: c,
 						behavior: "smooth"
 					});
 				} else {
-					let e = t.getBoundingClientRect();
-					b({
-						left: e.left - x.current.getBoundingClientRect().left,
-						width: e.width,
+					let t = e.getBoundingClientRect();
+					x({
+						left: t.left - S.current.getBoundingClientRect().left,
+						width: t.width,
 						opacity: 1
 					});
 				}
 			}
-		} else b({ opacity: 0 });
-	}, [_, f]);
-	r(() => {
-		C();
-	}, [C]), n(() => {
-		let e = x.current;
+		} else x({ opacity: 0 });
+	}, [v, p]);
+	i(() => {
+		w();
+	}, [w]), r(() => {
+		let e = S.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => C());
+		let t = new ResizeObserver(() => w());
 		return t.observe(e), e.querySelectorAll("a").forEach((e) => t.observe(e)), () => t.disconnect();
-	}, [C, l]);
-	let w = (t) => /* @__PURE__ */ s("ul", {
-		className: o(e.list, e[f]),
-		children: t.map((t) => /* @__PURE__ */ c("li", {
-			className: o(e.item, _ === t.href && e.active),
-			children: [/* @__PURE__ */ s("a", {
-				href: t.href,
-				className: e.link,
-				"aria-current": _ === t.href ? "location" : void 0,
-				onClick: (e) => S(e, t.href),
-				title: typeof t.title == "string" ? t.title : void 0,
-				children: t.title
-			}), t.children && f === "vertical" && w(t.children)]
-		}, t.key))
+	}, [w, u]);
+	let T = (e) => /* @__PURE__ */ c("ul", {
+		className: s(t.list, t[p]),
+		children: e.map((e) => /* @__PURE__ */ l("li", {
+			className: s(t.item, v === e.href && t.active),
+			children: [/* @__PURE__ */ c("a", {
+				href: e.href,
+				className: t.link,
+				"aria-current": v === e.href ? "location" : void 0,
+				onClick: (t) => C(t, e.href),
+				title: typeof e.title == "string" ? e.title : void 0,
+				children: e.title
+			}), e.children && p === "vertical" && T(e.children)]
+		}, e.key))
 	});
-	return /* @__PURE__ */ c("div", {
-		className: o("wim-anchor", e.root, e[f], p),
-		style: m,
-		ref: x,
-		role: h || g ? "navigation" : void 0,
-		"aria-label": g ? void 0 : h,
-		"aria-labelledby": g,
-		children: [/* @__PURE__ */ s("div", {
-			className: e.ink,
-			children: /* @__PURE__ */ s("span", {
-				className: e.inkBall,
-				style: y
+	return /* @__PURE__ */ l("div", {
+		className: s("wim-anchor", t.root, t[p], m),
+		style: h,
+		ref: S,
+		role: g || _ ? "navigation" : void 0,
+		"aria-label": _ ? void 0 : g,
+		"aria-labelledby": _,
+		children: [/* @__PURE__ */ c("div", {
+			className: t.ink,
+			children: /* @__PURE__ */ c("span", {
+				className: t.inkBall,
+				style: b
 			})
-		}), w(l)]
+		}), T(u)]
 	});
 };
 //#endregion
-export { l as Anchor, l as default };
+export { u as Anchor, u as default };

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

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

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

package/dist/components/navigation/Tabs/Tabs.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("../../../hooks/useMergedRef.cjs"),r=require("../../_internal/useIndicator.cjs"),i=require("./tabs.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=(0,a.createContext)(null),l=()=>{let e=(0,a.useContext)(c);if(!e)throw Error(`Tabs components must be used within a Tabs`);return e},u=a.default.forwardRef(({asChild:e=!1,defaultValue:n,value:r,onChange:l,orientation:u=`horizontal`,className:d,children:f,...p},m)=>{let[h,g]=(0,a.useState)(n),[_,v]=(0,a.useState)([]),[y,b]=(0,a.useState)([]),x=(0,a.useId)(),S=r!==void 0,C=S?r:h,w=(0,a.useCallback)(e=>{S||g(e),l?.(e)},[S,l]),T=(0,a.useCallback)(e=>{v(t=>t.includes(e)?t:[...t,e])},[]),E=(0,a.useCallback)(e=>{v(t=>t.filter(t=>t!==e))},[]),D=(0,a.useCallback)(e=>{b(t=>t.includes(e)?t:[...t,e])},[]),O=(0,a.useCallback)(e=>{b(t=>t.filter(t=>t!==e))},[]),k=e?t.Root:`div`;return(0,s.jsx)(c.Provider,{value:{value:C,onValueChange:w,orientation:u,id:x,items:_,registerItem:T,unregisterItem:E,panels:y,registerPanel:D,unregisterPanel:O},children:(0,s.jsx)(`div`,{className:i.default.container,children:(0,s.jsx)(k,{ref:m,className:(0,o.default)(`wim-tabs`,i.default.root,i.default[u],d),...p,children:(0,s.jsx)(t.Slottable,{children:f})})})})}),d=a.default.forwardRef(({asChild:e=!1,className:c,children:u,...d},f)=>{let{orientation:p,value:m,items:h,onValueChange:g}=l(),[_,v]=a.default.useState(!1),[y,b]=a.default.useState(0),[x,S]=a.default.useState(0),{containerRef:C,sliderStyle:w,isReady:T}=r.useIndicator({activeSelector:`.${i.default.trigger}.${i.default.active}`,orientation:p,dependence:m}),E=n.useMergedRef(C,f),D=e=>{p!==`vertical`&&(v(!0),b(e.pageX-(C.current?.offsetLeft||0)),S(C.current?.scrollLeft||0))},O=()=>{v(!1)};return(0,s.jsxs)(e?t.Root:`div`,{ref:E,role:`tablist`,"aria-orientation":p,tabIndex:0,className:(0,o.default)(i.default.list,_&&i.default.dragging,T&&i.default.ready,c),onMouseDown:D,onMouseUp:O,onMouseLeave:O,onMouseMove:e=>{if(!_||p===`vertical`)return;e.preventDefault();let t=(e.pageX-(C.current?.offsetLeft||0)-y)*1.5;C.current&&(C.current.scrollLeft=x-t)},onKeyDown:e=>{let t=m?h.indexOf(m):-1,n=-1;if(p===`horizontal`?(e.key===`ArrowRight`&&(n=(t+1)%h.length),e.key===`ArrowLeft`&&(n=(t-1+h.length)%h.length)):(e.key===`ArrowDown`&&(n=(t+1)%h.length),e.key===`ArrowUp`&&(n=(t-1+h.length)%h.length)),e.key===`Home`&&(n=0),e.key===`End`&&(n=h.length-1),n!==-1){e.preventDefault();let t=h[n];t&&(g(t),(C.current?.querySelector(`[data-value="${t}"]`))?.focus())}},...d,children:[(0,s.jsx)(`div`,{className:i.default.slider,style:w,"aria-hidden":`true`}),(0,s.jsx)(t.Slottable,{children:u})]})}),f=a.default.forwardRef(({asChild:e=!1,value:n,disabled:r=!1,className:c,children:u,...d},f)=>{let{value:p,onValueChange:m,id:h,registerItem:g,unregisterItem:_,panels:v}=l(),y=p===n;return a.default.useEffect(()=>(g(n),()=>_(n)),[n,g,_]),(0,s.jsx)(e?t.Root:`button`,{ref:f,type:e?void 0:`button`,role:`tab`,"aria-selected":y,"aria-controls":v.includes(n)?`wim-tabs-${h}-panel-${n}`:void 0,id:`wim-tabs-${h}-tab-${n}`,"data-value":n,disabled:r,tabIndex:y?0:-1,className:(0,o.default)(i.default.trigger,y&&i.default.active,c),onClick:()=>m(n),...d,children:(0,s.jsx)(t.Slottable,{children:u})})}),p=a.default.forwardRef(({asChild:e=!1,value:n,className:r,children:c,...u},d)=>{let{value:f,id:p,registerPanel:m,unregisterPanel:h}=l(),g=f===n;return a.default.useEffect(()=>(m(n),()=>h(n)),[n,m,h]),g?(0,s.jsx)(e?t.Root:`div`,{ref:d,role:`tabpanel`,id:`wim-tabs-${p}-panel-${n}`,"aria-labelledby":`wim-tabs-${p}-tab-${n}`,tabIndex:0,className:(0,o.default)(i.default.content,r),...u,children:(0,s.jsx)(t.Slottable,{children:c})}):null});u.displayName=`Tabs`,d.displayName=`Tabs.List`,f.displayName=`Tabs.Trigger`,p.displayName=`Tabs.Content`;var m=u;m.List=d,m.Trigger=f,m.Content=p,exports.Tabs=m,exports.default=m,exports.TabsContent=p,exports.TabsList=d,exports.TabsTrigger=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("../../_internal/composeEventHandlers.cjs"),i=require("../../_internal/useIndicator.cjs"),a=require("./tabs.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.createContext)(null),u=()=>{let e=(0,o.useContext)(l);if(!e)throw Error(`Tabs components must be used within a Tabs`);return e},d=o.default.forwardRef(({asChild:e=!1,defaultValue:n,value:r,onChange:i,orientation:u=`horizontal`,className:d,children:f,...p},m)=>{let[h,g]=(0,o.useState)(n),[_,v]=(0,o.useState)([]),[y,b]=(0,o.useState)([]),x=(0,o.useId)(),S=r!==void 0,C=S?r:h,w=(0,o.useCallback)(e=>{S||g(e),i?.(e)},[S,i]),T=(0,o.useCallback)(e=>{v(t=>t.includes(e)?t:[...t,e])},[]),E=(0,o.useCallback)(e=>{v(t=>t.filter(t=>t!==e))},[]),D=(0,o.useCallback)(e=>{b(t=>t.includes(e)?t:[...t,e])},[]),O=(0,o.useCallback)(e=>{b(t=>t.filter(t=>t!==e))},[]),k=e?t.Root:`div`;return(0,c.jsx)(l.Provider,{value:{value:C,onValueChange:w,orientation:u,id:x,items:_,registerItem:T,unregisterItem:E,panels:y,registerPanel:D,unregisterPanel:O},children:(0,c.jsx)(`div`,{className:a.default.container,children:(0,c.jsx)(k,{ref:m,className:(0,s.default)(`wim-tabs`,a.default.root,a.default[u],d),...p,children:(0,c.jsx)(t.Slottable,{children:f})})})})}),f=o.default.forwardRef(({asChild:e=!1,className:l,children:d,...f},p)=>{let{orientation:m,value:h,items:g,onValueChange:_}=u(),[v,y]=o.default.useState(!1),[b,x]=o.default.useState(0),[S,C]=o.default.useState(0),{containerRef:w,sliderStyle:T,isReady:E}=i.useIndicator({activeSelector:`.${a.default.trigger}.${a.default.active}`,orientation:m,dependence:h}),D=n.useMergedRef(w,p),O=e=>{m!==`vertical`&&(y(!0),x(e.pageX-(w.current?.offsetLeft||0)),C(w.current?.scrollLeft||0))},k=()=>{y(!1)},A=e=>{if(!v||m===`vertical`)return;e.preventDefault();let t=(e.pageX-(w.current?.offsetLeft||0)-b)*1.5;w.current&&(w.current.scrollLeft=S-t)},j=e=>{let t=h?g.indexOf(h):-1,n=-1;if(m===`horizontal`?(e.key===`ArrowRight`&&(n=(t+1)%g.length),e.key===`ArrowLeft`&&(n=(t-1+g.length)%g.length)):(e.key===`ArrowDown`&&(n=(t+1)%g.length),e.key===`ArrowUp`&&(n=(t-1+g.length)%g.length)),e.key===`Home`&&(n=0),e.key===`End`&&(n=g.length-1),n!==-1){e.preventDefault();let t=g[n];t&&(_(t),(w.current?.querySelector(`[data-value="${t}"]`))?.focus())}};return(0,c.jsxs)(e?t.Root:`div`,{ref:D,role:`tablist`,"aria-orientation":m,tabIndex:0,className:(0,s.default)(a.default.list,v&&a.default.dragging,E&&a.default.ready,l),...f,onMouseDown:e=>r.composeEventHandlers(f.onMouseDown,O)(e),onMouseUp:r.composeEventHandlers(f.onMouseUp,k),onMouseLeave:r.composeEventHandlers(f.onMouseLeave,k),onMouseMove:e=>r.composeEventHandlers(f.onMouseMove,A)(e),onKeyDown:e=>r.composeEventHandlers(f.onKeyDown,j)(e),children:[(0,c.jsx)(`div`,{className:a.default.slider,style:T,"aria-hidden":`true`}),(0,c.jsx)(t.Slottable,{children:d})]})}),p=o.default.forwardRef(({asChild:e=!1,value:n,disabled:i=!1,className:l,children:d,...f},p)=>{let{value:m,onValueChange:h,id:g,registerItem:_,unregisterItem:v,panels:y}=u(),b=m===n;return o.default.useEffect(()=>(_(n),()=>v(n)),[n,_,v]),(0,c.jsx)(e?t.Root:`button`,{ref:p,type:e?void 0:`button`,role:`tab`,"aria-selected":b,"aria-controls":y.includes(n)?`wim-tabs-${g}-panel-${n}`:void 0,id:`wim-tabs-${g}-tab-${n}`,"data-value":n,disabled:i,tabIndex:b?0:-1,className:(0,s.default)(a.default.trigger,b&&a.default.active,l),...f,onClick:r.composeEventHandlers(f.onClick,()=>h(n)),children:(0,c.jsx)(t.Slottable,{children:d})})}),m=o.default.forwardRef(({asChild:e=!1,value:n,className:r,children:i,...l},d)=>{let{value:f,id:p,registerPanel:m,unregisterPanel:h}=u(),g=f===n;return o.default.useEffect(()=>(m(n),()=>h(n)),[n,m,h]),g?(0,c.jsx)(e?t.Root:`div`,{ref:d,role:`tabpanel`,id:`wim-tabs-${p}-panel-${n}`,"aria-labelledby":`wim-tabs-${p}-tab-${n}`,tabIndex:0,className:(0,s.default)(a.default.content,r),...l,children:(0,c.jsx)(t.Slottable,{children:i})}):null});d.displayName=`Tabs`,f.displayName=`Tabs.List`,p.displayName=`Tabs.Trigger`,m.displayName=`Tabs.Content`;var h=d;h.List=f,h.Trigger=p,h.Content=m,exports.Tabs=h,exports.default=h,exports.TabsContent=m,exports.TabsList=f,exports.TabsTrigger=p;

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

@@ -1,33 +1,34 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
-import { useIndicator as r } from "../../_internal/useIndicator.js";
-import i from "./tabs.module.js";
-import a, { createContext as o, useCallback as s, useContext as c, useId as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { composeEventHandlers as r } from "../../_internal/composeEventHandlers.js";
+import { useIndicator as i } from "../../_internal/useIndicator.js";
+import a from "./tabs.module.js";
+import o, { createContext as s, useCallback as c, useContext as l, useId as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/navigation/Tabs/Tabs.tsx
-var m = o(null), h = () => {
-	let e = c(m);
+var h = s(null), g = () => {
+	let e = l(h);
 	if (!e) throw Error("Tabs components must be used within a Tabs");
 	return e;
-}, g = a.forwardRef(({ asChild: n = !1, defaultValue: r, value: a, onChange: o, orientation: c = "horizontal", className: p, children: h, ...g }, _) => {
-	let [v, y] = u(r), [b, x] = u([]), [S, C] = u([]), w = l(), T = a !== void 0, E = T ? a : v, D = s((e) => {
+}, _ = o.forwardRef(({ asChild: n = !1, defaultValue: r, value: i, onChange: o, orientation: s = "horizontal", className: l, children: m, ...g }, _) => {
+	let [v, y] = d(r), [b, x] = d([]), [S, C] = d([]), w = u(), T = i !== void 0, E = T ? i : v, D = c((e) => {
 		T || y(e), o?.(e);
-	}, [T, o]), O = s((e) => {
+	}, [T, o]), O = c((e) => {
 		x((t) => t.includes(e) ? t : [...t, e]);
-	}, []), k = s((e) => {
+	}, []), k = c((e) => {
 		x((t) => t.filter((t) => t !== e));
-	}, []), A = s((e) => {
+	}, []), A = c((e) => {
 		C((t) => t.includes(e) ? t : [...t, e]);
-	}, []), j = s((e) => {
+	}, []), j = c((e) => {
 		C((t) => t.filter((t) => t !== e));
 	}, []), M = n ? e : "div";
-	return /* @__PURE__ */ f(m.Provider, {
+	return /* @__PURE__ */ p(h.Provider, {
 		value: {
 			value: E,
 			onValueChange: D,
-			orientation: c,
+			orientation: s,
 			id: w,
 			items: b,
 			registerItem: O,
@@ -36,96 +37,96 @@ var m = o(null), h = () => {
 			registerPanel: A,
 			unregisterPanel: j
 		},
-		children: /* @__PURE__ */ f("div", {
-			className: i.container,
-			children: /* @__PURE__ */ f(M, {
+		children: /* @__PURE__ */ p("div", {
+			className: a.container,
+			children: /* @__PURE__ */ p(M, {
 				ref: _,
-				className: d("wim-tabs", i.root, i[c], p),
+				className: f("wim-tabs", a.root, a[s], l),
 				...g,
-				children: /* @__PURE__ */ f(t, { children: h })
+				children: /* @__PURE__ */ p(t, { children: m })
 			})
 		})
 	});
-}), _ = a.forwardRef(({ asChild: o = !1, className: s, children: c, ...l }, u) => {
-	let { orientation: m, value: g, items: _, onValueChange: v } = h(), [y, b] = a.useState(!1), [x, S] = a.useState(0), [C, w] = a.useState(0), { containerRef: T, sliderStyle: E, isReady: D } = r({
-		activeSelector: `.${i.trigger}.${i.active}`,
-		orientation: m,
-		dependence: g
-	}), O = n(T, u), k = (e) => {
-		m !== "vertical" && (b(!0), S(e.pageX - (T.current?.offsetLeft || 0)), w(T.current?.scrollLeft || 0));
-	}, A = () => {
-		b(!1);
+}), v = o.forwardRef(({ asChild: s = !1, className: c, children: l, ...u }, d) => {
+	let { orientation: h, value: _, items: v, onValueChange: y } = g(), [b, x] = o.useState(!1), [S, C] = o.useState(0), [w, T] = o.useState(0), { containerRef: E, sliderStyle: D, isReady: O } = i({
+		activeSelector: `.${a.trigger}.${a.active}`,
+		orientation: h,
+		dependence: _
+	}), k = n(E, d), A = (e) => {
+		h !== "vertical" && (x(!0), C(e.pageX - (E.current?.offsetLeft || 0)), T(E.current?.scrollLeft || 0));
+	}, j = () => {
+		x(!1);
+	}, M = (e) => {
+		if (!b || h === "vertical") return;
+		e.preventDefault();
+		let t = (e.pageX - (E.current?.offsetLeft || 0) - S) * 1.5;
+		E.current && (E.current.scrollLeft = w - t);
+	}, N = (e) => {
+		let t = _ ? v.indexOf(_) : -1, n = -1;
+		if (h === "horizontal" ? (e.key === "ArrowRight" && (n = (t + 1) % v.length), e.key === "ArrowLeft" && (n = (t - 1 + v.length) % v.length)) : (e.key === "ArrowDown" && (n = (t + 1) % v.length), e.key === "ArrowUp" && (n = (t - 1 + v.length) % v.length)), e.key === "Home" && (n = 0), e.key === "End" && (n = v.length - 1), n !== -1) {
+			e.preventDefault();
+			let t = v[n];
+			t && (y(t), (E.current?.querySelector(`[data-value="${t}"]`))?.focus());
+		}
 	};
-	return /* @__PURE__ */ p(o ? e : "div", {
-		ref: O,
+	return /* @__PURE__ */ m(s ? e : "div", {
+		ref: k,
 		role: "tablist",
-		"aria-orientation": m,
+		"aria-orientation": h,
 		tabIndex: 0,
-		className: d(i.list, y && i.dragging, D && i.ready, s),
-		onMouseDown: k,
-		onMouseUp: A,
-		onMouseLeave: A,
-		onMouseMove: (e) => {
-			if (!y || m === "vertical") return;
-			e.preventDefault();
-			let t = (e.pageX - (T.current?.offsetLeft || 0) - x) * 1.5;
-			T.current && (T.current.scrollLeft = C - t);
-		},
-		onKeyDown: (e) => {
-			let t = g ? _.indexOf(g) : -1, n = -1;
-			if (m === "horizontal" ? (e.key === "ArrowRight" && (n = (t + 1) % _.length), e.key === "ArrowLeft" && (n = (t - 1 + _.length) % _.length)) : (e.key === "ArrowDown" && (n = (t + 1) % _.length), e.key === "ArrowUp" && (n = (t - 1 + _.length) % _.length)), e.key === "Home" && (n = 0), e.key === "End" && (n = _.length - 1), n !== -1) {
-				e.preventDefault();
-				let t = _[n];
-				t && (v(t), (T.current?.querySelector(`[data-value="${t}"]`))?.focus());
-			}
-		},
-		...l,
-		children: [/* @__PURE__ */ f("div", {
-			className: i.slider,
-			style: E,
+		className: f(a.list, b && a.dragging, O && a.ready, c),
+		...u,
+		onMouseDown: (e) => r(u.onMouseDown, A)(e),
+		onMouseUp: r(u.onMouseUp, j),
+		onMouseLeave: r(u.onMouseLeave, j),
+		onMouseMove: (e) => r(u.onMouseMove, M)(e),
+		onKeyDown: (e) => r(u.onKeyDown, N)(e),
+		children: [/* @__PURE__ */ p("div", {
+			className: a.slider,
+			style: D,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ f(t, { children: c })]
+		}), /* @__PURE__ */ p(t, { children: l })]
 	});
-}), v = a.forwardRef(({ asChild: n = !1, value: r, disabled: o = !1, className: s, children: c, ...l }, u) => {
-	let { value: p, onValueChange: m, id: g, registerItem: _, unregisterItem: v, panels: y } = h(), b = p === r;
-	return a.useEffect(() => (_(r), () => v(r)), [
-		r,
-		_,
-		v
-	]), /* @__PURE__ */ f(n ? e : "button", {
-		ref: u,
+}), y = o.forwardRef(({ asChild: n = !1, value: i, disabled: s = !1, className: c, children: l, ...u }, d) => {
+	let { value: m, onValueChange: h, id: _, registerItem: v, unregisterItem: y, panels: b } = g(), x = m === i;
+	return o.useEffect(() => (v(i), () => y(i)), [
+		i,
+		v,
+		y
+	]), /* @__PURE__ */ p(n ? e : "button", {
+		ref: d,
 		type: n ? void 0 : "button",
 		role: "tab",
-		"aria-selected": b,
-		"aria-controls": y.includes(r) ? `wim-tabs-${g}-panel-${r}` : void 0,
-		id: `wim-tabs-${g}-tab-${r}`,
-		"data-value": r,
-		disabled: o,
-		tabIndex: b ? 0 : -1,
-		className: d(i.trigger, b && i.active, s),
-		onClick: () => m(r),
-		...l,
-		children: /* @__PURE__ */ f(t, { children: c })
+		"aria-selected": x,
+		"aria-controls": b.includes(i) ? `wim-tabs-${_}-panel-${i}` : void 0,
+		id: `wim-tabs-${_}-tab-${i}`,
+		"data-value": i,
+		disabled: s,
+		tabIndex: x ? 0 : -1,
+		className: f(a.trigger, x && a.active, c),
+		...u,
+		onClick: r(u.onClick, () => h(i)),
+		children: /* @__PURE__ */ p(t, { children: l })
 	});
-}), y = a.forwardRef(({ asChild: n = !1, value: r, className: o, children: s, ...c }, l) => {
-	let { value: u, id: p, registerPanel: m, unregisterPanel: g } = h(), _ = u === r;
-	return a.useEffect(() => (m(r), () => g(r)), [
+}), b = o.forwardRef(({ asChild: n = !1, value: r, className: i, children: s, ...c }, l) => {
+	let { value: u, id: d, registerPanel: m, unregisterPanel: h } = g(), _ = u === r;
+	return o.useEffect(() => (m(r), () => h(r)), [
 		r,
 		m,
-		g
-	]), _ ? /* @__PURE__ */ f(n ? e : "div", {
+		h
+	]), _ ? /* @__PURE__ */ p(n ? e : "div", {
 		ref: l,
 		role: "tabpanel",
-		id: `wim-tabs-${p}-panel-${r}`,
-		"aria-labelledby": `wim-tabs-${p}-tab-${r}`,
+		id: `wim-tabs-${d}-panel-${r}`,
+		"aria-labelledby": `wim-tabs-${d}-tab-${r}`,
 		tabIndex: 0,
-		className: d(i.content, o),
+		className: f(a.content, i),
 		...c,
-		children: /* @__PURE__ */ f(t, { children: s })
+		children: /* @__PURE__ */ p(t, { children: s })
 	}) : null;
 });
-g.displayName = "Tabs", _.displayName = "Tabs.List", v.displayName = "Tabs.Trigger", y.displayName = "Tabs.Content";
-var b = g;
-b.List = _, b.Trigger = v, b.Content = y;
+_.displayName = "Tabs", v.displayName = "Tabs.List", y.displayName = "Tabs.Trigger", b.displayName = "Tabs.Content";
+var x = _;
+x.List = v, x.Trigger = y, x.Content = b;
 //#endregion
-export { b as Tabs, b as default, y as TabsContent, _ as TabsList, v as TabsTrigger };
+export { x as Tabs, x as default, b as TabsContent, v as TabsList, y as TabsTrigger };

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("../../../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;
+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),"aria-label":h,...p,onClick:v,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

@@ -114,9 +114,9 @@ var _ = ({ children: n, className: o, asChild: u, ariaLabel: d, ...f }) => {
 	}) : /* @__PURE__ */ l("button", {
 		type: "button",
 		className: c(a.close, o),
-		onClick: v,
 		"aria-label": h,
 		...f,
+		onClick: v,
 		children: n || /* @__PURE__ */ l(i, {
 			component: r,
 			size: "sm"