wimui 0.51.2 → 0.52.2

package/dist/components/layout/Dashboard/Dashboard.js

@@ -1,131 +1,132 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/close.js";
-import n from "../../../icon/edit.js";
-import r from "../../../icon/plus.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
-import { Card as a } from "../../data-display/Card/Card.js";
-import { Button as o } from "../../form/Button/Button.js";
-import s from "./dashboard.module.js";
-import c, { createContext as l, useCallback as u, useContext as d, useMemo as f, useState as p } from "react";
-import m from "classnames";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { componentsNs as t } from "../../../i18n/generated/components.js";
+import n from "../../../icon/close.js";
+import r from "../../../icon/edit.js";
+import i from "../../../icon/plus.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import { Card as o } from "../../data-display/Card/Card.js";
+import { Button as s } from "../../form/Button/Button.js";
+import c from "./dashboard.module.js";
+import l, { createContext as u, useCallback as d, useContext as f, useMemo as p, useState as m } from "react";
+import h from "classnames";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/layout/Dashboard/Dashboard.tsx
-var _ = l(null), v = () => {
-	let e = d(_);
+var v = u(null), y = () => {
+	let e = f(v);
 	if (!e) throw Error("Dashboard subcomponents must be used within Dashboard");
 	return e;
-}, y = c.forwardRef(({ widgets: t, editable: a, defaultEditable: c = !1, onEditChange: l, onRemove: d, onAdd: v, columns: y = 3, gap: x = "md", showEditToggle: S, titleLevel: C = 3, label: w, className: T, style: E, children: D, ...O }, k) => {
-	let { t: A } = e("components"), j = a !== void 0, [M, N] = p(c), P = j ? a : M, F = u(() => {
-		let e = !P;
-		j || N(e), l?.(e);
+}, b = l.forwardRef(({ widgets: n, editable: o, defaultEditable: l = !1, onEditChange: u, onRemove: f, onAdd: y, columns: b = 3, gap: S = "md", showEditToggle: C, titleLevel: w = 3, label: T, className: E, style: D, children: O, ...k }, A) => {
+	let { t: j } = e(t), M = o !== void 0, [N, P] = m(l), F = M ? o : N, I = d(() => {
+		let e = !F;
+		M || P(e), u?.(e);
 	}, [
-		P,
-		j,
-		l
-	]), I = {
-		"--dashboard-columns": y,
-		...E
-	}, L = S ?? (a !== void 0 || c || d !== void 0 || v !== void 0), R = f(() => ({
-		editable: P ?? !1,
-		onRemove: d,
-		titleLevel: C
+		F,
+		M,
+		u
+	]), L = {
+		"--dashboard-columns": b,
+		...D
+	}, R = C ?? (o !== void 0 || l || f !== void 0 || y !== void 0), z = p(() => ({
+		editable: F ?? !1,
+		onRemove: f,
+		titleLevel: w
 	}), [
-		P,
-		d,
-		C
+		F,
+		f,
+		w
 	]);
-	return /* @__PURE__ */ h(_.Provider, {
-		value: R,
-		children: /* @__PURE__ */ g("div", {
-			ref: k,
-			className: m("wim-dashboard", s.root, T),
+	return /* @__PURE__ */ g(v.Provider, {
+		value: z,
+		children: /* @__PURE__ */ _("div", {
+			ref: A,
+			className: h("wim-dashboard", c.root, E),
 			role: "group",
-			"aria-label": w ?? A("dashboard_widget.label"),
-			...O,
-			children: [(w || L) && /* @__PURE__ */ g("div", {
-				className: s.header,
-				children: [w && /* @__PURE__ */ h("h2", {
-					className: s.heading,
-					children: w
-				}), L && /* @__PURE__ */ h(o, {
+			"aria-label": T ?? j("dashboard_widget.label"),
+			...k,
+			children: [(T || R) && /* @__PURE__ */ _("div", {
+				className: c.header,
+				children: [T && /* @__PURE__ */ g("h2", {
+					className: c.heading,
+					children: T
+				}), R && /* @__PURE__ */ g(s, {
 					size: "sm",
-					variant: P ? "solid" : "outline",
+					variant: F ? "solid" : "outline",
 					intent: "default",
 					className: void 0,
-					onClick: F,
-					"aria-pressed": P,
-					"aria-label": A(P ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit"),
-					icon: /* @__PURE__ */ h(i, {
-						component: n,
+					onClick: I,
+					"aria-pressed": F,
+					"aria-label": j(F ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit"),
+					icon: /* @__PURE__ */ g(a, {
+						component: r,
 						size: "sm"
 					}),
-					children: A(P ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit")
+					children: j(F ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit")
 				})]
-			}), /* @__PURE__ */ g("div", {
-				className: m(s.grid, s[`gap-${x}`]),
-				style: I,
+			}), /* @__PURE__ */ _("div", {
+				className: h(c.grid, c[`gap-${S}`]),
+				style: L,
 				role: "region",
-				"aria-label": A("dashboard_widget.grid_label"),
-				children: [t ? t.map((e) => /* @__PURE__ */ h(b, { widget: e }, e.id)) : D, P && v && /* @__PURE__ */ h(o, {
+				"aria-label": j("dashboard_widget.grid_label"),
+				children: [n ? n.map((e) => /* @__PURE__ */ g(x, { widget: e }, e.id)) : O, F && y && /* @__PURE__ */ g(s, {
 					asChild: !0,
-					className: s.addButton,
-					onClick: v,
-					"aria-label": A("dashboard_widget.add_widget"),
-					children: /* @__PURE__ */ g("button", {
+					className: c.addButton,
+					onClick: y,
+					"aria-label": j("dashboard_widget.add_widget"),
+					children: /* @__PURE__ */ _("button", {
 						type: "button",
-						children: [/* @__PURE__ */ h(i, {
-							component: r,
+						children: [/* @__PURE__ */ g(a, {
+							component: i,
 							size: "md"
-						}), /* @__PURE__ */ h("span", { children: A("dashboard_widget.add_widget") })]
+						}), /* @__PURE__ */ g("span", { children: j("dashboard_widget.add_widget") })]
 					})
 				})]
 			})]
 		})
 	});
 });
-y.displayName = "Dashboard";
-var b = ({ widget: n, className: r, ...c }) => {
-	let { editable: l, onRemove: u, titleLevel: d } = v(), f = `h${d}`, { t: p } = e("components"), { id: _, title: y, description: b, content: x, span: S = 1, rowSpan: C = 1 } = n;
-	return /* @__PURE__ */ g(a, {
+b.displayName = "Dashboard";
+var x = ({ widget: r, className: i, ...l }) => {
+	let { editable: u, onRemove: d, titleLevel: f } = y(), p = `h${f}`, { t: m } = e(t), { id: v, title: b, description: x, content: S, span: C = 1, rowSpan: w = 1 } = r;
+	return /* @__PURE__ */ _(o, {
 		variant: "outline",
 		padding: "md",
 		radius: "md",
-		className: m(s.widget, s[`span-${S}`], s[`row-${C}`], { [s.editMode]: l }, r),
+		className: h(c.widget, c[`span-${C}`], c[`row-${w}`], { [c.editMode]: u }, i),
 		style: {
-			"--widget-span": S,
-			"--widget-row-span": C
+			"--widget-span": C,
+			"--widget-row-span": w
 		},
-		...c,
-		children: [/* @__PURE__ */ g("div", {
-			className: s.widgetHeader,
-			children: [/* @__PURE__ */ g("div", {
-				className: s.widgetMeta,
-				children: [/* @__PURE__ */ h(f, {
-					className: s.widgetTitle,
-					children: y
-				}), b && /* @__PURE__ */ h("p", {
-					className: s.widgetDescription,
+		...l,
+		children: [/* @__PURE__ */ _("div", {
+			className: c.widgetHeader,
+			children: [/* @__PURE__ */ _("div", {
+				className: c.widgetMeta,
+				children: [/* @__PURE__ */ g(p, {
+					className: c.widgetTitle,
 					children: b
+				}), x && /* @__PURE__ */ g("p", {
+					className: c.widgetDescription,
+					children: x
 				})]
-			}), l && u && /* @__PURE__ */ h(o, {
+			}), u && d && /* @__PURE__ */ g(s, {
 				size: "sm",
 				variant: "ghost",
 				intent: "danger",
-				className: s.removeButton,
-				onClick: () => u(_),
-				"aria-label": p("dashboard_widget.remove_widget", { title: y }),
-				icon: /* @__PURE__ */ h(i, {
-					component: t,
+				className: c.removeButton,
+				onClick: () => d(v),
+				"aria-label": m("dashboard_widget.remove_widget", { title: b }),
+				icon: /* @__PURE__ */ g(a, {
+					component: n,
 					size: "sm"
 				})
 			})]
-		}), /* @__PURE__ */ h("div", {
-			className: s.widgetContent,
-			children: x
+		}), /* @__PURE__ */ g("div", {
+			className: c.widgetContent,
+			children: S
 		})]
 	});
 };
-b.displayName = "DashboardWidgetCard";
+x.displayName = "DashboardWidgetCard";
 //#endregion
-export { y as Dashboard, b as DashboardWidgetCard };
+export { b as Dashboard, x as DashboardWidgetCard };

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,onClick:()=>u(!l),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,{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("../../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,{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;

package/dist/components/layout/Navbar/Navbar.d.ts

@@ -35,7 +35,7 @@ export interface NavbarLinkProps extends React.ComponentPropsWithoutRef<"a"> {
     active?: boolean;
 }
 export declare const NavbarLink: React.ForwardRefExoticComponent<NavbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export type NavbarToggleProps = Omit<React.ComponentPropsWithoutRef<typeof HamburgerMenu>, "open" | "onClick">;
+export type NavbarToggleProps = Omit<React.ComponentPropsWithoutRef<typeof HamburgerMenu>, "open" | "onClick" | "onOpenChange">;
 export declare const NavbarToggle: React.ForwardRefExoticComponent<NavbarToggleProps & React.RefAttributes<HTMLButtonElement>>;
 export interface NavbarMenuProps extends React.ComponentPropsWithoutRef<"div"> {
     position?: "right" | "left" | "top" | "bottom";

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

@@ -64,7 +64,7 @@ var g = i.forwardRef(({ className: t, ...n }, i) => {
 		children: /* @__PURE__ */ l(e, {
 			ref: i,
 			open: s,
-			onClick: () => c(!s),
+			onOpenChange: c,
 			className: t,
 			...n
 		})

package/dist/components/layout/Sidebar/Sidebar.d.ts

@@ -24,7 +24,7 @@ export interface SidebarProps extends React.ComponentPropsWithoutRef<"aside"> {
      * ```tsx
      * const [open, setOpen] = useState(false);
      *
-     * <HamburgerMenu visibleBelow="md" open={open} onClick={() => setOpen((o) => !o)} />
+     * <HamburgerMenu visibleBelow="md" open={open} onOpenChange={setOpen} />
      * <Sidebar mobileOpen={open} onOverlayClick={() => setOpen(false)}>…</Sidebar>
      * ```
      *

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("./splitter.module.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=(0,r.createContext)(null),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`Splitter components must be used within Splitter`);return e},c=({orientation:e=`horizontal`,className:t,children:s,...c})=>{let d=(0,r.useRef)(null),f=(0,r.useMemo)(()=>r.default.Children.toArray(s),[s]),p=(0,r.useMemo)(()=>f.filter(e=>e.type===l),[f]),[m,h]=(0,r.useState)([]),[g,_]=(0,r.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,r.useState)(null),b=(0,r.useCallback)((e,t)=>{y(e),t.preventDefault()},[]),x=(0,r.useCallback)(t=>{if(v===null||!d.current)return;let n=d.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,r.useCallback)(()=>{y(null)},[]);(0,r.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===l){let t=C++;return r.default.cloneElement(e,{size:m[t]})}if(e.type===u){let t=w++,n=Math.round(m.slice(0,t+1).reduce((e,t)=>e+t,0));return r.default.cloneElement(e,{index:t,active:v===t,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100})}return e});return(0,a.jsx)(o.Provider,{value:{orientation:e,onResizeStart:b},children:(0,a.jsx)(`div`,{ref:d,className:(0,i.default)(`wim-splitter`,n.default.root,n.default[e],v!==null&&n.default.resizing,t),"data-testid":`splitter-root`,...c,children:T})})},l=({defaultSize:e,minSize:t,maxSize:r,size:o,style:s,className:c,children:l,...u})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.panel,c),"data-testid":`splitter-panel`,style:{...s,flex:o===void 0?`1 1 0%`:`0 0 ${o}%`},tabIndex:0,...u,children:l});l.displayName=`Splitter.Panel`;var u=({index:e,active:r,className:o,ariaLabel:c,...l})=>{let{t:u}=t.useWimTranslation(`common`),d=c??u(`a11y.resize_panel`),{onResizeStart:f,orientation:p}=s();return(0,a.jsx)(`div`,{role:`separator`,"aria-orientation":p,"aria-label":d,tabIndex:0,className:(0,i.default)(n.default.handle,r&&n.default.active,o),"data-testid":`splitter-handle`,onMouseDown:t=>e!==void 0&&f(e,t),onTouchStart:t=>e!==void 0&&f(e,t),onKeyDown:e=>{(e.key===`ArrowLeft`||e.key===`ArrowUp`||e.key===`ArrowRight`||e.key===`ArrowDown`)&&e.preventDefault()},...l})};u.displayName=`Splitter.Handle`,c.displayName=`Splitter`;var d=c;d.Panel=l,d.Handle=u,exports.Splitter=d,exports.default=d;
+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;

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

@@ -1,24 +1,25 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "./splitter.module.js";
-import n, { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import u from "classnames";
-import { jsx as d } from "react/jsx-runtime";
+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";
 //#region src/components/layout/Splitter/Splitter.tsx
-var f = r(null), p = () => {
-	let e = a(f);
+var p = i(null), m = () => {
+	let e = o(p);
 	if (!e) throw Error("Splitter components must be used within Splitter");
 	return e;
-}, m = ({ orientation: e = "horizontal", className: r, children: a, ...p }) => {
-	let m = c(null), _ = s(() => n.Children.toArray(a), [a]), v = s(() => _.filter((e) => e.type === h), [_]), [y, b] = l([]), [x, S] = l(0);
+}, 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;
 		b(e.map((e) => e / t * 100));
 	}
-	let [C, w] = l(null), T = i((e, t) => {
+	let [C, w] = u(null), T = a((e, t) => {
 		w(e), t.preventDefault();
-	}, []), E = i((t) => {
+	}, []), 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;
 		b((e) => {
@@ -33,10 +34,10 @@ var f = r(null), p = () => {
 		C,
 		e,
 		v
-	]), D = i(() => {
+	]), D = a(() => {
 		w(null);
 	}, []);
-	o(() => {
+	s(() => {
 		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);
 		};
@@ -45,38 +46,38 @@ var f = r(null), p = () => {
 		E,
 		D
 	]);
-	let O = 0, k = 0, A = _.map((e) => {
-		if (e.type === h) {
+	let O = 0, k = 0, A = h.map((e) => {
+		if (e.type === g) {
 			let t = O++;
-			return n.cloneElement(e, { size: y[t] });
+			return r.cloneElement(e, { size: y[t] });
 		}
-		if (e.type === g) {
-			let t = k++, r = Math.round(y.slice(0, t + 1).reduce((e, t) => e + t, 0));
-			return n.cloneElement(e, {
+		if (e.type === _) {
+			let t = k++, n = Math.round(y.slice(0, t + 1).reduce((e, t) => e + t, 0));
+			return r.cloneElement(e, {
 				index: t,
 				active: C === t,
-				"aria-valuenow": r,
+				"aria-valuenow": n,
 				"aria-valuemin": 0,
 				"aria-valuemax": 100
 			});
 		}
 		return e;
 	});
-	return /* @__PURE__ */ d(f.Provider, {
+	return /* @__PURE__ */ f(p.Provider, {
 		value: {
 			orientation: e,
 			onResizeStart: T
 		},
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			ref: m,
-			className: u("wim-splitter", t.root, t[e], C !== null && t.resizing, r),
+			className: d("wim-splitter", n.root, n[e], C !== null && n.resizing, t),
 			"data-testid": "splitter-root",
-			...p,
+			...o,
 			children: A
 		})
 	});
-}, h = ({ defaultSize: e, minSize: n, maxSize: r, size: i, style: a, className: o, children: s, ...c }) => /* @__PURE__ */ d("div", {
-	className: u(t.panel, o),
+}, g = ({ defaultSize: e, minSize: t, maxSize: r, size: i, style: a, className: o, children: s, ...c }) => /* @__PURE__ */ f("div", {
+	className: d(n.panel, o),
 	"data-testid": "splitter-panel",
 	style: {
 		...a,
@@ -86,26 +87,26 @@ var f = r(null), p = () => {
 	...c,
 	children: s
 });
-h.displayName = "Splitter.Panel";
-var g = ({ index: n, active: r, className: i, ariaLabel: a, ...o }) => {
-	let { t: s } = e("common"), c = a ?? s("a11y.resize_panel"), { onResizeStart: l, orientation: f } = p();
-	return /* @__PURE__ */ d("div", {
+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", {
 		role: "separator",
-		"aria-orientation": f,
-		"aria-label": c,
+		"aria-orientation": p,
+		"aria-label": l,
 		tabIndex: 0,
-		className: u(t.handle, r && t.active, i),
+		className: d(n.handle, i && n.active, a),
 		"data-testid": "splitter-handle",
-		onMouseDown: (e) => n !== void 0 && l(n, e),
-		onTouchStart: (e) => n !== void 0 && l(n, e),
+		onMouseDown: (e) => r !== void 0 && u(r, e),
+		onTouchStart: (e) => r !== void 0 && u(r, e),
 		onKeyDown: (e) => {
 			(e.key === "ArrowLeft" || e.key === "ArrowUp" || e.key === "ArrowRight" || e.key === "ArrowDown") && e.preventDefault();
 		},
-		...o
+		...s
 	});
 };
-g.displayName = "Splitter.Handle", m.displayName = "Splitter";
-var _ = m;
-_.Panel = h, _.Handle = g;
+_.displayName = "Splitter.Handle", h.displayName = "Splitter";
+var v = h;
+v.Panel = g, v.Handle = _;
 //#endregion
-export { _ as Splitter, _ as default };
+export { v as Splitter, v as default };

package/dist/components/layout/Toolbar/Toolbar.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("./toolbar.module.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=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`,s=r.default.forwardRef(({asChild:e=!1,size:s=`md`,orientation:c=`horizontal`,className:l,children:u,onKeyDown:d,...f},p)=>{let m=(0,r.useRef)(null),h=(0,r.useCallback)(e=>{m.current=e,typeof p==`function`?p(e):p&&(p.current=e)},[p]);return(0,a.jsx)(e?t.Root:`div`,{ref:h,role:`toolbar`,"aria-orientation":c,"data-size":s,"data-orientation":c,className:(0,i.default)(`wim-toolbar`,n.default.root,n.default[`size-${s}`],n.default[c],l),onKeyDown:e=>{if(d?.(e),e.defaultPrevented)return;let t=m.current;if(!t)return;let n=Array.from(t.querySelectorAll(o)).filter(e=>!e.closest(`[aria-hidden="true"]`)&&t.contains(e));if(n.length===0)return;let r=n.indexOf(document.activeElement);if(r<0)return;let i=c===`horizontal`,a=i?`ArrowRight`:`ArrowDown`,s=i?`ArrowLeft`:`ArrowUp`,l=r;if(e.key===a)e.preventDefault(),l=(r+1)%n.length;else if(e.key===s)e.preventDefault(),l=(r-1+n.length)%n.length;else if(e.key===`Home`)e.preventDefault(),l=0;else if(e.key===`End`)e.preventDefault(),l=n.length-1;else return;n[l]?.focus()},...f,children:u})});s.displayName=`Toolbar`;var c=r.default.forwardRef(({asChild:e=!1,className:r,children:o,...s},c)=>(0,a.jsx)(e?t.Root:`div`,{ref:c,role:`group`,className:(0,i.default)(n.default.group,r),...s,children:o}));c.displayName=`Toolbar.Group`;var l=r.default.forwardRef(({className:e,...t},r)=>(0,a.jsx)(`div`,{ref:r,role:`separator`,"aria-hidden":`true`,className:(0,i.default)(n.default.separator,e),...t}));l.displayName=`Toolbar.Separator`;var u=s;u.Group=c,u.Separator=l,exports.Toolbar=u,exports.default=u,exports.ToolbarGroup=c,exports.ToolbarSeparator=l;
+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("./toolbar.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=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]`,c=`data-wim-toolbar-roving`,l=/^(button|checkbox|radio|submit|reset|image|file|color)$/,u=e=>e.tagName===`TEXTAREA`||e.tagName===`SELECT`||e.isContentEditable||e.tagName===`INPUT`&&!l.test(e.type),d=e=>Array.from(e.querySelectorAll(s)).filter(e=>!u(e)&&!e.closest(`[aria-hidden="true"]`)&&(e.getAttribute(`tabindex`)!==`-1`||e.hasAttribute(c))),f=i.default.forwardRef(({asChild:e=!1,size:s=`md`,orientation:l=`horizontal`,className:u,children:f,onKeyDownCapture:p,onFocus:m,...h},g)=>{let _=(0,i.useRef)(null),v=n.useMergedRef(g,_),y=(0,i.useRef)(null),b=(0,i.useRef)(null),x=(0,i.useCallback)(()=>{let e=_.current;if(!e)return;let t=d(e),n=document.activeElement,r=n&&t.includes(n)?n:y.current&&t.includes(y.current)?y.current:t[0];y.current=r??null;for(let e of t)e===r?e.hasAttribute(c)&&(e.removeAttribute(c),e.setAttribute(`tabindex`,`0`)):e.getAttribute(`tabindex`)!==`-1`&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(c,``));b.current?.takeRecords()},[]);return(0,i.useLayoutEffect)(x),(0,i.useEffect)(()=>{let e=_.current;if(!e)return;let t=new MutationObserver(()=>x());return t.observe(e,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`disabled`,`tabindex`,`aria-hidden`]}),b.current=t,()=>{t.disconnect(),b.current=null}},[x]),(0,o.jsx)(e?t.Root:`div`,{ref:v,role:`toolbar`,"aria-orientation":l,"data-size":s,"data-orientation":l,className:(0,a.default)(`wim-toolbar`,r.default.root,r.default[`size-${s}`],r.default[l],u),onKeyDownCapture:e=>{if(p?.(e),e.defaultPrevented)return;let t=_.current;if(!t)return;let n=d(t);if(n.length===0)return;let r=n.indexOf(document.activeElement);if(r<0)return;let i=l===`horizontal`,a=i?`ArrowRight`:`ArrowDown`,o=i?`ArrowLeft`:`ArrowUp`,s=r;if(e.key===a)e.preventDefault(),s=(r+1)%n.length;else if(e.key===o)e.preventDefault(),s=(r-1+n.length)%n.length;else if(e.key===`Home`)e.preventDefault(),s=0;else if(e.key===`End`)e.preventDefault(),s=n.length-1;else return;e.stopPropagation(),n[s]?.focus()},onFocus:e=>{m?.(e);let t=_.current,n=e.target;t&&n!==y.current&&d(t).includes(n)&&(y.current=n,x())},...h,children:f})});f.displayName=`Toolbar`;var p=i.default.forwardRef(({asChild:e=!1,className:n,children:i,...s},c)=>(0,o.jsx)(e?t.Root:`div`,{ref:c,role:`group`,className:(0,a.default)(r.default.group,n),...s,children:i}));p.displayName=`Toolbar.Group`;var m=i.default.forwardRef(({className:e,...t},n)=>(0,o.jsx)(`div`,{ref:n,role:`separator`,"aria-hidden":`true`,className:(0,a.default)(r.default.separator,e),...t}));m.displayName=`Toolbar.Separator`;var h=f;h.Group=p,h.Separator=m,exports.Toolbar=h,exports.default=h,exports.ToolbarGroup=p,exports.ToolbarSeparator=m;

package/dist/components/layout/Toolbar/Toolbar.js

@@ -1,59 +1,86 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import t from "./toolbar.module.js";
-import n, { useCallback as r, useRef as i } from "react";
-import a from "classnames";
-import { jsx as o } from "react/jsx-runtime";
+import { useMergedRef as t } from "../../../hooks/useMergedRef.js";
+import n from "./toolbar.module.js";
+import r, { useCallback as i, useEffect as a, useLayoutEffect as o, useRef as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/layout/Toolbar/Toolbar.tsx
-var s = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", c = n.forwardRef(({ asChild: n = !1, size: c = "md", orientation: l = "horizontal", className: u, children: d, onKeyDown: f, ...p }, m) => {
-	let h = i(null), g = r((e) => {
-		h.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
-	}, [m]);
-	return /* @__PURE__ */ o(n ? e : "div", {
-		ref: g,
+var u = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]", d = "data-wim-toolbar-roving", f = /^(button|checkbox|radio|submit|reset|image|file|color)$/, p = (e) => e.tagName === "TEXTAREA" || e.tagName === "SELECT" || e.isContentEditable || e.tagName === "INPUT" && !f.test(e.type), m = (e) => Array.from(e.querySelectorAll(u)).filter((e) => !p(e) && !e.closest("[aria-hidden=\"true\"]") && (e.getAttribute("tabindex") !== "-1" || e.hasAttribute(d))), h = r.forwardRef(({ asChild: r = !1, size: u = "md", orientation: f = "horizontal", className: p, children: h, onKeyDownCapture: g, onFocus: _, ...v }, y) => {
+	let b = s(null), x = t(y, b), S = s(null), C = s(null), w = i(() => {
+		let e = b.current;
+		if (!e) return;
+		let t = m(e), n = document.activeElement, r = n && t.includes(n) ? n : S.current && t.includes(S.current) ? S.current : t[0];
+		S.current = r ?? null;
+		for (let e of t) e === r ? e.hasAttribute(d) && (e.removeAttribute(d), e.setAttribute("tabindex", "0")) : e.getAttribute("tabindex") !== "-1" && (e.setAttribute("tabindex", "-1"), e.setAttribute(d, ""));
+		C.current?.takeRecords();
+	}, []);
+	return o(w), a(() => {
+		let e = b.current;
+		if (!e) return;
+		let t = new MutationObserver(() => w());
+		return t.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: [
+				"disabled",
+				"tabindex",
+				"aria-hidden"
+			]
+		}), C.current = t, () => {
+			t.disconnect(), C.current = null;
+		};
+	}, [w]), /* @__PURE__ */ l(r ? e : "div", {
+		ref: x,
 		role: "toolbar",
-		"aria-orientation": l,
-		"data-size": c,
-		"data-orientation": l,
-		className: a("wim-toolbar", t.root, t[`size-${c}`], t[l], u),
-		onKeyDown: (e) => {
-			if (f?.(e), e.defaultPrevented) return;
-			let t = h.current;
+		"aria-orientation": f,
+		"data-size": u,
+		"data-orientation": f,
+		className: c("wim-toolbar", n.root, n[`size-${u}`], n[f], p),
+		onKeyDownCapture: (e) => {
+			if (g?.(e), e.defaultPrevented) return;
+			let t = b.current;
 			if (!t) return;
-			let n = Array.from(t.querySelectorAll(s)).filter((e) => !e.closest("[aria-hidden=\"true\"]") && t.contains(e));
+			let n = m(t);
 			if (n.length === 0) return;
 			let r = n.indexOf(document.activeElement);
 			if (r < 0) return;
-			let i = l === "horizontal", a = i ? "ArrowRight" : "ArrowDown", o = i ? "ArrowLeft" : "ArrowUp", c = r;
-			if (e.key === a) e.preventDefault(), c = (r + 1) % n.length;
-			else if (e.key === o) e.preventDefault(), c = (r - 1 + n.length) % n.length;
-			else if (e.key === "Home") e.preventDefault(), c = 0;
-			else if (e.key === "End") e.preventDefault(), c = n.length - 1;
+			let i = f === "horizontal", a = i ? "ArrowRight" : "ArrowDown", o = i ? "ArrowLeft" : "ArrowUp", s = r;
+			if (e.key === a) e.preventDefault(), s = (r + 1) % n.length;
+			else if (e.key === o) e.preventDefault(), s = (r - 1 + n.length) % n.length;
+			else if (e.key === "Home") e.preventDefault(), s = 0;
+			else if (e.key === "End") e.preventDefault(), s = n.length - 1;
 			else return;
-			n[c]?.focus();
+			e.stopPropagation(), n[s]?.focus();
 		},
-		...p,
-		children: d
+		onFocus: (e) => {
+			_?.(e);
+			let t = b.current, n = e.target;
+			t && n !== S.current && m(t).includes(n) && (S.current = n, w());
+		},
+		...v,
+		children: h
 	});
 });
-c.displayName = "Toolbar";
-var l = n.forwardRef(({ asChild: n = !1, className: r, children: i, ...s }, c) => /* @__PURE__ */ o(n ? e : "div", {
-	ref: c,
+h.displayName = "Toolbar";
+var g = r.forwardRef(({ asChild: t = !1, className: r, children: i, ...a }, o) => /* @__PURE__ */ l(t ? e : "div", {
+	ref: o,
 	role: "group",
-	className: a(t.group, r),
-	...s,
+	className: c(n.group, r),
+	...a,
 	children: i
 }));
-l.displayName = "Toolbar.Group";
-var u = n.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ o("div", {
+g.displayName = "Toolbar.Group";
+var _ = r.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l("div", {
 	ref: r,
 	role: "separator",
 	"aria-hidden": "true",
-	className: a(t.separator, e),
-	...n
+	className: c(n.separator, e),
+	...t
 }));
-u.displayName = "Toolbar.Separator";
-var d = c;
-d.Group = l, d.Separator = u;
+_.displayName = "Toolbar.Separator";
+var v = h;
+v.Group = g, v.Separator = _;
 //#endregion
-export { d as Toolbar, d as default, l as ToolbarGroup, u as ToolbarSeparator };
+export { v as Toolbar, v as default, g as ToolbarGroup, _ as ToolbarSeparator };

package/dist/components/media/Audio/Audio.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../hooks/useMediaLoader.cjs"),r=require("./hooks/useAudioPlayer.cjs"),i=require("./hooks/useAudioMetadata.cjs"),a=require("./components/AudioCustomControls.cjs"),o=require("./audio.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({src:e,autoPlay:u=!1,loop:d=!1,muted:f=!1,controls:p=!0,radius:m=`none`,shadow:h=!1,border:ee=!1,preload:g,caption:_,className:v,style:y,customControls:b=!1,visualizer:x=!1,showMetadata:S=!1,fadeIn:C=!1,fadeOut:te=!1,crossfade:ne=!1,playbackRate:w=!1,hotkeys:T=!1,presets:E=!1,sleepTimer:D=!1,loading:O=`lazy`,demoDelay:k,labels:A={},tracks:j,...M})=>{let{t:N}=t.useWimTranslation(`common`),{unknownTitle:P=N(`audio.unknown_title`),unknownArtist:F=N(`audio.unknown_artist`)}=A,I=(0,s.useMemo)(()=>e?(Array.isArray(e)?e:[e]).map(e=>typeof e==`string`?{src:e}:e):[],[e]),{containerRef:L,isLoaded:R,isIntersecting:re,notifyLoaded:z,shouldShowSkeleton:B}=n.useMediaLoader({loading:O,demoDelay:k,src:I[0]?.src}),V=r.useAudioPlayer({playlist:I,loop:d,muted:f,fadeIn:C,fadeOut:te,crossfade:ne,visualizer:x,hotkeys:T,autoPlay:u}),{isPlaying:H,currentTrack:U,currentTrackIndex:W,activeAudioRef:G,nextAudioRef:K,canvasRef:q,handleTimeUpdate:J,handleEnded:Y,setDuration:X,playActivePlayer:ie}=V,{metaTitle:Z,metaArtist:Q,metaCover:$}=i.useAudioMetadata({currentTrack:U,showMetadata:S});(0,s.useEffect)(()=>{U&&G.current&&(G.current.src=U.src,(u||H)&&ie())},[W,U]);let ae=m===`none`?null:o.default[`radius${m.charAt(0).toUpperCase()+m.slice(1)}`];return(0,l.jsxs)(`figure`,{className:(0,c.default)(`wim-audio`,o.default.root,v),style:y,"data-testid":`audio-root`,children:[(0,l.jsxs)(`div`,{ref:L,className:(0,c.default)(o.default.inner,ae,b&&h&&o.default.shadow,b&&ee&&o.default.border,b&&o.default.custom,C&&o.default.fadeIn,C&&R&&o.default.isLoaded,B&&o.default.loading),"data-testid":`audio-inner`,children:[x&&b&&(0,l.jsx)(`canvas`,{ref:q,className:o.default.visualizerCanvas,"data-testid":`audio-canvas`}),b&&S&&(Z||Q||$)&&(0,l.jsxs)(`div`,{className:o.default.metadata,style:{position:`relative`,zIndex:2},"data-testid":`audio-metadata`,children:[$&&(0,l.jsx)(`img`,{src:$,alt:N(`a11y.cover_art`),className:o.default.cover,"data-testid":`audio-cover`}),(0,l.jsxs)(`div`,{className:o.default.info,children:[(0,l.jsx)(`div`,{className:o.default.title,"data-testid":`audio-title`,children:Z||P}),(0,l.jsx)(`div`,{className:o.default.artist,"data-testid":`audio-artist`,children:Q||F})]})]}),(0,l.jsxs)(`div`,{style:{display:b?`none`:`block`,width:`100%`},children:[re&&(0,l.jsx)(`audio`,{ref:G,src:U?.src,className:o.default.audio,"data-testid":`audio-active`,loop:V.repeatMode===1&&I.length===1,muted:V.isMuted,controls:!b&&p,preload:g,crossOrigin:`anonymous`,onTimeUpdate:J,onEnded:Y,...M,onLoadedMetadata:e=>{X(e.currentTarget.duration),z(),M.onLoadedMetadata?.(e)},onLoadedData:e=>{z(),M.onLoadedData?.(e)},onCanPlay:e=>{z(),M.onCanPlay?.(e)},children:j?.map((e,t)=>(0,l.jsx)(`track`,{...e},t))}),(0,l.jsx)(`audio`,{ref:K,muted:V.isMuted,preload:`auto`,crossOrigin:`anonymous`,"data-testid":`audio-next`})]}),b&&(0,l.jsx)(a.AudioCustomControls,{styles:o.default,isPlaying:H,currentTime:V.currentTime,duration:V.duration,volume:V.volume,isMuted:V.isMuted,repeatMode:V.repeatMode,shuffleMode:V.shuffleMode,currentPlaybackRate:V.currentPlaybackRate,isBassBoost:V.isBassBoost,remainingSleepTime:V.remainingSleepTime,playbackRate:w,presets:E,sleepTimer:D,setRepeatMode:V.setRepeatMode,setShuffleMode:V.setShuffleMode,setCurrentPlaybackRate:V.setCurrentPlaybackRate,setIsBassBoost:V.setIsBassBoost,setIsMuted:V.setIsMuted,togglePlay:V.togglePlay,handleSeek:V.handleSeek,handleVolumeChange:V.handleVolumeChange,playNext:V.playNext,toggleSleepTimer:V.toggleSleepTimer,formatTime:V.formatTime,labels:A})]}),_&&(0,l.jsx)(`figcaption`,{className:o.default.caption,children:_})]})};exports.Audio=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMediaLoader.cjs"),i=require("./hooks/useAudioPlayer.cjs"),ee=require("./hooks/useAudioMetadata.cjs"),te=require("./components/AudioCustomControls.cjs"),a=require("./audio.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=({src:e,autoPlay:l=!1,loop:ne=!1,muted:u=!1,controls:d=!0,radius:f=`none`,shadow:p=!1,border:m=!1,preload:h,caption:g,className:_,style:v,customControls:y=!1,visualizer:b=!1,showMetadata:x=!1,fadeIn:S=!1,fadeOut:C=!1,crossfade:w=!1,playbackRate:T=!1,hotkeys:E=!1,presets:D=!1,sleepTimer:O=!1,loading:k=`lazy`,demoDelay:A,labels:j={},tracks:M,...N})=>{let{t:P}=t.useWimTranslation(n.commonNs),{unknownTitle:F=P(`audio.unknown_title`),unknownArtist:I=P(`audio.unknown_artist`)}=j,L=(0,o.useMemo)(()=>e?(Array.isArray(e)?e:[e]).map(e=>typeof e==`string`?{src:e}:e):[],[e]),{containerRef:R,isLoaded:re,isIntersecting:z,notifyLoaded:B,shouldShowSkeleton:V}=r.useMediaLoader({loading:k,demoDelay:A,src:L[0]?.src}),H=i.useAudioPlayer({playlist:L,loop:ne,muted:u,fadeIn:S,fadeOut:C,crossfade:w,visualizer:b,hotkeys:E,autoPlay:l}),{isPlaying:U,currentTrack:W,currentTrackIndex:G,activeAudioRef:K,nextAudioRef:q,canvasRef:J,handleTimeUpdate:Y,handleEnded:X,setDuration:ie,playActivePlayer:ae}=H,{metaTitle:Z,metaArtist:Q,metaCover:$}=ee.useAudioMetadata({currentTrack:W,showMetadata:x});(0,o.useEffect)(()=>{W&&K.current&&(K.current.src=W.src,(l||U)&&ae())},[G,W]);let oe=f===`none`?null:a.default[`radius${f.charAt(0).toUpperCase()+f.slice(1)}`];return(0,c.jsxs)(`figure`,{className:(0,s.default)(`wim-audio`,a.default.root,_),style:v,"data-testid":`audio-root`,children:[(0,c.jsxs)(`div`,{ref:R,className:(0,s.default)(a.default.inner,oe,y&&p&&a.default.shadow,y&&m&&a.default.border,y&&a.default.custom,S&&a.default.fadeIn,S&&re&&a.default.isLoaded,V&&a.default.loading),"data-testid":`audio-inner`,children:[b&&y&&(0,c.jsx)(`canvas`,{ref:J,className:a.default.visualizerCanvas,"data-testid":`audio-canvas`}),y&&x&&(Z||Q||$)&&(0,c.jsxs)(`div`,{className:a.default.metadata,style:{position:`relative`,zIndex:2},"data-testid":`audio-metadata`,children:[$&&(0,c.jsx)(`img`,{src:$,alt:P(`a11y.cover_art`),className:a.default.cover,"data-testid":`audio-cover`}),(0,c.jsxs)(`div`,{className:a.default.info,children:[(0,c.jsx)(`div`,{className:a.default.title,"data-testid":`audio-title`,children:Z||F}),(0,c.jsx)(`div`,{className:a.default.artist,"data-testid":`audio-artist`,children:Q||I})]})]}),(0,c.jsxs)(`div`,{style:{display:y?`none`:`block`,width:`100%`},children:[z&&(0,c.jsx)(`audio`,{ref:K,src:W?.src,className:a.default.audio,"data-testid":`audio-active`,loop:H.repeatMode===1&&L.length===1,muted:H.isMuted,controls:!y&&d,preload:h,crossOrigin:`anonymous`,onTimeUpdate:Y,onEnded:X,...N,onLoadedMetadata:e=>{ie(e.currentTarget.duration),B(),N.onLoadedMetadata?.(e)},onLoadedData:e=>{B(),N.onLoadedData?.(e)},onCanPlay:e=>{B(),N.onCanPlay?.(e)},children:M?.map((e,t)=>(0,c.jsx)(`track`,{...e},t))}),(0,c.jsx)(`audio`,{ref:q,muted:H.isMuted,preload:`auto`,crossOrigin:`anonymous`,"data-testid":`audio-next`})]}),y&&(0,c.jsx)(te.AudioCustomControls,{styles:a.default,isPlaying:U,currentTime:H.currentTime,duration:H.duration,volume:H.volume,isMuted:H.isMuted,repeatMode:H.repeatMode,shuffleMode:H.shuffleMode,currentPlaybackRate:H.currentPlaybackRate,isBassBoost:H.isBassBoost,remainingSleepTime:H.remainingSleepTime,playbackRate:T,presets:D,sleepTimer:O,setRepeatMode:H.setRepeatMode,setShuffleMode:H.setShuffleMode,setCurrentPlaybackRate:H.setCurrentPlaybackRate,setIsBassBoost:H.setIsBassBoost,setIsMuted:H.setIsMuted,togglePlay:H.togglePlay,handleSeek:H.handleSeek,handleVolumeChange:H.handleVolumeChange,playNext:H.playNext,toggleSleepTimer:H.toggleSleepTimer,formatTime:H.formatTime,labels:j})]}),g&&(0,c.jsx)(`figcaption`,{className:a.default.caption,children:g})]})};exports.Audio=l;