wimui 0.1.0

package/dist/components/media/Video/components/VideoControls.js

@@ -0,0 +1,183 @@
+"use client";
+import { useWimTranslation as e } from "../../../../i18n/useWimTranslation.js";
+import t from "../../../../icon/chevron-left.js";
+import n from "../../../../icon/chevron-right.js";
+import r from "../../../../icon/document.js";
+import i from "../../../../icon/maximize.js";
+import a from "../../../../icon/minimize.js";
+import o from "../../../../icon/monitor.js";
+import s from "../../../../icon/mute.js";
+import c from "../../../../icon/pause.js";
+import l from "../../../../icon/play.js";
+import u from "../../../../icon/settings.js";
+import d from "../../../../icon/volume.js";
+import { Icon as f } from "../../Icon/Icon.js";
+import "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/media/Video/components/VideoControls.tsx
+function g({ playlist: g, advancedControls: _, currentPlayIndex: v, setCurrentPlayIndex: y, skip: b, isPlaying: x, togglePlay: S, currentTime: C, duration: w, handleSeek: T, volume: E, isMuted: D, toggleMute: O, handleVolumeChange: k, activeMenu: A, setActiveMenu: j, togglePiP: M, isFullscreen: N, toggleFullscreen: P, formatTime: F, labels: I = {}, styles: L }) {
+	let { t: R } = e("common"), { playlist: z = R("a11y.playlist"), skipBackward: B = R("a11y.skip_backward"), skipForward: V = R("a11y.skip_forward"), play: H = R("a11y.play"), pause: U = R("a11y.pause"), nextTrack: W = R("a11y.next_track"), seek: G = R("a11y.seek"), mute: K = R("a11y.mute"), unmute: q = R("a11y.unmute"), volume: J = R("a11y.volume"), settings: Y = R("a11y.settings"), pip: X = R("a11y.picture_in_picture"), fullscreen: Z = R("a11y.fullscreen"), exitFullscreen: Q = R("a11y.exit_fullscreen") } = I;
+	return /* @__PURE__ */ h("div", {
+		className: p(L.controlsBottom),
+		children: [
+			g && g.length > 0 && _ && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), j(A === "playlist" ? null : "playlist");
+				},
+				"aria-label": z,
+				children: /* @__PURE__ */ m(f, {
+					component: r,
+					size: "sm"
+				})
+			}),
+			_ && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), b(-10);
+				},
+				"aria-label": B,
+				children: /* @__PURE__ */ m(f, {
+					component: t,
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn, L.btnPlay),
+				onClick: (e) => {
+					e.stopPropagation(), S();
+				},
+				"aria-label": x ? U : H,
+				children: /* @__PURE__ */ m(f, {
+					component: x ? c : l,
+					size: "sm"
+				})
+			}),
+			_ && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), b(10);
+				},
+				"aria-label": V,
+				children: /* @__PURE__ */ m(f, {
+					component: n,
+					size: "sm"
+				})
+			}),
+			g && g.length > 0 && _ && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), v < g.length - 1 && y((e) => e + 1);
+				},
+				disabled: v >= g.length - 1,
+				style: { opacity: v >= g.length - 1 ? .5 : 1 },
+				"aria-label": W,
+				children: /* @__PURE__ */ m(f, {
+					component: n,
+					size: "md"
+				})
+			}),
+			/* @__PURE__ */ h("div", {
+				className: p(L.timeContainer),
+				children: [
+					/* @__PURE__ */ m("span", {
+						className: L.timeCurrent,
+						children: F(C)
+					}),
+					/* @__PURE__ */ h("div", {
+						className: p(L.progressContainer),
+						children: [/* @__PURE__ */ m("input", {
+							type: "range",
+							min: "0",
+							max: w || 0,
+							value: C,
+							onChange: T,
+							className: p(L.progress),
+							"aria-label": G,
+							onClick: (e) => e.stopPropagation()
+						}), /* @__PURE__ */ m("div", {
+							className: p(L.progressFill),
+							style: { width: `${C / (w || 1) * 100}%` }
+						})]
+					}),
+					/* @__PURE__ */ m("span", {
+						className: L.timeTotal,
+						children: F(w)
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: p(L.volumeContainer),
+				children: [/* @__PURE__ */ m("button", {
+					type: "button",
+					className: p(L.btn),
+					onClick: (e) => {
+						e.stopPropagation(), O();
+					},
+					"aria-label": D ? q : K,
+					children: /* @__PURE__ */ m(f, {
+						component: D || E === 0 ? s : d,
+						size: "sm"
+					})
+				}), /* @__PURE__ */ m("input", {
+					type: "range",
+					min: "0",
+					max: "1",
+					step: "0.1",
+					value: D ? 0 : E,
+					onChange: (e) => {
+						e.stopPropagation(), k(e);
+					},
+					className: p(L.volume),
+					"aria-label": J,
+					onClick: (e) => e.stopPropagation()
+				})]
+			}),
+			_ && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), j(A === "main" ? null : "main");
+				},
+				"aria-label": Y,
+				children: /* @__PURE__ */ m(f, {
+					component: u,
+					size: "sm"
+				})
+			}),
+			_ && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), M();
+				},
+				"aria-label": X,
+				title: X,
+				children: /* @__PURE__ */ m(f, {
+					component: o,
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ m("button", {
+				type: "button",
+				className: p(L.btn),
+				onClick: (e) => {
+					e.stopPropagation(), P();
+				},
+				"aria-label": N ? Q : Z,
+				children: /* @__PURE__ */ m(f, {
+					component: N ? a : i,
+					size: "sm"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { g as VideoControls };

package/dist/components/media/Video/hooks/useVideoPlayer.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);function n({src:e,autoPlay:n,loop:r,muted:i,fit:a,videoId:o,resumePlayback:s,playlist:c,autoPlayNext:l,qualities:u,customControls:d,advancedControls:f,poster:p,containerRef:m}){let h=t.default.useRef(null),g=t.default.useRef(null),_=m??g,[v,y]=(0,t.useState)(!1),[b,x]=(0,t.useState)(0),[S,C]=(0,t.useState)(0),[w,T]=(0,t.useState)(1),[E,D]=(0,t.useState)(i),[O,k]=(0,t.useState)(!1),[A,j]=(0,t.useState)(1),[M,N]=(0,t.useState)(a),[P,F]=(0,t.useState)(0),[I,L]=(0,t.useState)(0),[R,z]=(0,t.useState)(null),[B,V]=(0,t.useState)(null),[H,U]=(0,t.useState)({show:!1,direction:`forward`}),W=u&&u.length>0?u[I].src:c&&c.length>0?c[P].src:e,G=c&&c.length>0&&c[P].poster||p,K=!(d||f);(0,t.useEffect)(()=>{if(o&&s&&h.current){let e=c&&c.length>0?`${o}-${P}`:o,t=localStorage.getItem(`wimui-video-resume-${e}`);t&&(h.current.currentTime=parseFloat(t))}},[o,s,P,c]),(0,t.useEffect)(()=>{n&&h.current&&h.current.play().catch(e=>{})},[n,W]),(0,t.useEffect)(()=>{h.current&&(h.current.volume=w,h.current.muted=E,h.current.playbackRate=A,h.current.loop=r&&(!c||c.length<=1))},[w,E,A,r,c]),(0,t.useEffect)(()=>{let e=()=>{k(!!document.fullscreenElement)};return document.addEventListener(`fullscreenchange`,e),()=>document.removeEventListener(`fullscreenchange`,e)},[]);let q=(0,t.useCallback)(e=>{if(h.current){let t=Math.max(0,Math.min(h.current.currentTime+e,S));h.current.currentTime=t,x(t)}},[S]),J=(0,t.useCallback)(()=>{h.current&&(v?h.current.pause():h.current.play(),y(!v))},[v]),Y=(0,t.useCallback)(()=>{D(!E)},[E]),X=(0,t.useCallback)(()=>{_.current&&(document.fullscreenElement?(document.exitFullscreen(),k(!1)):(_.current.requestFullscreen().catch(e=>{}),k(!0)))},[_]),Z=(0,t.useCallback)(async()=>{if(h.current)try{document.pictureInPictureElement?await document.exitPictureInPicture():document.pictureInPictureEnabled&&await h.current.requestPictureInPicture()}catch{}},[]),Q=e=>{if(!h.current)return;let t=h.current.currentTime,n=!h.current.paused;L(e),setTimeout(()=>{h.current&&(h.current.currentTime=t,n&&h.current.play())},50),z(`main`)},$=(0,t.useCallback)(e=>{F(e),h.current&&(h.current.currentTime=0,setTimeout(()=>h.current?.play(),100))},[]);return(0,t.useEffect)(()=>{let e=e=>{if(!([`INPUT`,`TEXTAREA`,`SELECT`].includes(e.target.tagName)||!(d||f))&&!(!(_.current?.contains(document.activeElement)||document.fullscreenElement===_.current)&&document.activeElement!==document.body))switch(e.key.toLowerCase()){case` `:case`k`:e.preventDefault(),J();break;case`arrowright`:e.preventDefault(),q(10);break;case`arrowleft`:e.preventDefault(),q(-10);break;case`arrowup`:{e.preventDefault();let t=Math.min(1,w+.1);T(t),t>0&&D(!1);break}case`arrowdown`:{e.preventDefault();let t=Math.max(0,w-.1);T(t);break}case`m`:e.preventDefault(),Y();break;case`f`:e.preventDefault(),X();break;case`p`:e.preventDefault(),Z();break}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[v,w,S,d,f,q,Y,J,X,Z,_]),{videoRef:h,containerRef:_,isPlaying:v,currentTime:b,duration:S,volume:w,isMuted:E,isFullscreen:O,playbackRate:A,activeFit:M,currentPlayIndex:P,currentQualityIndex:I,activeMenu:R,skipIndicator:H,activeSrc:W,activePoster:G,showNativeControls:K,setVolume:T,setIsMuted:D,setPlaybackRate:j,setActiveFit:N,setCurrentPlayIndex:F,setActiveMenu:z,togglePlay:J,toggleMute:Y,toggleFullscreen:X,togglePiP:Z,skip:q,handleQualityChange:Q,playPlaylistItem:$,handleTimeUpdate:()=>{if(h.current){let e=h.current.currentTime;if(x(e),o&&s&&Math.floor(e)%5==0&&S>0&&e<S-2){let t=c&&c.length>0?`${o}-${P}`:o;localStorage.setItem(`wimui-video-resume-${t}`,e.toString())}}},handleLoadedMetadata:()=>{h.current&&C(h.current.duration)},handleEnded:()=>{if(o&&s){let e=c&&c.length>0?`${o}-${P}`:o;localStorage.removeItem(`wimui-video-resume-${e}`)}c&&c.length>0&&l&&P<c.length-1?(F(e=>e+1),h.current&&setTimeout(()=>{h.current?.play()},100)):y(!1)},handleSeek:e=>{let t=parseFloat(e.target.value);h.current&&(h.current.currentTime=t,x(t))},handleVolumeChange:e=>{let t=parseFloat(e.target.value);T(t),t>0&&D(!1)},handleVideoClick:e=>{if(!d&&!f)return;let t=new Date().getTime(),n=e.currentTarget.getBoundingClientRect(),r=e.clientX-n.left,i=n.width;B&&t-B.time<300?(r>i/2?(q(10),U({show:!0,direction:`forward`})):(q(-10),U({show:!0,direction:`backward`})),setTimeout(()=>U({show:!1,direction:`forward`}),600),V(null)):(V({time:t,x:r}),setTimeout(()=>{Date.now()-t>=290&&J()},300))},formatTime:e=>`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}}exports.useVideoPlayer=n;

package/dist/components/media/Video/hooks/useVideoPlayer.d.ts

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+type FitOption = "contain" | "cover" | "fill" | "none" | "scale-down";
+type ActiveMenu = "main" | "quality" | "rate" | "fit" | "playlist" | null;
+interface UseVideoPlayerOptions {
+    src?: string;
+    autoPlay: boolean;
+    loop: boolean;
+    muted: boolean;
+    fit: FitOption;
+    videoId?: string;
+    resumePlayback: boolean;
+    playlist?: {
+        src: string;
+        title?: string;
+        poster?: string;
+    }[];
+    autoPlayNext: boolean;
+    qualities?: {
+        label: string;
+        src: string;
+    }[];
+    customControls: boolean;
+    advancedControls: boolean;
+    poster?: string;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+}
+export declare function useVideoPlayer({ src, autoPlay, loop, muted, fit, videoId, resumePlayback, playlist, autoPlayNext, qualities, customControls, advancedControls, poster, containerRef: externalContainerRef, }: UseVideoPlayerOptions): {
+    videoRef: React.RefObject<HTMLVideoElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    isPlaying: boolean;
+    currentTime: number;
+    duration: number;
+    volume: number;
+    isMuted: boolean;
+    isFullscreen: boolean;
+    playbackRate: number;
+    activeFit: FitOption;
+    currentPlayIndex: number;
+    currentQualityIndex: number;
+    activeMenu: ActiveMenu;
+    skipIndicator: {
+        show: boolean;
+        direction: "forward" | "backward";
+    };
+    activeSrc: string | undefined;
+    activePoster: string | undefined;
+    showNativeControls: boolean;
+    setVolume: React.Dispatch<React.SetStateAction<number>>;
+    setIsMuted: React.Dispatch<React.SetStateAction<boolean>>;
+    setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
+    setActiveFit: React.Dispatch<React.SetStateAction<FitOption>>;
+    setCurrentPlayIndex: React.Dispatch<React.SetStateAction<number>>;
+    setActiveMenu: React.Dispatch<React.SetStateAction<ActiveMenu>>;
+    togglePlay: () => void;
+    toggleMute: () => void;
+    toggleFullscreen: () => void;
+    togglePiP: () => Promise<void>;
+    skip: (seconds: number) => void;
+    handleQualityChange: (index: number) => void;
+    playPlaylistItem: (index: number) => void;
+    handleTimeUpdate: () => void;
+    handleLoadedMetadata: () => void;
+    handleEnded: () => void;
+    handleSeek: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleVolumeChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleVideoClick: (e: React.MouseEvent<HTMLVideoElement>) => void;
+    formatTime: (time: number) => string;
+};
+export {};

package/dist/components/media/Video/hooks/useVideoPlayer.js

@@ -0,0 +1,195 @@
+"use client";
+import e, { useCallback as t, useEffect as n, useState as r } from "react";
+//#region src/components/media/Video/hooks/useVideoPlayer.ts
+function i({ src: i, autoPlay: a, loop: o, muted: s, fit: c, videoId: l, resumePlayback: u, playlist: d, autoPlayNext: f, qualities: p, customControls: m, advancedControls: h, poster: g, containerRef: _ }) {
+	let v = e.useRef(null), y = e.useRef(null), b = _ ?? y, [x, S] = r(!1), [C, w] = r(0), [T, E] = r(0), [D, O] = r(1), [k, A] = r(s), [ee, j] = r(!1), [M, N] = r(1), [P, F] = r(c), [I, L] = r(0), [R, z] = r(0), [B, V] = r(null), [H, U] = r(null), [W, G] = r({
+		show: !1,
+		direction: "forward"
+	}), K = p && p.length > 0 ? p[R].src : d && d.length > 0 ? d[I].src : i, q = d && d.length > 0 && d[I].poster || g, J = !(m || h);
+	n(() => {
+		if (l && u && v.current) {
+			let e = d && d.length > 0 ? `${l}-${I}` : l, t = localStorage.getItem(`wimui-video-resume-${e}`);
+			t && (v.current.currentTime = parseFloat(t));
+		}
+	}, [
+		l,
+		u,
+		I,
+		d
+	]), n(() => {
+		a && v.current && v.current.play().catch((e) => {});
+	}, [a, K]), n(() => {
+		v.current && (v.current.volume = D, v.current.muted = k, v.current.playbackRate = M, v.current.loop = o && (!d || d.length <= 1));
+	}, [
+		D,
+		k,
+		M,
+		o,
+		d
+	]), n(() => {
+		let e = () => {
+			j(!!document.fullscreenElement);
+		};
+		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+	}, []);
+	let Y = t((e) => {
+		if (v.current) {
+			let t = Math.max(0, Math.min(v.current.currentTime + e, T));
+			v.current.currentTime = t, w(t);
+		}
+	}, [T]), X = t(() => {
+		v.current && (x ? v.current.pause() : v.current.play(), S(!x));
+	}, [x]), Z = t(() => {
+		A(!k);
+	}, [k]), Q = t(() => {
+		b.current && (document.fullscreenElement ? (document.exitFullscreen(), j(!1)) : (b.current.requestFullscreen().catch((e) => {}), j(!0)));
+	}, [b]), $ = t(async () => {
+		if (v.current) try {
+			document.pictureInPictureElement ? await document.exitPictureInPicture() : document.pictureInPictureEnabled && await v.current.requestPictureInPicture();
+		} catch {}
+	}, []), te = (e) => {
+		if (!v.current) return;
+		let t = v.current.currentTime, n = !v.current.paused;
+		z(e), setTimeout(() => {
+			v.current && (v.current.currentTime = t, n && v.current.play());
+		}, 50), V("main");
+	}, ne = t((e) => {
+		L(e), v.current && (v.current.currentTime = 0, setTimeout(() => v.current?.play(), 100));
+	}, []);
+	return n(() => {
+		let e = (e) => {
+			if (!([
+				"INPUT",
+				"TEXTAREA",
+				"SELECT"
+			].includes(e.target.tagName) || !(m || h)) && !(!(b.current?.contains(document.activeElement) || document.fullscreenElement === b.current) && document.activeElement !== document.body)) switch (e.key.toLowerCase()) {
+				case " ":
+				case "k":
+					e.preventDefault(), X();
+					break;
+				case "arrowright":
+					e.preventDefault(), Y(10);
+					break;
+				case "arrowleft":
+					e.preventDefault(), Y(-10);
+					break;
+				case "arrowup": {
+					e.preventDefault();
+					let t = Math.min(1, D + .1);
+					O(t), t > 0 && A(!1);
+					break;
+				}
+				case "arrowdown": {
+					e.preventDefault();
+					let t = Math.max(0, D - .1);
+					O(t);
+					break;
+				}
+				case "m":
+					e.preventDefault(), Z();
+					break;
+				case "f":
+					e.preventDefault(), Q();
+					break;
+				case "p":
+					e.preventDefault(), $();
+					break;
+			}
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		x,
+		D,
+		T,
+		m,
+		h,
+		Y,
+		Z,
+		X,
+		Q,
+		$,
+		b
+	]), {
+		videoRef: v,
+		containerRef: b,
+		isPlaying: x,
+		currentTime: C,
+		duration: T,
+		volume: D,
+		isMuted: k,
+		isFullscreen: ee,
+		playbackRate: M,
+		activeFit: P,
+		currentPlayIndex: I,
+		currentQualityIndex: R,
+		activeMenu: B,
+		skipIndicator: W,
+		activeSrc: K,
+		activePoster: q,
+		showNativeControls: J,
+		setVolume: O,
+		setIsMuted: A,
+		setPlaybackRate: N,
+		setActiveFit: F,
+		setCurrentPlayIndex: L,
+		setActiveMenu: V,
+		togglePlay: X,
+		toggleMute: Z,
+		toggleFullscreen: Q,
+		togglePiP: $,
+		skip: Y,
+		handleQualityChange: te,
+		playPlaylistItem: ne,
+		handleTimeUpdate: () => {
+			if (v.current) {
+				let e = v.current.currentTime;
+				if (w(e), l && u && Math.floor(e) % 5 == 0 && T > 0 && e < T - 2) {
+					let t = d && d.length > 0 ? `${l}-${I}` : l;
+					localStorage.setItem(`wimui-video-resume-${t}`, e.toString());
+				}
+			}
+		},
+		handleLoadedMetadata: () => {
+			v.current && E(v.current.duration);
+		},
+		handleEnded: () => {
+			if (l && u) {
+				let e = d && d.length > 0 ? `${l}-${I}` : l;
+				localStorage.removeItem(`wimui-video-resume-${e}`);
+			}
+			d && d.length > 0 && f && I < d.length - 1 ? (L((e) => e + 1), v.current && setTimeout(() => {
+				v.current?.play();
+			}, 100)) : S(!1);
+		},
+		handleSeek: (e) => {
+			let t = parseFloat(e.target.value);
+			v.current && (v.current.currentTime = t, w(t));
+		},
+		handleVolumeChange: (e) => {
+			let t = parseFloat(e.target.value);
+			O(t), t > 0 && A(!1);
+		},
+		handleVideoClick: (e) => {
+			if (!m && !h) return;
+			let t = (/* @__PURE__ */ new Date()).getTime(), n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, i = n.width;
+			H && t - H.time < 300 ? (r > i / 2 ? (Y(10), G({
+				show: !0,
+				direction: "forward"
+			})) : (Y(-10), G({
+				show: !0,
+				direction: "backward"
+			})), setTimeout(() => G({
+				show: !1,
+				direction: "forward"
+			}), 600), U(null)) : (U({
+				time: t,
+				x: r
+			}), setTimeout(() => {
+				Date.now() - t >= 290 && X();
+			}, 300));
+		},
+		formatTime: (e) => `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`
+	};
+}
+//#endregion
+export { i as useVideoPlayer };

package/dist/components/media/Video/video.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_khc1b_4`,t=`_inner_khc1b_12`,n=`_radiusSm_khc1b_18`,r=`_radiusMd_khc1b_22`,i=`_radiusLg_khc1b_26`,a=`_radiusFull_khc1b_30`,o=`_shadow_khc1b_34`,s=`_loading_khc1b_38`,c=`_border_khc1b_41`,l=`_fadeIn_khc1b_44`,u=`_video_khc1b_44`,d=`_isLoaded_khc1b_47`,f=`_custom_khc1b_78`,p=`_customControls_khc1b_86`,m=`_controlsBottom_khc1b_103`,h=`_btn_khc1b_116`,g=`_btnPlay_khc1b_134`,_=`_timeContainer_khc1b_141`,v=`_progressContainer_khc1b_157`,y=`_progress_khc1b_157`,b=`_progressFill_khc1b_179`,x=`_volumeContainer_khc1b_201`,S=`_volume_khc1b_201`,C=`_caption_khc1b_245`,w=`_advancedMenu_khc1b_253`,T=`_menuTitle_khc1b_270`,E=`_menuItems_khc1b_284`,D=`_menuBtn_khc1b_298`,O=`_active_khc1b_315`,k=`_skipIndicator_khc1b_319`,A=`_skipFadeIn_khc1b_1`,j={root:e,inner:t,radiusSm:n,radiusMd:r,radiusLg:i,radiusFull:a,shadow:o,loading:s,border:c,fadeIn:l,video:u,isLoaded:d,"skeleton-loading":`_skeleton-loading_khc1b_1`,custom:f,customControls:p,controlsBottom:m,btn:h,btnPlay:g,timeContainer:_,progressContainer:v,progress:y,progressFill:b,volumeContainer:x,volume:S,caption:C,advancedMenu:w,menuTitle:T,menuItems:E,menuBtn:D,active:O,skipIndicator:k,skipFadeIn:A};exports.active=O,exports.advancedMenu=w,exports.border=c,exports.btn=h,exports.btnPlay=g,exports.caption=C,exports.controlsBottom=m,exports.custom=f,exports.customControls=p,exports.default=j,exports.fadeIn=l,exports.inner=t,exports.isLoaded=d,exports.loading=s,exports.menuBtn=D,exports.menuItems=E,exports.menuTitle=T,exports.progress=y,exports.progressContainer=v,exports.progressFill=b,exports.radiusFull=a,exports.radiusLg=i,exports.radiusMd=r,exports.radiusSm=n,exports.root=e,exports.shadow=o,exports.skipFadeIn=A,exports.skipIndicator=k,exports.timeContainer=_,exports.video=u,exports.volume=S,exports.volumeContainer=x;

package/dist/components/media/Video/video.module.js

@@ -0,0 +1,38 @@
+"use client";
+//#region src/components/media/Video/video.module.scss
+var e = "_root_khc1b_4", t = "_inner_khc1b_12", n = "_radiusSm_khc1b_18", r = "_radiusMd_khc1b_22", i = "_radiusLg_khc1b_26", a = "_radiusFull_khc1b_30", o = "_shadow_khc1b_34", s = "_loading_khc1b_38", c = "_border_khc1b_41", l = "_fadeIn_khc1b_44", u = "_video_khc1b_44", d = "_isLoaded_khc1b_47", f = "_custom_khc1b_78", p = "_customControls_khc1b_86", m = "_controlsBottom_khc1b_103", h = "_btn_khc1b_116", g = "_btnPlay_khc1b_134", _ = "_timeContainer_khc1b_141", v = "_progressContainer_khc1b_157", y = "_progress_khc1b_157", b = "_progressFill_khc1b_179", x = "_volumeContainer_khc1b_201", S = "_volume_khc1b_201", C = "_caption_khc1b_245", w = "_advancedMenu_khc1b_253", T = "_menuTitle_khc1b_270", E = "_menuItems_khc1b_284", D = "_menuBtn_khc1b_298", O = "_active_khc1b_315", k = "_skipIndicator_khc1b_319", A = "_skipFadeIn_khc1b_1", j = {
+	root: e,
+	inner: t,
+	radiusSm: n,
+	radiusMd: r,
+	radiusLg: i,
+	radiusFull: a,
+	shadow: o,
+	loading: s,
+	border: c,
+	fadeIn: l,
+	video: u,
+	isLoaded: d,
+	"skeleton-loading": "_skeleton-loading_khc1b_1",
+	custom: f,
+	customControls: p,
+	controlsBottom: m,
+	btn: h,
+	btnPlay: g,
+	timeContainer: _,
+	progressContainer: v,
+	progress: y,
+	progressFill: b,
+	volumeContainer: x,
+	volume: S,
+	caption: C,
+	advancedMenu: w,
+	menuTitle: T,
+	menuItems: E,
+	menuBtn: D,
+	active: O,
+	skipIndicator: k,
+	skipFadeIn: A
+};
+//#endregion
+export { O as active, w as advancedMenu, c as border, h as btn, g as btnPlay, C as caption, m as controlsBottom, f as custom, p as customControls, j as default, l as fadeIn, t as inner, d as isLoaded, s as loading, D as menuBtn, E as menuItems, T as menuTitle, y as progress, v as progressContainer, b as progressFill, a as radiusFull, i as radiusLg, r as radiusMd, n as radiusSm, e as root, o as shadow, A as skipFadeIn, k as skipIndicator, _ as timeContainer, u as video, S as volume, x as volumeContainer };

package/dist/components/navigation/Affix/Affix.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./affix.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=({offsetTop:e,offsetBottom:a,onChange:o,target:s=()=>window,children:c,className:l,style:u})=>{let[d,f]=(0,n.useState)({isAffixed:!1}),p=(0,n.useRef)(null),m=(0,n.useRef)(null),h=(0,n.useRef)(null),g=(0,n.useRef)(!1),_=(0,n.useCallback)(()=>{if(!p.current)return;let t=s();if(!t)return;let n=p.current.getBoundingClientRect(),r=t===window||t instanceof Window?{top:0,bottom:window.innerHeight}:t.getBoundingClientRect(),i=!1,c,l;e!==void 0&&n.top<r.top+e?(i=!0,c={position:`fixed`,top:r.top+e,width:n.width,height:n.height,zIndex:1e3},l={width:n.width,height:n.height}):a!==void 0&&n.bottom>r.bottom-a&&(i=!0,c={position:`fixed`,bottom:window.innerHeight-r.bottom+a,width:n.width,height:n.height,zIndex:1e3},l={width:n.width,height:n.height}),i!==g.current&&(g.current=i,o?.(i)),f(e=>e.isAffixed===i&&JSON.stringify(e.affixStyle)===JSON.stringify(c)&&JSON.stringify(e.placeholderStyle)===JSON.stringify(l)?e:{isAffixed:i,affixStyle:c,placeholderStyle:l})},[e,a,s,o]);return(0,n.useEffect)(()=>{let e=s();if(!e)return;let t=()=>{h.current&&window.cancelAnimationFrame(h.current),h.current=window.requestAnimationFrame(_)};return e.addEventListener(`scroll`,t),window.addEventListener(`resize`,t),_(),()=>{e.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,t),h.current&&window.cancelAnimationFrame(h.current)}},[s,_]),(0,i.jsx)(`div`,{ref:p,style:{...d.placeholderStyle,...u},className:(0,r.default)(l),children:(0,i.jsx)(`div`,{ref:m,className:(0,r.default)(`wim-affix`,t.default.root,d.isAffixed&&t.default.affixed),style:d.affixStyle,children:c})})};exports.Affix=a,exports.default=a;

package/dist/components/navigation/Affix/Affix.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface AffixProps {
+    /** Offset distance from the top of the window (in pixels) */
+    offsetTop?: number;
+    /** Offset distance from the bottom of the window (in pixels) */
+    offsetBottom?: number;
+    /** Callback when the affix state changes */
+    onChange?: (lastAffixed: boolean) => void;
+    /** Target container that will be scrolled */
+    target?: () => HTMLElement | Window | null;
+    /** Children to be rendered inside the affix */
+    children: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+    /** Style attribute */
+    style?: React.CSSProperties;
+}
+export declare const Affix: ({ offsetTop, offsetBottom, onChange, target, children, className, style, }: AffixProps) => React.JSX.Element;
+export default Affix;

package/dist/components/navigation/Affix/Affix.js

@@ -0,0 +1,70 @@
+"use client";
+import e from "./affix.module.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/navigation/Affix/Affix.tsx
+var s = ({ offsetTop: s, offsetBottom: c, onChange: l, target: u = () => window, children: d, className: f, style: p }) => {
+	let [m, h] = i({ isAffixed: !1 }), g = r(null), _ = r(null), v = r(null), y = r(!1), b = t(() => {
+		if (!g.current) return;
+		let e = u();
+		if (!e) return;
+		let t = g.current.getBoundingClientRect(), n = e === window || e instanceof Window ? {
+			top: 0,
+			bottom: window.innerHeight
+		} : e.getBoundingClientRect(), r = !1, i, a;
+		s !== void 0 && t.top < n.top + s ? (r = !0, i = {
+			position: "fixed",
+			top: n.top + s,
+			width: t.width,
+			height: t.height,
+			zIndex: 1e3
+		}, a = {
+			width: t.width,
+			height: t.height
+		}) : c !== void 0 && t.bottom > n.bottom - c && (r = !0, i = {
+			position: "fixed",
+			bottom: window.innerHeight - n.bottom + c,
+			width: t.width,
+			height: t.height,
+			zIndex: 1e3
+		}, a = {
+			width: t.width,
+			height: t.height
+		}), r !== y.current && (y.current = r, l?.(r)), h((e) => e.isAffixed === r && JSON.stringify(e.affixStyle) === JSON.stringify(i) && JSON.stringify(e.placeholderStyle) === JSON.stringify(a) ? e : {
+			isAffixed: r,
+			affixStyle: i,
+			placeholderStyle: a
+		});
+	}, [
+		s,
+		c,
+		u,
+		l
+	]);
+	return n(() => {
+		let e = u();
+		if (!e) return;
+		let t = () => {
+			v.current && window.cancelAnimationFrame(v.current), v.current = window.requestAnimationFrame(b);
+		};
+		return e.addEventListener("scroll", t), window.addEventListener("resize", t), b(), () => {
+			e.removeEventListener("scroll", t), window.removeEventListener("resize", t), v.current && window.cancelAnimationFrame(v.current);
+		};
+	}, [u, b]), /* @__PURE__ */ o("div", {
+		ref: g,
+		style: {
+			...m.placeholderStyle,
+			...p
+		},
+		className: a(f),
+		children: /* @__PURE__ */ o("div", {
+			ref: _,
+			className: a("wim-affix", e.root, m.isAffixed && e.affixed),
+			style: m.affixStyle,
+			children: d
+		})
+	});
+};
+//#endregion
+export { s as Affix, s as default };

package/dist/components/navigation/Affix/affix.module.cjs

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

package/dist/components/navigation/Affix/affix.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/navigation/Affix/affix.module.scss
+var e = "_root_2y1hd_2", t = "_affixed_2y1hd_2", n = {
+	root: e,
+	affixed: t
+};
+//#endregion
+export { t as affixed, n as default, e as root };

package/dist/components/navigation/Anchor/Anchor.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.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=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(t))};(0,n.useEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n)if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}r&&r!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]),(0,n.useEffect)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);let g=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&g(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),g(e)]})};exports.Anchor=a,exports.default=a;

package/dist/components/navigation/Anchor/Anchor.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface AnchorLinkItem {
+    /** Unique key for the link */
+    key: string;
+    /** Target anchor href (e.g. #section1) */
+    href: string;
+    /** Title of the anchor link */
+    title: React.ReactNode;
+    /** Children of the anchor link */
+    children?: AnchorLinkItem[];
+}
+export interface AnchorProps {
+    /** Array of anchor link configurations */
+    items: AnchorLinkItem[];
+    /** Bounding distance (in pixels) for triggering active state */
+    bounds?: number;
+    /** Offset (in pixels) from top when clicking to scroll */
+    offset?: number;
+    /** Orientation of the anchor links */
+    direction?: "vertical" | "horizontal";
+    /** Additional class names */
+    className?: string;
+    /** Style attribute */
+    style?: React.CSSProperties;
+}
+export declare const Anchor: ({ items, bounds, offset, direction, className, style, }: AnchorProps) => React.JSX.Element;
+export default Anchor;