wimui 0.62.2 → 0.63.1

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

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

@@ -87,29 +87,31 @@ var _ = s(null), v = s(null), y = () => {
 });
 x.displayName = "Menubar";
 var S = o.forwardRef(({ value: e, disabled: t = !1, className: n, children: r, ...i }, o) => {
-	let { openMenuId: s, setOpenMenuId: c, focusTrigger: l } = y(), u = d(), p = `wim-menubar-trigger-${e}-${u}`, m = `wim-menubar-content-${e}-${u}`, _ = s === e, b = () => {
+	let { openMenuId: s, setOpenMenuId: c, focusTrigger: l } = y(), u = d(), [p, _] = m(void 0), [b, x] = m(void 0), S = p ?? `wim-menubar-trigger-${e}-${u}`, C = b ?? `wim-menubar-content-${e}-${u}`, w = s === e, T = () => {
 		t || c(e);
-	}, x = () => {
+	}, E = () => {
 		l(e), c(null);
-	}, S = () => {
-		t || c(_ ? null : e);
-	}, C = f(() => ({
+	}, D = () => {
+		t || c(w ? null : e);
+	}, O = f(() => ({
 		menuId: e,
-		triggerId: p,
-		contentId: m,
-		isOpen: _,
-		open: b,
-		close: x,
-		toggle: S
+		triggerId: S,
+		contentId: C,
+		setTriggerIdOverride: _,
+		setContentIdOverride: x,
+		isOpen: w,
+		open: T,
+		close: E,
+		toggle: D
 	}), [
 		e,
-		p,
-		m,
-		_,
+		S,
+		C,
+		w,
 		t
 	]);
 	return /* @__PURE__ */ g(v.Provider, {
-		value: C,
+		value: O,
 		children: /* @__PURE__ */ g("div", {
 			ref: o,
 			role: "none",
@@ -121,81 +123,85 @@ var S = o.forwardRef(({ value: e, disabled: t = !1, className: n, children: r, .
 	});
 });
 S.displayName = "Menubar.Menu";
-var C = o.forwardRef(({ asChild: n = !1, className: r, children: i, onKeyDown: o, onMouseEnter: s, ...l }, u) => {
-	let { openMenuId: d, registerTrigger: f } = y(), { triggerId: p, contentId: m, isOpen: _, open: v, toggle: x, menuId: S } = b(), C = !!l.disabled, w = c((e) => {
-		f(S, e), typeof u == "function" ? u(e) : u && (u.current = e);
+var C = o.forwardRef(({ asChild: n = !1, className: r, children: i, onKeyDown: o, onMouseEnter: s, id: l, ...d }, f) => {
+	let { openMenuId: p, registerTrigger: m } = y(), { triggerId: _, contentId: v, isOpen: x, open: S, toggle: C, menuId: w, setTriggerIdOverride: T } = b();
+	u(() => (T(l), () => T(void 0)), [l, T]);
+	let E = !!d.disabled, D = c((e) => {
+		m(w, e), typeof f == "function" ? f(e) : f && (f.current = e);
 	}, [
-		f,
-		S,
-		u
-	]), T = (e) => {
-		o?.(e), !(e.defaultPrevented || C) && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
-	}, E = (e) => {
-		s?.(e), d && !C && v();
+		m,
+		w,
+		f
+	]), O = (e) => {
+		o?.(e), !(e.defaultPrevented || E) && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), S());
+	}, k = (e) => {
+		s?.(e), p && !E && S();
 	};
 	return /* @__PURE__ */ g(n ? e : "button", {
-		...l,
-		ref: w,
+		...d,
+		ref: D,
 		type: n ? void 0 : "button",
-		id: p,
+		id: l ?? _,
 		role: "menuitem",
 		"aria-haspopup": "menu",
-		"aria-expanded": _,
-		"aria-controls": _ ? m : void 0,
-		disabled: C,
-		className: h(a.trigger, _ && a.triggerOpen, r),
-		onClick: x,
-		onKeyDown: T,
-		onMouseEnter: E,
+		"aria-expanded": x,
+		"aria-controls": x ? v : void 0,
+		disabled: E,
+		className: h(a.trigger, x && a.triggerOpen, r),
+		onClick: C,
+		onKeyDown: O,
+		onMouseEnter: k,
 		children: /* @__PURE__ */ g(t, { children: i })
 	});
 });
 C.displayName = "Menubar.Trigger";
-var w = o.forwardRef(({ align: e = "start", className: t, children: r, ...o }, s) => {
-	let { contentId: l, triggerId: d, isOpen: f, close: _ } = b(), [v, y] = m(-1), [x, S] = m(f), C = p(null);
-	f !== x && (S(f), y(f ? 0 : -1));
-	let { setReference: w, setFloating: T, floatingProps: E } = i({ open: f }), D = c((e) => {
-		C.current = e, T(e), w(e?.parentElement ?? null), typeof s == "function" ? s(e) : s && (s.current = e);
+var w = o.forwardRef(({ align: e = "start", className: t, children: r, id: o, "aria-labelledby": s, ...l }, d) => {
+	let { contentId: f, triggerId: _, isOpen: v, close: y, setContentIdOverride: x } = b();
+	u(() => (x(o), () => x(void 0)), [o, x]);
+	let [S, C] = m(-1), [w, T] = m(v), E = p(null);
+	v !== w && (T(v), C(v ? 0 : -1));
+	let { setReference: D, setFloating: O, floatingProps: k } = i({ open: v }), A = c((e) => {
+		E.current = e, O(e), D(e?.parentElement ?? null), typeof d == "function" ? d(e) : d && (d.current = e);
 	}, [
-		s,
-		T,
-		w
+		d,
+		O,
+		D
 	]);
 	u(() => {
-		!f || v < 0 || Array.from(C.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? [])[v]?.focus();
-	}, [v, f]);
-	let O = (e) => {
-		let t = Array.from(C.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? []);
+		!v || S < 0 || Array.from(E.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? [])[S]?.focus();
+	}, [S, v]);
+	let j = (e) => {
+		let t = Array.from(E.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? []);
 		if (t.length !== 0) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), y((e) => e < t.length - 1 ? e + 1 : 0);
+				e.preventDefault(), C((e) => e < t.length - 1 ? e + 1 : 0);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), y((e) => e > 0 ? e - 1 : t.length - 1);
+				e.preventDefault(), C((e) => e > 0 ? e - 1 : t.length - 1);
 				break;
 			case "Home":
-				e.preventDefault(), y(0);
+				e.preventDefault(), C(0);
 				break;
 			case "End":
-				e.preventDefault(), y(t.length - 1);
+				e.preventDefault(), C(t.length - 1);
 				break;
-			case "Tab": _();
+			case "Tab": y();
 		}
 	};
 	return /* @__PURE__ */ g(n, {
-		...o,
-		ref: D,
-		show: f,
+		...l,
+		ref: A,
+		show: v,
 		preset: "fade",
-		id: l,
+		id: o ?? f,
 		role: "menu",
-		"aria-labelledby": d,
+		"aria-labelledby": s ?? _,
 		className: h(a.content, e === "end" ? a.alignEnd : a.alignStart, t),
-		onKeyDown: O,
-		"data-side": E["data-side"],
+		onKeyDown: j,
+		"data-side": k["data-side"],
 		style: {
-			...o.style,
-			...E.style
+			...l.style,
+			...k.style
 		},
 		children: r
 	});

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 };