wimui 0.62.2 → 0.63.1

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

@@ -1,117 +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, {
-			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 };

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