wimui 0.63.0 → 0.63.1

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"

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.63.0 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.63.1 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.63.0 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.63.1 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup