wimui 0.63.0 → 0.63.1

package/dist/components/form/TimePicker/TimePicker.js

@@ -1,38 +1,39 @@
 "use client";
 import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
-import t from "../Input/input.module.js";
-import { Input as n } from "../Input/Input.js";
-import r from "./time-picker.module.js";
-import { forwardRef as i, useRef as a, useState as o } from "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import n from "../Input/input.module.js";
+import { Input as r } from "../Input/Input.js";
+import i from "./time-picker.module.js";
+import { forwardRef as a, useRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/form/TimePicker/TimePicker.tsx
-var l = i(({ intent: i = "default", variant: l = "outline", fullWidth: u = !1, className: d, disabled: f, allowClear: p = !0, value: m, defaultValue: h, onChange: g, ..._ }, v) => {
-	let y = m !== void 0, [b, x] = o(h ?? ""), S = y ? m : b, C = a(null), w = e(v, C), T = p && !!S && !f, E = T ? void 0 : "ClockIcon";
-	return /* @__PURE__ */ c(n, {
-		ref: w,
+var u = a(({ intent: a = "default", variant: u = "outline", fullWidth: d = !1, className: f, disabled: p, allowClear: m = !0, value: h, defaultValue: g, onChange: _, ...v }, y) => {
+	let b = h !== void 0, [x, S] = s(g ?? ""), C = b ? h : x, w = o(null), T = e(y, w), E = m && !!C && !p, D = E ? void 0 : "ClockIcon", O = (e) => {
+		b || S(e.target.value), _?.(e);
+	}, k = () => {
+		w.current?.showPicker?.();
+	};
+	return /* @__PURE__ */ l(r, {
+		ref: T,
 		type: "time",
-		allowClear: T,
-		intent: i,
-		variant: l,
-		fullWidth: u,
-		className: s("wim-time-picker", d),
-		inputClassName: s(t.root, r.input),
-		disabled: f,
-		value: m,
-		defaultValue: h,
-		onChange: (e) => {
-			y || x(e.target.value), g?.(e);
-		},
-		rightIcon: E,
-		rightIconColor: f || T ? void 0 : "primary",
-		onRightIconClick: T ? void 0 : () => {
-			C.current?.showPicker?.();
-		},
+		allowClear: E,
+		intent: a,
+		variant: u,
+		fullWidth: d,
+		className: c("wim-time-picker", f),
+		inputClassName: c(n.root, i.input),
+		disabled: p,
+		value: h,
+		defaultValue: g,
+		onChange: O,
+		rightIcon: D,
+		rightIconColor: p || E ? void 0 : "primary",
 		rightIconDecorative: !0,
-		..._
+		...v,
+		onRightIconClick: E ? v.onRightIconClick : t(v.onRightIconClick, k)
 	});
 });
-l.displayName = "TimePicker";
+u.displayName = "TimePicker";
 //#endregion
-export { l as TimePicker };
+export { u as TimePicker };

package/dist/components/layout/InteractiveArea/InteractiveArea.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,align:u=`center`,isDragging:d=!1,isClickable:f=!1,disabled:p=!1,className:m,children:h,styles:g,..._},v)=>(0,i.jsx)(`div`,{ref:v,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u===`center`?t.default.alignCenter:t.default.alignStart,d&&t.default.dragging,f&&!p&&t.default.clickable,p&&t.default.disabled,m),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-align":u,"data-disabled":p,"data-dragging":d,role:f&&!p?`button`:_[`aria-label`]||_[`aria-labelledby`]?`group`:void 0,tabIndex:f&&!p?0:void 0,"aria-disabled":p||void 0,onKeyDown:e=>{f&&!p&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),_.onKeyDown?.(e)},..._,onClick:e=>{if(p){e.preventDefault();return}_.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,g?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,g?.icon),children:a}),(e||n)&&(0,i.jsxs)(`div`,{className:t.default.text,children:[e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,g?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,g?.description),children:n})]}),h&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,g?.content),children:h}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,g?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,align:u=`center`,isDragging:d=!1,isClickable:f=!1,disabled:p=!1,className:m,children:h,styles:g,..._},v)=>(0,i.jsx)(`div`,{ref:v,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u===`center`?t.default.alignCenter:t.default.alignStart,d&&t.default.dragging,f&&!p&&t.default.clickable,p&&t.default.disabled,m),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-align":u,"data-disabled":p,"data-dragging":d,role:f&&!p?`button`:_[`aria-label`]||_[`aria-labelledby`]?`group`:void 0,tabIndex:f&&!p?0:void 0,"aria-disabled":p||void 0,..._,onKeyDown:e=>{f&&!p&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),_.onKeyDown?.(e)},onClick:e=>{if(p){e.preventDefault();return}_.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,g?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,g?.icon),children:a}),(e||n)&&(0,i.jsxs)(`div`,{className:t.default.text,children:[e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,g?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,g?.description),children:n})]}),h&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,g?.content),children:h}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,g?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;

package/dist/components/layout/InteractiveArea/InteractiveArea.js

@@ -16,10 +16,10 @@ var a = t.forwardRef(({ title: t, description: a, icon: o, actions: s, variant:
 	role: p && !m ? "button" : v["aria-label"] || v["aria-labelledby"] ? "group" : void 0,
 	tabIndex: p && !m ? 0 : void 0,
 	"aria-disabled": m || void 0,
+	...v,
 	onKeyDown: (e) => {
 		p && !m && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click()), v.onKeyDown?.(e);
 	},
-	...v,
 	onClick: (e) => {
 		if (m) {
 			e.preventDefault();

package/dist/components/layout/Navbar/Navbar.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../navigation/HamburgerMenu/HamburgerMenu.cjs"),n=require("../../overlay/Drawer/Drawer.cjs"),r=require("./navbar.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(void 0),c=i.default.forwardRef(({className:e,children:t,fixed:n,sticky:c,transparent:l,glass:u,bordered:d,fluid:f,defaultMenuOpen:p=!1,isMenuOpen:m,onMenuOpenChange:h,...g},_)=>{let[v,y]=(0,i.useState)(p),b=m??v;return(0,o.jsx)(s.Provider,{value:{isMenuOpen:b,setIsMenuOpen:e=>{y(e),h?.(e)}},children:(0,o.jsx)(`nav`,{ref:_,className:(0,a.default)(`wim-navbar`,r.default.root,n&&r.default.fixed,c&&r.default.sticky,l&&r.default.transparent,u&&r.default.glass,d&&r.default.bordered,e),...g,children:(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,f&&r.default.fluid),children:t})})})});c.displayName=`Navbar`;var l=i.default.forwardRef(({className:e,children:t,...n},i)=>(0,o.jsx)(`div`,{ref:i,className:(0,a.default)(r.default.brand,e),...n,children:t}));l.displayName=`Navbar.Brand`;var u=i.default.forwardRef(({className:e,children:t,justify:n=`end`,hiddenOnMobile:i,...s},c)=>(0,o.jsx)(`div`,{ref:c,className:(0,a.default)(r.default.content,r.default[n],i&&r.default.hiddenMobile,e),...s,children:t}));u.displayName=`Navbar.Content`;var d=i.default.forwardRef(({className:e,children:t,active:n,...i},s)=>(0,o.jsx)(`div`,{ref:s,className:(0,a.default)(r.default.item,n&&r.default.active,e),...i,children:t}));d.displayName=`Navbar.Item`;var f=i.default.forwardRef(({className:e,children:t,active:n,...i},s)=>(0,o.jsx)(`a`,{ref:s,className:(0,a.default)(r.default.link,n&&r.default.active,e),...i,children:t}));f.displayName=`Navbar.Link`;var p=i.default.forwardRef(({className:e,...n},a)=>{let c=(0,i.useContext)(s);if(!c)throw Error(`NavbarToggle must be used within a Navbar`);let{isMenuOpen:l,setIsMenuOpen:u}=c;return(0,o.jsx)(`div`,{className:r.default.toggle,children:(0,o.jsx)(t.HamburgerMenu,{ref:a,open:l,onOpenChange:u,className:e,...n})})});p.displayName=`Navbar.Toggle`;var m=i.default.forwardRef(({className:e,children:t,position:c=`top`,...l},u)=>{let d=(0,i.useContext)(s);if(!d)throw Error(`NavbarMenu must be used within a Navbar`);let{isMenuOpen:f,setIsMenuOpen:p}=d;return(0,o.jsx)(n.Drawer,{open:f,onOpenChange:p,side:c,children:(0,o.jsx)(n.DrawerContent,{...l,className:(0,a.default)(r.default.menu,e),children:t})})});m.displayName=`Navbar.Menu`;var h=i.default.forwardRef(({className:e,children:t,active:n,...c},l)=>{let{setIsMenuOpen:u}=(0,i.useContext)(s)||{};return(0,o.jsx)(`div`,{ref:l,className:(0,a.default)(r.default.menuItem,n&&r.default.active,e),onClick:e=>{u?.(!1),c.onClick?.(e)},role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()},...c,children:t})});h.displayName=`Navbar.MenuItem`;var g=Object.assign(c,{Brand:l,Content:u,Item:d,Link:f,Toggle:p,Menu:m,MenuItem:h});exports.Navbar=g,exports.default=g,exports.NavbarBrand=l,exports.NavbarContent=u,exports.NavbarItem=d,exports.NavbarLink=f,exports.NavbarMenu=m,exports.NavbarMenuItem=h,exports.NavbarToggle=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../navigation/HamburgerMenu/HamburgerMenu.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../overlay/Drawer/Drawer.cjs"),i=require("./navbar.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)(void 0),l=a.default.forwardRef(({className:e,children:t,fixed:n,sticky:r,transparent:l,glass:u,bordered:d,fluid:f,defaultMenuOpen:p=!1,isMenuOpen:m,onMenuOpenChange:h,...g},_)=>{let[v,y]=(0,a.useState)(p),b=m??v;return(0,s.jsx)(c.Provider,{value:{isMenuOpen:b,setIsMenuOpen:e=>{y(e),h?.(e)}},children:(0,s.jsx)(`nav`,{ref:_,className:(0,o.default)(`wim-navbar`,i.default.root,n&&i.default.fixed,r&&i.default.sticky,l&&i.default.transparent,u&&i.default.glass,d&&i.default.bordered,e),...g,children:(0,s.jsx)(`div`,{className:(0,o.default)(i.default.container,f&&i.default.fluid),children:t})})})});l.displayName=`Navbar`;var u=a.default.forwardRef(({className:e,children:t,...n},r)=>(0,s.jsx)(`div`,{ref:r,className:(0,o.default)(i.default.brand,e),...n,children:t}));u.displayName=`Navbar.Brand`;var d=a.default.forwardRef(({className:e,children:t,justify:n=`end`,hiddenOnMobile:r,...a},c)=>(0,s.jsx)(`div`,{ref:c,className:(0,o.default)(i.default.content,i.default[n],r&&i.default.hiddenMobile,e),...a,children:t}));d.displayName=`Navbar.Content`;var f=a.default.forwardRef(({className:e,children:t,active:n,...r},a)=>(0,s.jsx)(`div`,{ref:a,className:(0,o.default)(i.default.item,n&&i.default.active,e),...r,children:t}));f.displayName=`Navbar.Item`;var p=a.default.forwardRef(({className:e,children:t,active:n,...r},a)=>(0,s.jsx)(`a`,{ref:a,className:(0,o.default)(i.default.link,n&&i.default.active,e),...r,children:t}));p.displayName=`Navbar.Link`;var m=a.default.forwardRef(({className:e,...n},r)=>{let o=(0,a.useContext)(c);if(!o)throw Error(`NavbarToggle must be used within a Navbar`);let{isMenuOpen:l,setIsMenuOpen:u}=o;return(0,s.jsx)(`div`,{className:i.default.toggle,children:(0,s.jsx)(t.HamburgerMenu,{ref:r,open:l,onOpenChange:u,className:e,...n})})});m.displayName=`Navbar.Toggle`;var h=a.default.forwardRef(({className:e,children:t,position:n=`top`,...l},u)=>{let d=(0,a.useContext)(c);if(!d)throw Error(`NavbarMenu must be used within a Navbar`);let{isMenuOpen:f,setIsMenuOpen:p}=d;return(0,s.jsx)(r.Drawer,{open:f,onOpenChange:p,side:n,children:(0,s.jsx)(r.DrawerContent,{...l,className:(0,o.default)(i.default.menu,e),children:t})})});h.displayName=`Navbar.Menu`;var g=a.default.forwardRef(({className:e,children:t,active:r,...l},u)=>{let{setIsMenuOpen:d}=(0,a.useContext)(c)||{},f=e=>{d?.(!1),l.onClick?.(e)};return(0,s.jsx)(`div`,{ref:u,className:(0,o.default)(i.default.menuItem,r&&i.default.active,e),role:`button`,tabIndex:0,...l,onClick:f,onKeyDown:n.composeEventHandlers(l.onKeyDown,e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()}),children:t})});g.displayName=`Navbar.MenuItem`;var _=Object.assign(l,{Brand:u,Content:d,Item:f,Link:p,Toggle:m,Menu:h,MenuItem:g});exports.Navbar=_,exports.default=_,exports.NavbarBrand=u,exports.NavbarContent=d,exports.NavbarItem=f,exports.NavbarLink=p,exports.NavbarMenu=h,exports.NavbarMenuItem=g,exports.NavbarToggle=m;

package/dist/components/layout/Navbar/Navbar.js

@@ -1,118 +1,119 @@
 "use client";
 import { HamburgerMenu as e } from "../../navigation/HamburgerMenu/HamburgerMenu.js";
-import { Drawer as t, DrawerContent as n } from "../../overlay/Drawer/Drawer.js";
-import r from "./navbar.module.js";
-import i, { createContext as a, useContext as o, useState as s } from "react";
-import c from "classnames";
-import { jsx as l } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import { Drawer as n, DrawerContent as r } from "../../overlay/Drawer/Drawer.js";
+import i from "./navbar.module.js";
+import a, { createContext as o, useContext as s, useState as c } from "react";
+import l from "classnames";
+import { jsx as u } from "react/jsx-runtime";
 //#region src/components/layout/Navbar/Navbar.tsx
-var u = a(void 0), d = i.forwardRef(({ className: e, children: t, fixed: n, sticky: i, transparent: a, glass: o, bordered: d, fluid: f, defaultMenuOpen: p = !1, isMenuOpen: m, onMenuOpenChange: h, ...g }, _) => {
-	let [v, y] = s(p), b = m ?? v;
-	return /* @__PURE__ */ l(u.Provider, {
+var d = o(void 0), f = a.forwardRef(({ className: e, children: t, fixed: n, sticky: r, transparent: a, glass: o, bordered: s, fluid: f, defaultMenuOpen: p = !1, isMenuOpen: m, onMenuOpenChange: h, ...g }, _) => {
+	let [v, y] = c(p), b = m ?? v;
+	return /* @__PURE__ */ u(d.Provider, {
 		value: {
 			isMenuOpen: b,
 			setIsMenuOpen: (e) => {
 				y(e), h?.(e);
 			}
 		},
-		children: /* @__PURE__ */ l("nav", {
+		children: /* @__PURE__ */ u("nav", {
 			ref: _,
-			className: c("wim-navbar", r.root, n && r.fixed, i && r.sticky, a && r.transparent, o && r.glass, d && r.bordered, e),
+			className: l("wim-navbar", i.root, n && i.fixed, r && i.sticky, a && i.transparent, o && i.glass, s && i.bordered, e),
 			...g,
-			children: /* @__PURE__ */ l("div", {
-				className: c(r.container, f && r.fluid),
+			children: /* @__PURE__ */ u("div", {
+				className: l(i.container, f && i.fluid),
 				children: t
 			})
 		})
 	});
 });
-d.displayName = "Navbar";
-var f = i.forwardRef(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ l("div", {
-	ref: i,
-	className: c(r.brand, e),
+f.displayName = "Navbar";
+var p = a.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ u("div", {
+	ref: r,
+	className: l(i.brand, e),
 	...n,
 	children: t
 }));
-f.displayName = "Navbar.Brand";
-var p = i.forwardRef(({ className: e, children: t, justify: n = "end", hiddenOnMobile: i, ...a }, o) => /* @__PURE__ */ l("div", {
+p.displayName = "Navbar.Brand";
+var m = a.forwardRef(({ className: e, children: t, justify: n = "end", hiddenOnMobile: r, ...a }, o) => /* @__PURE__ */ u("div", {
 	ref: o,
-	className: c(r.content, r[n], i && r.hiddenMobile, e),
+	className: l(i.content, i[n], r && i.hiddenMobile, e),
 	...a,
 	children: t
 }));
-p.displayName = "Navbar.Content";
-var m = i.forwardRef(({ className: e, children: t, active: n, ...i }, a) => /* @__PURE__ */ l("div", {
+m.displayName = "Navbar.Content";
+var h = a.forwardRef(({ className: e, children: t, active: n, ...r }, a) => /* @__PURE__ */ u("div", {
 	ref: a,
-	className: c(r.item, n && r.active, e),
-	...i,
+	className: l(i.item, n && i.active, e),
+	...r,
 	children: t
 }));
-m.displayName = "Navbar.Item";
-var h = i.forwardRef(({ className: e, children: t, active: n, ...i }, a) => /* @__PURE__ */ l("a", {
+h.displayName = "Navbar.Item";
+var g = a.forwardRef(({ className: e, children: t, active: n, ...r }, a) => /* @__PURE__ */ u("a", {
 	ref: a,
-	className: c(r.link, n && r.active, e),
-	...i,
+	className: l(i.link, n && i.active, e),
+	...r,
 	children: t
 }));
-h.displayName = "Navbar.Link";
-var g = i.forwardRef(({ className: t, ...n }, i) => {
-	let a = o(u);
+g.displayName = "Navbar.Link";
+var _ = a.forwardRef(({ className: t, ...n }, r) => {
+	let a = s(d);
 	if (!a) throw Error("NavbarToggle must be used within a Navbar");
-	let { isMenuOpen: s, setIsMenuOpen: c } = a;
-	return /* @__PURE__ */ l("div", {
-		className: r.toggle,
-		children: /* @__PURE__ */ l(e, {
-			ref: i,
-			open: s,
+	let { isMenuOpen: o, setIsMenuOpen: c } = a;
+	return /* @__PURE__ */ u("div", {
+		className: i.toggle,
+		children: /* @__PURE__ */ u(e, {
+			ref: r,
+			open: o,
 			onOpenChange: c,
 			className: t,
 			...n
 		})
 	});
 });
-g.displayName = "Navbar.Toggle";
-var _ = i.forwardRef(({ className: e, children: i, position: a = "top", ...s }, d) => {
-	let f = o(u);
+_.displayName = "Navbar.Toggle";
+var v = a.forwardRef(({ className: e, children: t, position: a = "top", ...o }, c) => {
+	let f = s(d);
 	if (!f) throw Error("NavbarMenu must be used within a Navbar");
 	let { isMenuOpen: p, setIsMenuOpen: m } = f;
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ u(n, {
 		open: p,
 		onOpenChange: m,
 		side: a,
-		children: /* @__PURE__ */ l(n, {
-			...s,
-			className: c(r.menu, e),
-			children: i
+		children: /* @__PURE__ */ u(r, {
+			...o,
+			className: l(i.menu, e),
+			children: t
 		})
 	});
 });
-_.displayName = "Navbar.Menu";
-var v = i.forwardRef(({ className: e, children: t, active: n, ...i }, a) => {
-	let { setIsMenuOpen: s } = o(u) || {};
-	return /* @__PURE__ */ l("div", {
-		ref: a,
-		className: c(r.menuItem, n && r.active, e),
-		onClick: (e) => {
-			s?.(!1), i.onClick?.(e);
-		},
+v.displayName = "Navbar.Menu";
+var y = a.forwardRef(({ className: e, children: n, active: r, ...a }, o) => {
+	let { setIsMenuOpen: c } = s(d) || {}, f = (e) => {
+		c?.(!1), a.onClick?.(e);
+	};
+	return /* @__PURE__ */ u("div", {
+		ref: o,
+		className: l(i.menuItem, r && i.active, e),
 		role: "button",
 		tabIndex: 0,
-		onKeyDown: (e) => {
+		...a,
+		onClick: f,
+		onKeyDown: t(a.onKeyDown, (e) => {
 			(e.key === "Enter" || e.key === " ") && e.currentTarget.click();
-		},
-		...i,
-		children: t
+		}),
+		children: n
 	});
 });
-v.displayName = "Navbar.MenuItem";
-var y = Object.assign(d, {
-	Brand: f,
-	Content: p,
-	Item: m,
-	Link: h,
-	Toggle: g,
-	Menu: _,
-	MenuItem: v
+y.displayName = "Navbar.MenuItem";
+var b = Object.assign(f, {
+	Brand: p,
+	Content: m,
+	Item: h,
+	Link: g,
+	Toggle: _,
+	Menu: v,
+	MenuItem: y
 });
 //#endregion
-export { y as Navbar, y as default, f as NavbarBrand, p as NavbarContent, m as NavbarItem, h as NavbarLink, _ as NavbarMenu, v as NavbarMenuItem, g as NavbarToggle };
+export { b as Navbar, b as default, p as NavbarBrand, m as NavbarContent, h as NavbarItem, g as NavbarLink, v as NavbarMenu, y as NavbarMenuItem, _ as NavbarToggle };

package/dist/components/layout/Splitter/Splitter.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("./splitter.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`Splitter components must be used within Splitter`);return e},l=({orientation:e=`horizontal`,className:t,children:n,...c})=>{let l=(0,i.useRef)(null),f=(0,i.useMemo)(()=>i.default.Children.toArray(n),[n]),p=(0,i.useMemo)(()=>f.filter(e=>e.type===u),[f]),[m,h]=(0,i.useState)([]),[g,_]=(0,i.useState)(0);if(p.length!==g){_(p.length);let e=p.map(e=>e.props.defaultSize??100/(p.length||1)),t=e.reduce((e,t)=>e+t,0)||1;h(e.map(e=>e/t*100))}let[v,y]=(0,i.useState)(null),b=(0,i.useCallback)((e,t)=>{y(e),t.preventDefault()},[]),x=(0,i.useCallback)(t=>{if(v===null||!l.current)return;let n=l.current.getBoundingClientRect(),r=e===`horizontal`?n.width:n.height,i=e===`horizontal`?n.left:n.top,a=((`touches`in t?e===`horizontal`?t.touches[0].clientX:t.touches[0].clientY:e===`horizontal`?t.clientX:t.clientY)-i)/r*100;h(e=>{let t=[...e],n=0;for(let t=0;t<v;t++)n+=e[t];let r=e[v]+e[v+1],i=a-n,o=p[v],s=p[v+1],c=o.props.minSize??0,l=o.props.maxSize??100,u=s.props.minSize??0,d=s.props.maxSize??100;i=Math.max(c,Math.min(i,l));let f=r-i;return f<u?(f=u,i=r-f):f>d&&(f=d,i=r-f),t[v]=i,t[v+1]=f,t})},[v,e,p]),S=(0,i.useCallback)(()=>{y(null)},[]);(0,i.useEffect)(()=>{if(v!==null)return window.addEventListener(`mousemove`,x),window.addEventListener(`mouseup`,S),window.addEventListener(`touchmove`,x,{passive:!1}),window.addEventListener(`touchend`,S),()=>{window.removeEventListener(`mousemove`,x),window.removeEventListener(`mouseup`,S),window.removeEventListener(`touchmove`,x),window.removeEventListener(`touchend`,S)}},[v,x,S]);let C=0,w=0,T=f.map(e=>{if(e.type===u){let t=C++;return i.default.cloneElement(e,{size:m[t]})}if(e.type===d){let t=w++,n=Math.round(m.slice(0,t+1).reduce((e,t)=>e+t,0));return i.default.cloneElement(e,{index:t,active:v===t,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100})}return e});return(0,o.jsx)(s.Provider,{value:{orientation:e,onResizeStart:b},children:(0,o.jsx)(`div`,{ref:l,className:(0,a.default)(`wim-splitter`,r.default.root,r.default[e],v!==null&&r.default.resizing,t),"data-testid":`splitter-root`,...c,children:T})})},u=({defaultSize:e,minSize:t,maxSize:n,size:i,style:s,className:c,children:l,...u})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.panel,c),"data-testid":`splitter-panel`,style:{...s,flex:i===void 0?`1 1 0%`:`0 0 ${i}%`},tabIndex:0,...u,children:l});u.displayName=`Splitter.Panel`;var d=({index:e,active:i,className:s,ariaLabel:l,...u})=>{let{t:d}=t.useWimTranslation(n.commonNs),f=l??d(`a11y.resize_panel`),{onResizeStart:p,orientation:m}=c();return(0,o.jsx)(`div`,{role:`separator`,"aria-orientation":m,"aria-label":f,tabIndex:0,className:(0,a.default)(r.default.handle,i&&r.default.active,s),"data-testid":`splitter-handle`,onMouseDown:t=>e!==void 0&&p(e,t),onTouchStart:t=>e!==void 0&&p(e,t),onKeyDown:e=>{(e.key===`ArrowLeft`||e.key===`ArrowUp`||e.key===`ArrowRight`||e.key===`ArrowDown`)&&e.preventDefault()},...u})};d.displayName=`Splitter.Handle`,l.displayName=`Splitter`;var f=l;f.Panel=u,f.Handle=d,exports.Splitter=f,exports.default=f;
+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("./splitter.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(`Splitter components must be used within Splitter`);return e},u=({orientation:e=`horizontal`,className:t,children:n,...r})=>{let l=(0,a.useRef)(null),u=(0,a.useMemo)(()=>a.default.Children.toArray(n),[n]),p=(0,a.useMemo)(()=>u.filter(e=>e.type===d),[u]),[m,h]=(0,a.useState)([]),[g,_]=(0,a.useState)(0);if(p.length!==g){_(p.length);let e=p.map(e=>e.props.defaultSize??100/(p.length||1)),t=e.reduce((e,t)=>e+t,0)||1;h(e.map(e=>e/t*100))}let[v,y]=(0,a.useState)(null),b=(0,a.useCallback)((e,t)=>{y(e),t.preventDefault()},[]),x=(0,a.useCallback)(t=>{if(v===null||!l.current)return;let n=l.current.getBoundingClientRect(),r=e===`horizontal`?n.width:n.height,i=e===`horizontal`?n.left:n.top,a=((`touches`in t?e===`horizontal`?t.touches[0].clientX:t.touches[0].clientY:e===`horizontal`?t.clientX:t.clientY)-i)/r*100;h(e=>{let t=[...e],n=0;for(let t=0;t<v;t++)n+=e[t];let r=e[v]+e[v+1],i=a-n,o=p[v],s=p[v+1],c=o.props.minSize??0,l=o.props.maxSize??100,u=s.props.minSize??0,d=s.props.maxSize??100;i=Math.max(c,Math.min(i,l));let f=r-i;return f<u?(f=u,i=r-f):f>d&&(f=d,i=r-f),t[v]=i,t[v+1]=f,t})},[v,e,p]),S=(0,a.useCallback)(()=>{y(null)},[]);(0,a.useEffect)(()=>{if(v!==null)return window.addEventListener(`mousemove`,x),window.addEventListener(`mouseup`,S),window.addEventListener(`touchmove`,x,{passive:!1}),window.addEventListener(`touchend`,S),()=>{window.removeEventListener(`mousemove`,x),window.removeEventListener(`mouseup`,S),window.removeEventListener(`touchmove`,x),window.removeEventListener(`touchend`,S)}},[v,x,S]);let C=0,w=0,T=u.map(e=>{if(e.type===d){let t=C++;return a.default.cloneElement(e,{size:m[t]})}if(e.type===f){let t=w++,n=Math.round(m.slice(0,t+1).reduce((e,t)=>e+t,0));return a.default.cloneElement(e,{index:t,active:v===t,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100})}return e});return(0,s.jsx)(c.Provider,{value:{orientation:e,onResizeStart:b},children:(0,s.jsx)(`div`,{ref:l,className:(0,o.default)(`wim-splitter`,i.default.root,i.default[e],v!==null&&i.default.resizing,t),"data-testid":`splitter-root`,...r,children:T})})},d=({defaultSize:e,minSize:t,maxSize:n,size:r,style:a,className:c,children:l,...u})=>(0,s.jsx)(`div`,{className:(0,o.default)(i.default.panel,c),"data-testid":`splitter-panel`,style:{...a,flex:r===void 0?`1 1 0%`:`0 0 ${r}%`},tabIndex:0,...u,children:l});d.displayName=`Splitter.Panel`;var f=({index:e,active:a,className:c,ariaLabel:u,...d})=>{let{t:f}=t.useWimTranslation(n.commonNs),p=u??f(`a11y.resize_panel`),{onResizeStart:m,orientation:h}=l();return(0,s.jsx)(`div`,{role:`separator`,"aria-orientation":h,"aria-label":p,tabIndex:0,className:(0,o.default)(i.default.handle,a&&i.default.active,c),"data-testid":`splitter-handle`,...d,onMouseDown:r.composeEventHandlers(d.onMouseDown,t=>e!==void 0&&m(e,t)),onTouchStart:r.composeEventHandlers(d.onTouchStart,t=>e!==void 0&&m(e,t)),onKeyDown:r.composeEventHandlers(d.onKeyDown,e=>{(e.key===`ArrowLeft`||e.key===`ArrowUp`||e.key===`ArrowRight`||e.key===`ArrowDown`)&&e.preventDefault()})})};f.displayName=`Splitter.Handle`,u.displayName=`Splitter`;var p=u;p.Panel=d,p.Handle=f,exports.Splitter=p,exports.default=p;

package/dist/components/layout/Splitter/Splitter.js

@@ -1,31 +1,32 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { commonNs as t } from "../../../i18n/generated/common.js";
-import n from "./splitter.module.js";
-import r, { createContext as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f } from "react/jsx-runtime";
+import { composeEventHandlers as n } from "../../_internal/composeEventHandlers.js";
+import r from "./splitter.module.js";
+import i, { createContext as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p } from "react/jsx-runtime";
 //#region src/components/layout/Splitter/Splitter.tsx
-var p = i(null), m = () => {
-	let e = o(p);
+var m = a(null), h = () => {
+	let e = s(m);
 	if (!e) throw Error("Splitter components must be used within Splitter");
 	return e;
-}, h = ({ orientation: e = "horizontal", className: t, children: i, ...o }) => {
-	let m = l(null), h = c(() => r.Children.toArray(i), [i]), v = c(() => h.filter((e) => e.type === g), [h]), [y, b] = u([]), [x, S] = u(0);
-	if (v.length !== x) {
-		S(v.length);
-		let e = v.map((e) => e.props.defaultSize ?? 100 / (v.length || 1)), t = e.reduce((e, t) => e + t, 0) || 1;
+}, g = ({ orientation: e = "horizontal", className: t, children: n, ...a }) => {
+	let s = u(null), h = l(() => i.Children.toArray(n), [n]), g = l(() => h.filter((e) => e.type === _), [h]), [y, b] = d([]), [x, S] = d(0);
+	if (g.length !== x) {
+		S(g.length);
+		let e = g.map((e) => e.props.defaultSize ?? 100 / (g.length || 1)), t = e.reduce((e, t) => e + t, 0) || 1;
 		b(e.map((e) => e / t * 100));
 	}
-	let [C, w] = u(null), T = a((e, t) => {
+	let [C, w] = d(null), T = o((e, t) => {
 		w(e), t.preventDefault();
-	}, []), E = a((t) => {
-		if (C === null || !m.current) return;
-		let n = m.current.getBoundingClientRect(), r = e === "horizontal" ? n.width : n.height, i = e === "horizontal" ? n.left : n.top, a = (("touches" in t ? e === "horizontal" ? t.touches[0].clientX : t.touches[0].clientY : e === "horizontal" ? t.clientX : t.clientY) - i) / r * 100;
+	}, []), E = o((t) => {
+		if (C === null || !s.current) return;
+		let n = s.current.getBoundingClientRect(), r = e === "horizontal" ? n.width : n.height, i = e === "horizontal" ? n.left : n.top, a = (("touches" in t ? e === "horizontal" ? t.touches[0].clientX : t.touches[0].clientY : e === "horizontal" ? t.clientX : t.clientY) - i) / r * 100;
 		b((e) => {
 			let t = [...e], n = 0;
 			for (let t = 0; t < C; t++) n += e[t];
-			let r = e[C] + e[C + 1], i = a - n, o = v[C], s = v[C + 1], c = o.props.minSize ?? 0, l = o.props.maxSize ?? 100, u = s.props.minSize ?? 0, d = s.props.maxSize ?? 100;
+			let r = e[C] + e[C + 1], i = a - n, o = g[C], s = g[C + 1], c = o.props.minSize ?? 0, l = o.props.maxSize ?? 100, u = s.props.minSize ?? 0, d = s.props.maxSize ?? 100;
 			i = Math.max(c, Math.min(i, l));
 			let f = r - i;
 			return f < u ? (f = u, i = r - f) : f > d && (f = d, i = r - f), t[C] = i, t[C + 1] = f, t;
@@ -33,11 +34,11 @@ var p = i(null), m = () => {
 	}, [
 		C,
 		e,
-		v
-	]), D = a(() => {
+		g
+	]), D = o(() => {
 		w(null);
 	}, []);
-	s(() => {
+	c(() => {
 		if (C !== null) return window.addEventListener("mousemove", E), window.addEventListener("mouseup", D), window.addEventListener("touchmove", E, { passive: !1 }), window.addEventListener("touchend", D), () => {
 			window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", D), window.removeEventListener("touchmove", E), window.removeEventListener("touchend", D);
 		};
@@ -47,13 +48,13 @@ var p = i(null), m = () => {
 		D
 	]);
 	let O = 0, k = 0, A = h.map((e) => {
-		if (e.type === g) {
+		if (e.type === _) {
 			let t = O++;
-			return r.cloneElement(e, { size: y[t] });
+			return i.cloneElement(e, { size: y[t] });
 		}
-		if (e.type === _) {
+		if (e.type === v) {
 			let t = k++, n = Math.round(y.slice(0, t + 1).reduce((e, t) => e + t, 0));
-			return r.cloneElement(e, {
+			return i.cloneElement(e, {
 				index: t,
 				active: C === t,
 				"aria-valuenow": n,
@@ -63,21 +64,21 @@ var p = i(null), m = () => {
 		}
 		return e;
 	});
-	return /* @__PURE__ */ f(p.Provider, {
+	return /* @__PURE__ */ p(m.Provider, {
 		value: {
 			orientation: e,
 			onResizeStart: T
 		},
-		children: /* @__PURE__ */ f("div", {
-			ref: m,
-			className: d("wim-splitter", n.root, n[e], C !== null && n.resizing, t),
+		children: /* @__PURE__ */ p("div", {
+			ref: s,
+			className: f("wim-splitter", r.root, r[e], C !== null && r.resizing, t),
 			"data-testid": "splitter-root",
-			...o,
+			...a,
 			children: A
 		})
 	});
-}, g = ({ defaultSize: e, minSize: t, maxSize: r, size: i, style: a, className: o, children: s, ...c }) => /* @__PURE__ */ f("div", {
-	className: d(n.panel, o),
+}, _ = ({ defaultSize: e, minSize: t, maxSize: n, size: i, style: a, className: o, children: s, ...c }) => /* @__PURE__ */ p("div", {
+	className: f(r.panel, o),
 	"data-testid": "splitter-panel",
 	style: {
 		...a,
@@ -87,26 +88,26 @@ var p = i(null), m = () => {
 	...c,
 	children: s
 });
-g.displayName = "Splitter.Panel";
-var _ = ({ index: r, active: i, className: a, ariaLabel: o, ...s }) => {
-	let { t: c } = e(t), l = o ?? c("a11y.resize_panel"), { onResizeStart: u, orientation: p } = m();
-	return /* @__PURE__ */ f("div", {
+_.displayName = "Splitter.Panel";
+var v = ({ index: i, active: a, className: o, ariaLabel: s, ...c }) => {
+	let { t: l } = e(t), u = s ?? l("a11y.resize_panel"), { onResizeStart: d, orientation: m } = h();
+	return /* @__PURE__ */ p("div", {
 		role: "separator",
-		"aria-orientation": p,
-		"aria-label": l,
+		"aria-orientation": m,
+		"aria-label": u,
 		tabIndex: 0,
-		className: d(n.handle, i && n.active, a),
+		className: f(r.handle, a && r.active, o),
 		"data-testid": "splitter-handle",
-		onMouseDown: (e) => r !== void 0 && u(r, e),
-		onTouchStart: (e) => r !== void 0 && u(r, e),
-		onKeyDown: (e) => {
+		...c,
+		onMouseDown: n(c.onMouseDown, (e) => i !== void 0 && d(i, e)),
+		onTouchStart: n(c.onTouchStart, (e) => i !== void 0 && d(i, e)),
+		onKeyDown: n(c.onKeyDown, (e) => {
 			(e.key === "ArrowLeft" || e.key === "ArrowUp" || e.key === "ArrowRight" || e.key === "ArrowDown") && e.preventDefault();
-		},
-		...s
+		})
 	});
 };
-_.displayName = "Splitter.Handle", h.displayName = "Splitter";
-var v = h;
-v.Panel = g, v.Handle = _;
+v.displayName = "Splitter.Handle", g.displayName = "Splitter";
+var y = g;
+y.Panel = _, y.Handle = v;
 //#endregion
-export { v as Splitter, v as default };
+export { y as Splitter, y as default };

package/dist/components/layout/Transition/Transition.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=n.default.forwardRef(({show:e,children:o,preset:s,enterPreset:c,leavePreset:l,enter:u=``,enterFrom:d=``,enterTo:f=``,leave:p=``,leaveFrom:m=``,leaveTo:h=``,unmount:g=!0,appear:_=!1,className:v,...y},b)=>{let[x,S]=(0,n.useState)(e),[C,w]=(0,n.useState)(()=>e&&_?`entering`:`idle`),[T,E]=(0,n.useState)(e),[D,O]=(0,n.useState)(`from`),k=(0,n.useRef)(null),A=e=>e&&e!==`none`?a(e):{},j=A(c??s),M=A(l??s),N=(0,r.default)(j.enter,u),P=(0,r.default)(j.enterFrom,d),F=(0,r.default)(j.enterTo,f),I=(0,r.default)(M.leave,p),L=(0,r.default)(M.leaveFrom,m),R=(0,r.default)(M.leaveTo,h);e&&!x&&S(!0),e!==T&&(E(e),e?C!==`entering`&&w(`entering`):C!==`leaving`&&w(`leaving`)),(0,n.useImperativeHandle)(b,()=>k.current);let z=(0,n.useCallback)(e=>{if(e.target===k.current&&(C===`entering`||C===`leaving`)){let e=C===`leaving`;w(`idle`),e&&g&&S(!1)}},[C,g]);return(0,n.useLayoutEffect)(()=>{if(C===`idle`)return;O(`from`);let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>O(`to`))});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[C,z]),!x&&g?null:(0,i.jsx)(`div`,{ref:k,className:(0,r.default)(v,!e&&C===`idle`&&!g&&t.default.hidden,C===`entering`&&N,C===`entering`&&(D===`from`?P:F),C===`leaving`&&I,C===`leaving`&&(D===`from`?L:R)),onTransitionEnd:z,...y,children:o})});o.displayName=`Transition`,exports.Transition=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.module.cjs"),n=require("../../_internal/composeEventHandlers.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},s=r.default.forwardRef(({show:e,children:s,preset:c,enterPreset:l,leavePreset:u,enter:d=``,enterFrom:f=``,enterTo:p=``,leave:m=``,leaveFrom:h=``,leaveTo:g=``,unmount:_=!0,appear:v=!1,className:y,...b},x)=>{let[S,C]=(0,r.useState)(e),[w,T]=(0,r.useState)(()=>e&&v?`entering`:`idle`),[E,D]=(0,r.useState)(e),[O,k]=(0,r.useState)(`from`),A=(0,r.useRef)(null),j=e=>e&&e!==`none`?o(e):{},M=j(l??c),N=j(u??c),P=(0,i.default)(M.enter,d),F=(0,i.default)(M.enterFrom,f),I=(0,i.default)(M.enterTo,p),L=(0,i.default)(N.leave,m),R=(0,i.default)(N.leaveFrom,h),z=(0,i.default)(N.leaveTo,g);e&&!S&&C(!0),e!==E&&(D(e),e?w!==`entering`&&T(`entering`):w!==`leaving`&&T(`leaving`)),(0,r.useImperativeHandle)(x,()=>A.current);let B=(0,r.useCallback)(e=>{if(e.target===A.current&&(w===`entering`||w===`leaving`)){let e=w===`leaving`;T(`idle`),e&&_&&C(!1)}},[w,_]);return(0,r.useLayoutEffect)(()=>{if(w===`idle`)return;k(`from`);let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>k(`to`))});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[w,B]),!S&&_?null:(0,a.jsx)(`div`,{ref:A,className:(0,i.default)(y,!e&&w===`idle`&&!_&&t.default.hidden,w===`entering`&&P,w===`entering`&&(O===`from`?F:I),w===`leaving`&&L,w===`leaving`&&(O===`from`?R:z)),...b,onTransitionEnd:n.composeEventHandlers(b.onTransitionEnd,B),children:s})});s.displayName=`Transition`,exports.Transition=s;

package/dist/components/layout/Transition/Transition.js

@@ -1,10 +1,11 @@
 "use client";
 import e from "./transition.module.js";
-import t, { useCallback as n, useImperativeHandle as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import n, { useCallback as r, useImperativeHandle as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/layout/Transition/Transition.tsx
-var l = (t) => {
+var u = (t) => {
 	switch (t) {
 		case "fade": return {
 			enter: e.fadeEnterTo,
@@ -56,32 +57,32 @@ var l = (t) => {
 		};
 		default: return {};
 	}
-}, u = t.forwardRef(({ show: t, children: u, preset: d, enterPreset: f, leavePreset: p, enter: m = "", enterFrom: h = "", enterTo: g = "", leave: _ = "", leaveFrom: v = "", leaveTo: y = "", unmount: b = !0, appear: x = !1, className: S, ...C }, w) => {
-	let [T, E] = o(t), [D, O] = o(() => t && x ? "entering" : "idle"), [k, A] = o(t), [j, M] = o("from"), N = a(null), P = (e) => e && e !== "none" ? l(e) : {}, F = P(f ?? d), I = P(p ?? d), L = s(F.enter, m), R = s(F.enterFrom, h), z = s(F.enterTo, g), B = s(I.leave, _), V = s(I.leaveFrom, v), H = s(I.leaveTo, y);
-	t && !T && E(!0), t !== k && (A(t), t ? D !== "entering" && O("entering") : D !== "leaving" && O("leaving")), r(w, () => N.current);
-	let U = n((e) => {
-		if (e.target === N.current && (D === "entering" || D === "leaving")) {
-			let e = D === "leaving";
-			O("idle"), e && b && E(!1);
+}, d = n.forwardRef(({ show: n, children: d, preset: f, enterPreset: p, leavePreset: m, enter: h = "", enterFrom: g = "", enterTo: _ = "", leave: v = "", leaveFrom: y = "", leaveTo: b = "", unmount: x = !0, appear: S = !1, className: C, ...w }, T) => {
+	let [E, D] = s(n), [O, k] = s(() => n && S ? "entering" : "idle"), [A, j] = s(n), [M, N] = s("from"), P = o(null), F = (e) => e && e !== "none" ? u(e) : {}, I = F(p ?? f), L = F(m ?? f), R = c(I.enter, h), z = c(I.enterFrom, g), B = c(I.enterTo, _), V = c(L.leave, v), H = c(L.leaveFrom, y), U = c(L.leaveTo, b);
+	n && !E && D(!0), n !== A && (j(n), n ? O !== "entering" && k("entering") : O !== "leaving" && k("leaving")), i(T, () => P.current);
+	let W = r((e) => {
+		if (e.target === P.current && (O === "entering" || O === "leaving")) {
+			let e = O === "leaving";
+			k("idle"), e && x && D(!1);
 		}
-	}, [D, b]);
-	return i(() => {
-		if (D === "idle") return;
-		M("from");
+	}, [O, x]);
+	return a(() => {
+		if (O === "idle") return;
+		N("from");
 		let e = 0, t = requestAnimationFrame(() => {
-			e = requestAnimationFrame(() => M("to"));
+			e = requestAnimationFrame(() => N("to"));
 		});
 		return () => {
 			cancelAnimationFrame(t), cancelAnimationFrame(e);
 		};
-	}, [D, U]), !T && b ? null : /* @__PURE__ */ c("div", {
-		ref: N,
-		className: s(S, !t && D === "idle" && !b && e.hidden, D === "entering" && L, D === "entering" && (j === "from" ? R : z), D === "leaving" && B, D === "leaving" && (j === "from" ? V : H)),
-		onTransitionEnd: U,
-		...C,
-		children: u
+	}, [O, W]), !E && x ? null : /* @__PURE__ */ l("div", {
+		ref: P,
+		className: c(C, !n && O === "idle" && !x && e.hidden, O === "entering" && R, O === "entering" && (M === "from" ? z : B), O === "leaving" && V, O === "leaving" && (M === "from" ? H : U)),
+		...w,
+		onTransitionEnd: t(w.onTransitionEnd, W),
+		children: d
 	});
 });
-u.displayName = "Transition";
+d.displayName = "Transition";
 //#endregion
-export { u as Transition };
+export { d as Transition };