wimui 0.1.0

package/dist/components/layout/Toolbar/toolbar.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1xd2s_4`,t=`_horizontal_1xd2s_13`,n=`_vertical_1xd2s_16`,r=`_group_1xd2s_32`,i=`_separator_1xd2s_41`,a={root:e,horizontal:t,vertical:n,"size-sm":`_size-sm_1xd2s_20`,"size-md":`_size-md_1xd2s_24`,"size-lg":`_size-lg_1xd2s_28`,group:r,separator:i};exports.default=a,exports.group=r,exports.horizontal=t,exports.root=e,exports.separator=i,exports.vertical=n;

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

@@ -0,0 +1,14 @@
+"use client";
+//#region src/components/layout/Toolbar/toolbar.module.scss
+var e = "_root_1xd2s_4", t = "_horizontal_1xd2s_13", n = "_vertical_1xd2s_16", r = "_group_1xd2s_32", i = "_separator_1xd2s_41", a = {
+	root: e,
+	horizontal: t,
+	vertical: n,
+	"size-sm": "_size-sm_1xd2s_20",
+	"size-md": "_size-md_1xd2s_24",
+	"size-lg": "_size-lg_1xd2s_28",
+	group: r,
+	separator: i
+};
+//#endregion
+export { a as default, r as group, t as horizontal, e as root, i as separator, n as vertical };

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

@@ -0,0 +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=e=>e.split(` `).filter(Boolean),s=n.default.forwardRef(({show:e,children:s,preset:c,enter:l=``,enterFrom:u=``,enterTo:d=``,leave:f=``,leaveFrom:p=``,leaveTo:m=``,unmount:h=!0,appear:g=!1,className:_,...v},y)=>{let[b,x]=(0,n.useState)(e),[S,C]=(0,n.useState)(()=>e&&g?`entering`:`idle`),[w,T]=(0,n.useState)(e),E=(0,n.useRef)(null),D=c?a(c):{},O=(0,r.default)(D.enter,l),k=(0,r.default)(D.enterFrom,u),A=(0,r.default)(D.enterTo,d),j=(0,r.default)(D.leave,f),M=(0,r.default)(D.leaveFrom,p),N=(0,r.default)(D.leaveTo,m);e&&!b&&x(!0),e!==w&&(T(e),e?S!==`entering`&&C(`entering`):S!==`leaving`&&C(`leaving`)),(0,n.useImperativeHandle)(y,()=>E.current);let P=(0,n.useCallback)(e=>{if(e.target===E.current&&(S===`entering`||S===`leaving`)){let e=S===`leaving`;C(`idle`),e&&h&&x(!1)}},[S,h]);return(0,n.useLayoutEffect)(()=>{let e=E.current;if(e){if(S===`entering`){let t=o(k),n=o(O),r=o(A);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}if(S===`leaving`){let t=o(M),n=o(j),r=o(N);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}}},[S,O,k,A,j,M,N,P]),!b&&h?null:(0,i.jsx)(`div`,{ref:E,className:(0,r.default)(_,{[t.default.hidden]:!e&&S===`idle`&&!h,[O]:S===`entering`,[A]:S===`entering`,[j]:S===`leaving`,[N]:S===`leaving`}),onTransitionEnd:P,...v,children:s})});s.displayName=`Transition`,exports.Transition=s;

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

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export type TransitionPreset = "fade" | "scale" | "slide-right" | "slide-left" | "slide-top" | "slide-bottom";
+export interface TransitionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the content is shown (drives the enter/leave transitions) */
+    show: boolean;
+    /** Content to transition */
+    children: React.ReactNode;
+    /** Preset transition (fade, scale, slide-*) */
+    preset?: TransitionPreset;
+    /** Class applied during the enter transition */
+    enter?: string;
+    /** Class applied at the start of the enter transition */
+    enterFrom?: string;
+    /** Class applied at the end of the enter transition */
+    enterTo?: string;
+    /** Class applied during the leave transition */
+    leave?: string;
+    /** Class applied at the start of the leave transition */
+    leaveFrom?: string;
+    /** Class applied at the end of the leave transition */
+    leaveTo?: string;
+    /** Whether to unmount the content when hidden */
+    unmount?: boolean;
+    /** Whether to run the enter transition on initial mount */
+    appear?: boolean;
+    /** Additional class names */
+    className?: string;
+}
+export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,109 @@
+"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";
+//#region src/components/layout/Transition/Transition.tsx
+var l = (t) => {
+	switch (t) {
+		case "fade": return {
+			enter: e.fadeEnterTo,
+			enterFrom: e.fadeEnter,
+			enterTo: e.fadeEnterTo,
+			leave: e.fadeLeaveTo,
+			leaveFrom: e.fadeLeave,
+			leaveTo: e.fadeLeaveTo
+		};
+		case "scale": return {
+			enter: e.scaleEnterTo,
+			enterFrom: e.scaleEnter,
+			enterTo: e.scaleEnterTo,
+			leave: e.scaleLeaveTo,
+			leaveFrom: e.scaleLeave,
+			leaveTo: e.scaleLeaveTo
+		};
+		case "slide-right": return {
+			enter: e.slideBase,
+			enterFrom: e.slideRightEnterFrom,
+			enterTo: e.slideRightEnterTo,
+			leave: e.slideBase,
+			leaveFrom: e.slideRightLeaveFrom,
+			leaveTo: e.slideRightLeaveTo
+		};
+		case "slide-left": return {
+			enter: e.slideBase,
+			enterFrom: e.slideLeftEnterFrom,
+			enterTo: e.slideLeftEnterTo,
+			leave: e.slideBase,
+			leaveFrom: e.slideLeftLeaveFrom,
+			leaveTo: e.slideLeftLeaveTo
+		};
+		case "slide-top": return {
+			enter: e.slideBase,
+			enterFrom: e.slideTopEnterFrom,
+			enterTo: e.slideTopEnterTo,
+			leave: e.slideBase,
+			leaveFrom: e.slideTopLeaveFrom,
+			leaveTo: e.slideTopLeaveTo
+		};
+		case "slide-bottom": return {
+			enter: e.slideBase,
+			enterFrom: e.slideBottomEnterFrom,
+			enterTo: e.slideBottomEnterTo,
+			leave: e.slideBase,
+			leaveFrom: e.slideBottomLeaveFrom,
+			leaveTo: e.slideBottomLeaveTo
+		};
+		default: return {};
+	}
+}, u = (e) => e.split(" ").filter(Boolean), d = t.forwardRef(({ show: t, children: d, preset: f, enter: p = "", enterFrom: m = "", enterTo: h = "", leave: g = "", leaveFrom: _ = "", leaveTo: v = "", unmount: y = !0, appear: b = !1, className: x, ...S }, C) => {
+	let [w, T] = o(t), [E, D] = o(() => t && b ? "entering" : "idle"), [O, k] = o(t), A = a(null), j = f ? l(f) : {}, M = s(j.enter, p), N = s(j.enterFrom, m), P = s(j.enterTo, h), F = s(j.leave, g), I = s(j.leaveFrom, _), L = s(j.leaveTo, v);
+	t && !w && T(!0), t !== O && (k(t), t ? E !== "entering" && D("entering") : E !== "leaving" && D("leaving")), r(C, () => A.current);
+	let R = n((e) => {
+		if (e.target === A.current && (E === "entering" || E === "leaving")) {
+			let e = E === "leaving";
+			D("idle"), e && y && T(!1);
+		}
+	}, [E, y]);
+	return i(() => {
+		let e = A.current;
+		if (e) {
+			if (E === "entering") {
+				let t = u(N), n = u(M), r = u(P);
+				return e.classList.add(...t, ...n), e.offsetHeight, e.classList.remove(...t), e.classList.add(...r), () => {
+					e.classList.remove(...t, ...n, ...r);
+				};
+			}
+			if (E === "leaving") {
+				let t = u(I), n = u(F), r = u(L);
+				return e.classList.add(...t, ...n), e.offsetHeight, e.classList.remove(...t), e.classList.add(...r), () => {
+					e.classList.remove(...t, ...n, ...r);
+				};
+			}
+		}
+	}, [
+		E,
+		M,
+		N,
+		P,
+		F,
+		I,
+		L,
+		R
+	]), !w && y ? null : /* @__PURE__ */ c("div", {
+		ref: A,
+		className: s(x, {
+			[e.hidden]: !t && E === "idle" && !y,
+			[M]: E === "entering",
+			[P]: E === "entering",
+			[F]: E === "leaving",
+			[L]: E === "leaving"
+		}),
+		onTransitionEnd: R,
+		...S,
+		children: d
+	});
+});
+d.displayName = "Transition";
+//#endregion
+export { d as Transition };

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

@@ -0,0 +1,2 @@
+"use client";
+var e=`_fadeEnter_96bij_2`,t=`_fadeEnterTo_96bij_6`,n=`_fadeLeave_96bij_11`,r=`_fadeLeaveTo_96bij_15`,i=`_scaleEnter_96bij_20`,a=`_scaleEnterTo_96bij_25`,o=`_scaleLeave_96bij_31`,s=`_scaleLeaveTo_96bij_36`,c=`_slideBase_96bij_43`,l=`_slideRightEnterFrom_96bij_48`,u=`_slideRightEnterTo_96bij_52`,d=`_slideRightLeaveFrom_96bij_56`,f=`_slideRightLeaveTo_96bij_60`,p=`_slideLeftEnterFrom_96bij_65`,m=`_slideLeftEnterTo_96bij_69`,h=`_slideLeftLeaveFrom_96bij_73`,g=`_slideLeftLeaveTo_96bij_77`,_=`_slideTopEnterFrom_96bij_82`,v=`_slideTopEnterTo_96bij_86`,y=`_slideTopLeaveFrom_96bij_90`,b=`_slideTopLeaveTo_96bij_94`,x=`_slideBottomEnterFrom_96bij_99`,S=`_slideBottomEnterTo_96bij_103`,C=`_slideBottomLeaveFrom_96bij_107`,w=`_slideBottomLeaveTo_96bij_111`,T=`_hidden_96bij_115`,E={fadeEnter:e,fadeEnterTo:t,fadeLeave:n,fadeLeaveTo:r,scaleEnter:i,scaleEnterTo:a,scaleLeave:o,scaleLeaveTo:s,slideBase:c,slideRightEnterFrom:l,slideRightEnterTo:u,slideRightLeaveFrom:d,slideRightLeaveTo:f,slideLeftEnterFrom:p,slideLeftEnterTo:m,slideLeftLeaveFrom:h,slideLeftLeaveTo:g,slideTopEnterFrom:_,slideTopEnterTo:v,slideTopLeaveFrom:y,slideTopLeaveTo:b,slideBottomEnterFrom:x,slideBottomEnterTo:S,slideBottomLeaveFrom:C,slideBottomLeaveTo:w,hidden:T};exports.default=E,exports.fadeEnter=e,exports.fadeEnterTo=t,exports.fadeLeave=n,exports.fadeLeaveTo=r,exports.hidden=T,exports.scaleEnter=i,exports.scaleEnterTo=a,exports.scaleLeave=o,exports.scaleLeaveTo=s,exports.slideBase=c,exports.slideBottomEnterFrom=x,exports.slideBottomEnterTo=S,exports.slideBottomLeaveFrom=C,exports.slideBottomLeaveTo=w,exports.slideLeftEnterFrom=p,exports.slideLeftEnterTo=m,exports.slideLeftLeaveFrom=h,exports.slideLeftLeaveTo=g,exports.slideRightEnterFrom=l,exports.slideRightEnterTo=u,exports.slideRightLeaveFrom=d,exports.slideRightLeaveTo=f,exports.slideTopEnterFrom=_,exports.slideTopEnterTo=v,exports.slideTopLeaveFrom=y,exports.slideTopLeaveTo=b;

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

@@ -0,0 +1,32 @@
+"use client";
+//#region src/components/layout/Transition/transition.module.scss
+var e = "_fadeEnter_96bij_2", t = "_fadeEnterTo_96bij_6", n = "_fadeLeave_96bij_11", r = "_fadeLeaveTo_96bij_15", i = "_scaleEnter_96bij_20", a = "_scaleEnterTo_96bij_25", o = "_scaleLeave_96bij_31", s = "_scaleLeaveTo_96bij_36", c = "_slideBase_96bij_43", l = "_slideRightEnterFrom_96bij_48", u = "_slideRightEnterTo_96bij_52", d = "_slideRightLeaveFrom_96bij_56", f = "_slideRightLeaveTo_96bij_60", p = "_slideLeftEnterFrom_96bij_65", m = "_slideLeftEnterTo_96bij_69", h = "_slideLeftLeaveFrom_96bij_73", g = "_slideLeftLeaveTo_96bij_77", _ = "_slideTopEnterFrom_96bij_82", v = "_slideTopEnterTo_96bij_86", y = "_slideTopLeaveFrom_96bij_90", b = "_slideTopLeaveTo_96bij_94", x = "_slideBottomEnterFrom_96bij_99", S = "_slideBottomEnterTo_96bij_103", C = "_slideBottomLeaveFrom_96bij_107", w = "_slideBottomLeaveTo_96bij_111", T = "_hidden_96bij_115", E = {
+	fadeEnter: e,
+	fadeEnterTo: t,
+	fadeLeave: n,
+	fadeLeaveTo: r,
+	scaleEnter: i,
+	scaleEnterTo: a,
+	scaleLeave: o,
+	scaleLeaveTo: s,
+	slideBase: c,
+	slideRightEnterFrom: l,
+	slideRightEnterTo: u,
+	slideRightLeaveFrom: d,
+	slideRightLeaveTo: f,
+	slideLeftEnterFrom: p,
+	slideLeftEnterTo: m,
+	slideLeftLeaveFrom: h,
+	slideLeftLeaveTo: g,
+	slideTopEnterFrom: _,
+	slideTopEnterTo: v,
+	slideTopLeaveFrom: y,
+	slideTopLeaveTo: b,
+	slideBottomEnterFrom: x,
+	slideBottomEnterTo: S,
+	slideBottomLeaveFrom: C,
+	slideBottomLeaveTo: w,
+	hidden: T
+};
+//#endregion
+export { E as default, e as fadeEnter, t as fadeEnterTo, n as fadeLeave, r as fadeLeaveTo, T as hidden, i as scaleEnter, a as scaleEnterTo, o as scaleLeave, s as scaleLeaveTo, c as slideBase, x as slideBottomEnterFrom, S as slideBottomEnterTo, C as slideBottomLeaveFrom, w as slideBottomLeaveTo, p as slideLeftEnterFrom, m as slideLeftEnterTo, h as slideLeftLeaveFrom, g as slideLeftLeaveTo, l as slideRightEnterFrom, u as slideRightEnterTo, d as slideRightLeaveFrom, f as slideRightLeaveTo, _ as slideTopEnterFrom, v as slideTopEnterTo, y as slideTopLeaveFrom, b as slideTopLeaveTo };

package/dist/components/layout/VisuallyHidden/VisuallyHidden.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./visuallyHidden.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=({children:e,className:n,...a})=>(0,i.jsx)(`span`,{className:(0,r.default)(`wim-visually-hidden`,t.default.root,n),...a,children:e});exports.VisuallyHidden=a;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type VisuallyHiddenProps = React.ComponentPropsWithoutRef<"span"> & {
+    /** Content that is visually hidden but still read out by screen readers. */
+    children: React.ReactNode;
+};
+/**
+ * Accessibility component that hides content visually while keeping it available
+ * to assistive technologies such as screen readers.
+ */
+export declare const VisuallyHidden: ({ children, className, ...props }: VisuallyHiddenProps) => React.JSX.Element;

package/dist/components/layout/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "./visuallyHidden.module.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/layout/VisuallyHidden/VisuallyHidden.tsx
+var r = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("span", {
+	className: t("wim-visually-hidden", e.root, i),
+	...a,
+	children: r
+});
+//#endregion
+export { r as VisuallyHidden };

package/dist/components/layout/VisuallyHidden/visuallyHidden.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_4yejk_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/layout/VisuallyHidden/visuallyHidden.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/layout/VisuallyHidden/visuallyHidden.module.scss
+var e = "_root_4yejk_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/layout/Watermark/Watermark.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./watermark.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=>{let{content:a,image:o,width:s=125,height:c=64,rotate:l=-22,zIndex:u=9,opacity:d=.15,gap:f=[100,100],offset:p=[50,50],children:m,className:h}=e,[g,_]=(0,n.useState)(``),[v,y]=(0,n.useState)({w:s,h:c});return(0,n.useEffect)(()=>{let t=document.createElement(`canvas`),n=t.getContext(`2d`);if(!n)return;let r=window.devicePixelRatio||1;if(o){let i=new Image;i.crossOrigin=`anonymous`,i.src=o,i.onload=()=>{let a=i.width/i.height,o=e.width,s=e.height;o===void 0&&s===void 0?(o=125,s=o/a):o!==void 0&&s===void 0?s=o/a:o===void 0&&s!==void 0?o=s*a:(o=o,s=s);let c=(f[0]+o)*r,u=(f[1]+s)*r;t.width=c,t.height=u,n.translate(p[0]*r,p[1]*r),n.rotate(l*Math.PI/180),n.globalAlpha=d,n.drawImage(i,0,0,o*r,s*r),_(t.toDataURL()),y({w:o,h:s})}}else if(a){let e=s,i=c,o=(f[0]+e)*r,u=(f[1]+i)*r;t.width=o,t.height=u,n.translate(p[0]*r,p[1]*r),n.rotate(l*Math.PI/180),n.globalAlpha=d;let m=16*r;n.font=`${m}px sans-serif`,n.fillStyle=`black`,n.textBaseline=`top`,(Array.isArray(a)?a:[a]).forEach((e,t)=>{n.fillText(e,0,t*m*1.5)}),setTimeout(()=>{_(t.toDataURL()),y({w:e,h:i})},0)}},[a,o,e.width,e.height,l,d,f,p,s,c]),(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-watermark`,t.default.wrapper,h),children:[m,(0,i.jsx)(`div`,{className:t.default.root,"data-testid":`watermark`,style:{zIndex:u,backgroundImage:`url(${g})`,backgroundSize:`${f[0]+v.w}px ${f[1]+v.h}px`}})]})};exports.Watermark=a;

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+type WatermarkProps = {
+    /** Text content of the watermark (a string or multiple lines) */
+    content?: string | string[];
+    /** Image URL used as the watermark instead of text */
+    image?: string;
+    /** Width of a single watermark tile (px) */
+    width?: number;
+    /** Height of a single watermark tile (px) */
+    height?: number;
+    /** Rotation angle of the watermark (degrees) */
+    rotate?: number;
+    /** z-index of the watermark layer */
+    zIndex?: number;
+    /** Opacity of the watermark */
+    opacity?: number;
+    /** Gap between watermark tiles [x, y] (px) */
+    gap?: [number, number];
+    /** Offset of the watermark pattern [x, y] (px) */
+    offset?: [number, number];
+    /** Content overlaid by the watermark */
+    children?: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+};
+export declare const Watermark: (props: WatermarkProps) => React.JSX.Element;
+export {};

package/dist/components/layout/Watermark/Watermark.js

@@ -0,0 +1,65 @@
+"use client";
+import e from "./watermark.module.js";
+import { useEffect as t, useState as n } from "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/layout/Watermark/Watermark.tsx
+var o = (o) => {
+	let { content: s, image: c, width: l = 125, height: u = 64, rotate: d = -22, zIndex: f = 9, opacity: p = .15, gap: m = [100, 100], offset: h = [50, 50], children: g, className: _ } = o, [v, y] = n(""), [b, x] = n({
+		w: l,
+		h: u
+	});
+	return t(() => {
+		let e = document.createElement("canvas"), t = e.getContext("2d");
+		if (!t) return;
+		let n = window.devicePixelRatio || 1;
+		if (c) {
+			let r = new Image();
+			r.crossOrigin = "anonymous", r.src = c, r.onload = () => {
+				let i = r.width / r.height, a = o.width, s = o.height;
+				a === void 0 && s === void 0 ? (a = 125, s = a / i) : a !== void 0 && s === void 0 ? s = a / i : a === void 0 && s !== void 0 ? a = s * i : (a = a, s = s);
+				let c = (m[0] + a) * n, l = (m[1] + s) * n;
+				e.width = c, e.height = l, t.translate(h[0] * n, h[1] * n), t.rotate(d * Math.PI / 180), t.globalAlpha = p, t.drawImage(r, 0, 0, a * n, s * n), y(e.toDataURL()), x({
+					w: a,
+					h: s
+				});
+			};
+		} else if (s) {
+			let r = l, i = u, a = (m[0] + r) * n, o = (m[1] + i) * n;
+			e.width = a, e.height = o, t.translate(h[0] * n, h[1] * n), t.rotate(d * Math.PI / 180), t.globalAlpha = p;
+			let c = 16 * n;
+			t.font = `${c}px sans-serif`, t.fillStyle = "black", t.textBaseline = "top", (Array.isArray(s) ? s : [s]).forEach((e, n) => {
+				t.fillText(e, 0, n * c * 1.5);
+			}), setTimeout(() => {
+				y(e.toDataURL()), x({
+					w: r,
+					h: i
+				});
+			}, 0);
+		}
+	}, [
+		s,
+		c,
+		o.width,
+		o.height,
+		d,
+		p,
+		m,
+		h,
+		l,
+		u
+	]), /* @__PURE__ */ a("div", {
+		className: r("wim-watermark", e.wrapper, _),
+		children: [g, /* @__PURE__ */ i("div", {
+			className: e.root,
+			"data-testid": "watermark",
+			style: {
+				zIndex: f,
+				backgroundImage: `url(${v})`,
+				backgroundSize: `${m[0] + b.w}px ${m[1] + b.h}px`
+			}
+		})]
+	});
+};
+//#endregion
+export { o as Watermark };

package/dist/components/layout/Watermark/watermark.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_wrapper_iub88_1`,t=`_root_iub88_7`,n={wrapper:e,root:t};exports.default=n,exports.root=t,exports.wrapper=e;

package/dist/components/layout/Watermark/watermark.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/layout/Watermark/watermark.module.scss
+var e = "_wrapper_iub88_1", t = "_root_iub88_7", n = {
+	wrapper: e,
+	root: t
+};
+//#endregion
+export { n as default, t as root, e as wrapper };

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

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

package/dist/components/media/Audio/Audio.d.ts

@@ -0,0 +1,61 @@
+import { default as React } from 'react';
+import { MediaRadius } from '../../../types/tokens';
+import { AudioLabels } from './components/AudioCustomControls';
+export type { AudioLabels };
+export type AudioTrack = {
+    src: string;
+    title?: string;
+    artist?: string;
+    coverArt?: string;
+};
+type AudioProps = Omit<React.ComponentPropsWithoutRef<"audio">, "src"> & {
+    /** Source: a URL, list of URLs, or track object(s) */
+    src?: string | string[] | AudioTrack | AudioTrack[];
+    /** Whether to start playing automatically */
+    autoPlay?: boolean;
+    /** Whether to loop playback */
+    loop?: boolean;
+    /** Whether to start muted */
+    muted?: boolean;
+    /** Whether to show playback controls */
+    controls?: boolean;
+    /** Preload behavior */
+    preload?: "auto" | "metadata" | "none";
+    /** Corner radius size */
+    radius?: MediaRadius;
+    /** Whether to show a shadow */
+    shadow?: boolean;
+    /** Whether to show a border */
+    border?: boolean;
+    /** Caption shown below the player */
+    caption?: React.ReactNode;
+    /** Whether to use the custom control bar instead of native controls */
+    customControls?: boolean;
+    /** Whether to show the audio visualizer */
+    visualizer?: boolean;
+    /** Whether to show track metadata (title, artist, cover art) */
+    showMetadata?: boolean;
+    /** Whether to fade in when playback starts (or the duration in seconds) */
+    fadeIn?: boolean | number;
+    /** Whether to fade out when playback ends (or the duration in seconds) */
+    fadeOut?: boolean | number;
+    /** Whether to crossfade between tracks (or the duration in seconds) */
+    crossfade?: boolean | number;
+    /** Whether to show the playback-rate control */
+    playbackRate?: boolean;
+    /** Whether to enable keyboard hotkeys */
+    hotkeys?: boolean;
+    /** Whether to show equalizer presets */
+    presets?: boolean;
+    /** Whether to show the sleep timer */
+    sleepTimer?: boolean;
+    /** Loading behavior. With "lazy", an Intersection Observer is enabled. */
+    loading?: "eager" | "lazy";
+    /** Demo only: milliseconds to intentionally delay load completion */
+    demoDelay?: number;
+    /** Labels for manual translation */
+    labels?: AudioLabels;
+    /** Subtitle/caption tracks passed as <track> elements (kind, src, srcLang, label). */
+    tracks?: React.ComponentPropsWithoutRef<"track">[];
+};
+export declare const Audio: ({ src, autoPlay, loop, muted, controls, radius, shadow, border, preload, caption, className, style, customControls, visualizer, showMetadata, fadeIn, fadeOut, crossfade, playbackRate, hotkeys, presets, sleepTimer, loading, demoDelay, labels, tracks, ...props }: AudioProps) => React.JSX.Element;

package/dist/components/media/Audio/Audio.js

@@ -0,0 +1,145 @@
+"use client";
+import { useMediaLoader as e } from "../../../hooks/useMediaLoader.js";
+import { useAudioPlayer as t } from "./hooks/useAudioPlayer.js";
+import { useAudioMetadata as n } from "./hooks/useAudioMetadata.js";
+import { AudioCustomControls as r } from "./components/AudioCustomControls.js";
+import i from "./audio.module.js";
+import { useEffect as a, useMemo as o } from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/media/Audio/Audio.tsx
+var u = ({ src: u, autoPlay: d = !1, loop: f = !1, muted: p = !1, controls: ee = !0, radius: m = "none", shadow: h = !1, border: te = !1, preload: g, caption: _, className: v, style: y, customControls: b = !1, visualizer: x = !1, showMetadata: S = !1, fadeIn: C = !1, fadeOut: ne = !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 { unknownTitle: P = "Unknown Title", unknownArtist: F = "Unknown Artist" } = j, I = o(() => u ? (Array.isArray(u) ? u : [u]).map((e) => typeof e == "string" ? { src: e } : e) : [], [u]), { containerRef: L, isLoaded: R, isIntersecting: re, notifyLoaded: z, shouldShowSkeleton: B } = e({
+		loading: k,
+		demoDelay: A,
+		src: I[0]?.src
+	}), V = t({
+		playlist: I,
+		loop: f,
+		muted: p,
+		fadeIn: C,
+		fadeOut: ne,
+		crossfade: w,
+		visualizer: x,
+		hotkeys: E,
+		autoPlay: d
+	}), { 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: $ } = n({
+		currentTrack: U,
+		showMetadata: S
+	});
+	a(() => {
+		!U || !G.current || (G.current.src = U.src, (d || H) && ie());
+	}, [W, U]);
+	let ae = m === "none" ? null : i[`radius${m.charAt(0).toUpperCase() + m.slice(1)}`];
+	return /* @__PURE__ */ l("figure", {
+		className: s("wim-audio", i.root, v),
+		style: y,
+		"data-testid": "audio-root",
+		children: [/* @__PURE__ */ l("div", {
+			ref: L,
+			className: s(i.inner, ae, b && h && i.shadow, b && te && i.border, b && i.custom, x && b && i.hasVisualizer, C && i.fadeIn, C && R && i.isLoaded, B && i.loading),
+			"data-testid": "audio-inner",
+			children: [
+				x && b && /* @__PURE__ */ c("canvas", {
+					ref: q,
+					className: i.visualizerCanvas,
+					"data-testid": "audio-canvas"
+				}),
+				b && S && (Z || Q || $) && /* @__PURE__ */ l("div", {
+					className: i.metadata,
+					style: {
+						position: "relative",
+						zIndex: 2
+					},
+					"data-testid": "audio-metadata",
+					children: [$ && /* @__PURE__ */ c("img", {
+						src: $,
+						alt: "Cover",
+						className: i.cover,
+						"data-testid": "audio-cover"
+					}), /* @__PURE__ */ l("div", {
+						className: i.info,
+						children: [/* @__PURE__ */ c("div", {
+							className: i.title,
+							"data-testid": "audio-title",
+							children: Z || P
+						}), /* @__PURE__ */ c("div", {
+							className: i.artist,
+							"data-testid": "audio-artist",
+							children: Q || F
+						})]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					style: {
+						display: b ? "none" : "block",
+						width: "100%"
+					},
+					children: [re && /* @__PURE__ */ c("audio", {
+						ref: G,
+						src: U?.src,
+						className: i.audio,
+						"data-testid": "audio-active",
+						loop: V.repeatMode === 1 && I.length === 1,
+						muted: V.isMuted,
+						controls: !b && ee,
+						preload: g,
+						crossOrigin: "anonymous",
+						onTimeUpdate: J,
+						onEnded: Y,
+						...N,
+						onLoadedMetadata: (e) => {
+							X(e.currentTarget.duration), z(), N.onLoadedMetadata?.(e);
+						},
+						onLoadedData: (e) => {
+							z(), N.onLoadedData?.(e);
+						},
+						onCanPlay: (e) => {
+							z(), N.onCanPlay?.(e);
+						},
+						children: M?.map((e, t) => /* @__PURE__ */ c("track", { ...e }, t))
+					}), /* @__PURE__ */ c("audio", {
+						ref: K,
+						muted: V.isMuted,
+						preload: "auto",
+						crossOrigin: "anonymous",
+						"data-testid": "audio-next"
+					})]
+				}),
+				b && /* @__PURE__ */ c(r, {
+					styles: i,
+					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: T,
+					presets: D,
+					sleepTimer: O,
+					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: j
+				})
+			]
+		}), _ && /* @__PURE__ */ c("figcaption", {
+			className: i.caption,
+			children: _
+		})]
+	});
+};
+//#endregion
+export { u as Audio };

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

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_ey1aj_3`,t=`_inner_ey1aj_12`,n=`_radiusSm_ey1aj_22`,r=`_radiusMd_ey1aj_26`,i=`_radiusLg_ey1aj_30`,a=`_radiusFull_ey1aj_34`,o=`_shadow_ey1aj_38`,s=`_loading_ey1aj_42`,c=`_border_ey1aj_45`,l=`_fadeIn_ey1aj_48`,u=`_audio_ey1aj_48`,d=`_customControls_ey1aj_49`,f=`_metadata_ey1aj_50`,p=`_isLoaded_ey1aj_54`,m=`_caption_ey1aj_88`,h=`_custom_ey1aj_49`,g=`_visualizerCanvas_ey1aj_113`,_=`_cover_ey1aj_137`,v=`_info_ey1aj_144`,y=`_title_ey1aj_150`,b=`_artist_ey1aj_156`,x=`_badge_ey1aj_161`,S=`_controlsRow_ey1aj_184`,C=`_controlsGroup_ey1aj_191`,w=`_btn_ey1aj_195`,T=`_active_ey1aj_216`,E=`_btnText_ey1aj_220`,D=`_btnPlay_ey1aj_227`,O=`_time_ey1aj_241`,k=`_progressContainer_ey1aj_253`,A=`_progress_ey1aj_253`,j=`_progressFill_ey1aj_277`,M=`_volumeContainer_ey1aj_299`,N=`_volume_ey1aj_299`,P={root:e,inner:t,radiusSm:n,radiusMd:r,radiusLg:i,radiusFull:a,shadow:o,loading:s,border:c,fadeIn:l,audio:u,customControls:d,metadata:f,isLoaded:p,"skeleton-loading":`_skeleton-loading_ey1aj_1`,caption:m,custom:h,visualizerCanvas:g,cover:_,info:v,title:y,artist:b,badge:x,controlsRow:S,controlsGroup:C,btn:w,active:T,btnText:E,btnPlay:D,time:O,progressContainer:k,progress:A,progressFill:j,volumeContainer:M,volume:N};exports.active=T,exports.artist=b,exports.audio=u,exports.badge=x,exports.border=c,exports.btn=w,exports.btnPlay=D,exports.btnText=E,exports.caption=m,exports.controlsGroup=C,exports.controlsRow=S,exports.cover=_,exports.custom=h,exports.customControls=d,exports.default=P,exports.fadeIn=l,exports.info=v,exports.inner=t,exports.isLoaded=p,exports.loading=s,exports.metadata=f,exports.progress=A,exports.progressContainer=k,exports.progressFill=j,exports.radiusFull=a,exports.radiusLg=i,exports.radiusMd=r,exports.radiusSm=n,exports.root=e,exports.shadow=o,exports.time=O,exports.title=y,exports.visualizerCanvas=g,exports.volume=N,exports.volumeContainer=M;

package/dist/components/media/Audio/audio.module.js

@@ -0,0 +1,41 @@
+"use client";
+//#region src/components/media/Audio/audio.module.scss
+var e = "_root_ey1aj_3", t = "_inner_ey1aj_12", n = "_radiusSm_ey1aj_22", r = "_radiusMd_ey1aj_26", i = "_radiusLg_ey1aj_30", a = "_radiusFull_ey1aj_34", o = "_shadow_ey1aj_38", s = "_loading_ey1aj_42", c = "_border_ey1aj_45", l = "_fadeIn_ey1aj_48", u = "_audio_ey1aj_48", d = "_customControls_ey1aj_49", f = "_metadata_ey1aj_50", p = "_isLoaded_ey1aj_54", m = "_caption_ey1aj_88", h = "_custom_ey1aj_49", g = "_visualizerCanvas_ey1aj_113", _ = "_cover_ey1aj_137", v = "_info_ey1aj_144", y = "_title_ey1aj_150", b = "_artist_ey1aj_156", x = "_badge_ey1aj_161", S = "_controlsRow_ey1aj_184", C = "_controlsGroup_ey1aj_191", w = "_btn_ey1aj_195", T = "_active_ey1aj_216", E = "_btnText_ey1aj_220", D = "_btnPlay_ey1aj_227", O = "_time_ey1aj_241", k = "_progressContainer_ey1aj_253", A = "_progress_ey1aj_253", j = "_progressFill_ey1aj_277", M = "_volumeContainer_ey1aj_299", N = "_volume_ey1aj_299", P = {
+	root: e,
+	inner: t,
+	radiusSm: n,
+	radiusMd: r,
+	radiusLg: i,
+	radiusFull: a,
+	shadow: o,
+	loading: s,
+	border: c,
+	fadeIn: l,
+	audio: u,
+	customControls: d,
+	metadata: f,
+	isLoaded: p,
+	"skeleton-loading": "_skeleton-loading_ey1aj_1",
+	caption: m,
+	custom: h,
+	visualizerCanvas: g,
+	cover: _,
+	info: v,
+	title: y,
+	artist: b,
+	badge: x,
+	controlsRow: S,
+	controlsGroup: C,
+	btn: w,
+	active: T,
+	btnText: E,
+	btnPlay: D,
+	time: O,
+	progressContainer: k,
+	progress: A,
+	progressFill: j,
+	volumeContainer: M,
+	volume: N
+};
+//#endregion
+export { T as active, b as artist, u as audio, x as badge, c as border, w as btn, D as btnPlay, E as btnText, m as caption, C as controlsGroup, S as controlsRow, _ as cover, h as custom, d as customControls, P as default, l as fadeIn, v as info, t as inner, p as isLoaded, s as loading, f as metadata, A as progress, k as progressContainer, j as progressFill, a as radiusFull, i as radiusLg, r as radiusMd, n as radiusSm, e as root, o as shadow, O as time, y as title, g as visualizerCanvas, N as volume, M as volumeContainer };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../icon/chart.cjs"),n=require("../../../../icon/chevron-left.cjs"),r=require("../../../../icon/chevron-right.cjs"),i=require("../../../../icon/clock.cjs"),a=require("../../../../icon/mute.cjs"),o=require("../../../../icon/pause.cjs"),s=require("../../../../icon/play.cjs"),c=require("../../../../icon/repeat.cjs"),l=require("../../../../icon/shuffle.cjs"),u=require("../../../../icon/volume.cjs"),d=require("../../Icon/Icon.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("classnames");p=e.__toESM(p,1);let m=require("react/jsx-runtime");function h({isPlaying:e,currentTime:f,duration:h,volume:g,isMuted:_,repeatMode:v,shuffleMode:y,currentPlaybackRate:b,isBassBoost:x,remainingSleepTime:S,playbackRate:C,presets:w,sleepTimer:T,setRepeatMode:E,setShuffleMode:D,setCurrentPlaybackRate:O,setIsBassBoost:k,setIsMuted:A,togglePlay:j,handleSeek:M,handleVolumeChange:N,playNext:P,toggleSleepTimer:ee,formatTime:F,labels:I={},styles:L}){let{seek:R=`Seek`,mute:z=`Mute`,unmute:B=`Unmute`,volume:V=`Volume`,play:H=`Play`,pause:U=`Pause`,next:W=`Next`,prev:G=`Previous`,repeatMode0:K=`Repeat Off`,repeatMode1:q=`Repeat One`,repeatMode2:J=`Repeat All`,shuffle:Y=`Shuffle`,playbackSpeed:X=`Playback Speed`,bassBoost:Z=`Bass Boost`,sleepTimer:Q=`Sleep Timer (15m)`}=I,$=v===0?K:v===1?q:J;return(0,m.jsxs)(`div`,{className:(0,p.default)(L.customControls),children:[(0,m.jsxs)(`div`,{className:(0,p.default)(L.time),children:[(0,m.jsx)(`span`,{className:L.timeCurrent,children:F(f)}),(0,m.jsxs)(`div`,{className:(0,p.default)(L.progressContainer),children:[(0,m.jsx)(`input`,{type:`range`,min:`0`,max:h||0,value:f,step:`0.1`,onChange:M,className:(0,p.default)(L.progress),"aria-label":R}),(0,m.jsx)(`div`,{className:(0,p.default)(L.progressFill),style:{width:`${f/(h||1)*100}%`}})]}),(0,m.jsx)(`span`,{className:L.timeTotal,children:F(h)})]}),(0,m.jsxs)(`div`,{className:(0,p.default)(L.controlsRow),children:[(0,m.jsxs)(`div`,{className:(0,p.default)(L.controlsGroup),children:[(0,m.jsxs)(`button`,{type:`button`,className:(0,p.default)(L.btn,v>0&&L.active),onClick:()=>E(e=>(e+1)%3),title:$,children:[(0,m.jsx)(d.Icon,{component:c.default,size:`sm`}),v===1&&(0,m.jsx)(`span`,{className:(0,p.default)(L.badge),children:`1`})]}),(0,m.jsx)(`button`,{type:`button`,className:(0,p.default)(L.btn,y&&L.active),onClick:()=>D(e=>!e),title:Y,children:(0,m.jsx)(d.Icon,{component:l.default,size:`sm`})}),C&&(0,m.jsxs)(`button`,{type:`button`,className:(0,p.default)(L.btn,L.btnText),onClick:()=>{let e=[.5,1,1.5,2],t=e[(e.indexOf(b)+1)%e.length];O(t)},title:X,children:[b,`x`]})]}),(0,m.jsxs)(`div`,{className:(0,p.default)(L.controlsGroup),children:[w&&(0,m.jsx)(`button`,{type:`button`,className:(0,p.default)(L.btn,x&&L.active),onClick:()=>k(!x),title:Z,children:(0,m.jsx)(d.Icon,{component:t.default,size:`sm`})}),T&&(0,m.jsxs)(`button`,{type:`button`,className:(0,p.default)(L.btn,S!==null&&L.active),onClick:ee,title:Q,children:[(0,m.jsx)(d.Icon,{component:i.default,size:`sm`}),S!==null&&(0,m.jsx)(`span`,{className:(0,p.default)(L.badge),style:{fontSize:`7px`},children:Math.ceil(S/60)})]}),(0,m.jsxs)(`div`,{className:(0,p.default)(L.volumeContainer),children:[(0,m.jsx)(`button`,{type:`button`,className:(0,p.default)(L.btn),onClick:()=>A(e=>!e),"aria-label":_?B:z,children:(0,m.jsx)(d.Icon,{component:_||g===0?a.default:u.default,size:`sm`})}),(0,m.jsx)(`input`,{type:`range`,min:`0`,max:`1`,step:`0.05`,value:_?0:g,onChange:N,className:(0,p.default)(L.volume),"aria-label":V})]})]})]}),(0,m.jsx)(`div`,{className:(0,p.default)(L.controlsRow),style:{justifyContent:`center`,marginTop:`0.2rem`},children:(0,m.jsxs)(`div`,{className:(0,p.default)(L.controlsGroup),children:[(0,m.jsx)(`button`,{type:`button`,className:(0,p.default)(L.btn),onClick:()=>P(-1),title:G,children:(0,m.jsx)(d.Icon,{component:n.default,size:`sm`})}),(0,m.jsx)(`button`,{type:`button`,className:(0,p.default)(L.btn,L.btnPlay),onClick:j,title:e?U:H,"aria-label":e?U:H,children:(0,m.jsx)(d.Icon,{component:e?o.default:s.default,size:`sm`})}),(0,m.jsx)(`button`,{type:`button`,className:(0,p.default)(L.btn),onClick:()=>P(1),title:W,children:(0,m.jsx)(d.Icon,{component:r.default,size:`sm`})})]})})]})}exports.AudioCustomControls=h;