@zentauri-ui/zentauri-components 2.1.5 → 2.1.7

package/dist/ui/audio-player.js

@@ -0,0 +1,556 @@
+"use client";
+'use strict';
+
+var chunkPG7LQVU6_js = require('../chunk-PG7LQVU6.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var audioPlayerVariants = classVarianceAuthority.cva(
+  [...chunkPG7LQVU6_js.zuiAudioPlayerBase, "flex flex-col"],
+  {
+    variants: {
+      appearance: chunkPG7LQVU6_js.zuiAudioPlayerAppearances,
+      size: chunkPG7LQVU6_js.zuiAudioPlayerSizes,
+      shape: chunkPG7LQVU6_js.zuiAudioPlayerShapes
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md",
+      shape: "rounded"
+    }
+  }
+);
+var audioPlayerTrackVariants = classVarianceAuthority.cva([...chunkPG7LQVU6_js.zuiAudioPlayerTrackBase], {
+  variants: {
+    size: chunkPG7LQVU6_js.zuiAudioPlayerTrackSizes,
+    shape: chunkPG7LQVU6_js.zuiAudioPlayerShapes
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "rounded"
+  }
+});
+var audioPlayerBarVariants = classVarianceAuthority.cva(chunkPG7LQVU6_js.zuiAudioPlayerBarBase);
+var audioPlayerTimeVariants = classVarianceAuthority.cva(chunkPG7LQVU6_js.zuiAudioPlayerTimeBase);
+var AudioPlayerContext = react.createContext(null);
+function useAudioPlayer() {
+  const ctx = react.useContext(AudioPlayerContext);
+  if (!ctx) {
+    throw new Error("useAudioPlayer must be used within <AudioPlayer>");
+  }
+  return ctx;
+}
+function formatTime(seconds) {
+  if (!isFinite(seconds) || isNaN(seconds)) return "0:00";
+  const m = Math.floor(seconds / 60);
+  const s = Math.floor(seconds % 60);
+  return `${m}:${s.toString().padStart(2, "0")}`;
+}
+function AudioPlayerBase(props) {
+  const {
+    className,
+    appearance = "default",
+    size = "md",
+    shape = "rounded",
+    src,
+    children,
+    autoPlay = false,
+    loop = false,
+    onEnded,
+    onPlay,
+    onPause,
+    onTimeUpdate,
+    ref,
+    ...rest
+  } = props;
+  const audioRef = react.useRef(null);
+  const [isPlaying, setIsPlaying] = react.useState(false);
+  const [currentTime, setCurrentTime] = react.useState(0);
+  const [duration, setDuration] = react.useState(0);
+  const [volume, setVolumeState] = react.useState(1);
+  const [muted, setMuted] = react.useState(false);
+  const progress = duration > 0 ? currentTime / duration * 100 : 0;
+  const callbacksRef = react.useRef({ onEnded, onPlay, onPause, onTimeUpdate });
+  react.useEffect(() => {
+    callbacksRef.current = { onEnded, onPlay, onPause, onTimeUpdate };
+  });
+  react.useEffect(() => {
+    setIsPlaying(false);
+    setCurrentTime(0);
+    setDuration(0);
+  }, [src]);
+  react.useEffect(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    const handleTimeUpdate = () => {
+      setCurrentTime(audio.currentTime);
+      callbacksRef.current.onTimeUpdate?.(audio.currentTime, audio.duration);
+    };
+    const handleDurationChange = () => {
+      if (isFinite(audio.duration)) setDuration(audio.duration);
+    };
+    const handlePlay = () => {
+      setIsPlaying(true);
+      callbacksRef.current.onPlay?.();
+    };
+    const handlePause = () => {
+      setIsPlaying(false);
+      callbacksRef.current.onPause?.();
+    };
+    const handleEnded = () => {
+      setIsPlaying(false);
+      callbacksRef.current.onEnded?.();
+    };
+    const handleVolumeChange = () => {
+      setVolumeState(audio.volume);
+      setMuted(audio.muted);
+    };
+    audio.addEventListener("timeupdate", handleTimeUpdate);
+    audio.addEventListener("durationchange", handleDurationChange);
+    audio.addEventListener("loadedmetadata", handleDurationChange);
+    audio.addEventListener("play", handlePlay);
+    audio.addEventListener("pause", handlePause);
+    audio.addEventListener("ended", handleEnded);
+    audio.addEventListener("volumechange", handleVolumeChange);
+    return () => {
+      audio.removeEventListener("timeupdate", handleTimeUpdate);
+      audio.removeEventListener("durationchange", handleDurationChange);
+      audio.removeEventListener("loadedmetadata", handleDurationChange);
+      audio.removeEventListener("play", handlePlay);
+      audio.removeEventListener("pause", handlePause);
+      audio.removeEventListener("ended", handleEnded);
+      audio.removeEventListener("volumechange", handleVolumeChange);
+    };
+  }, []);
+  const play = react.useCallback(() => {
+    audioRef.current?.play().catch(() => {
+    });
+  }, []);
+  const pause = react.useCallback(() => {
+    audioRef.current?.pause();
+  }, []);
+  const toggle = react.useCallback(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    if (audio.paused) {
+      audio.play().catch(() => {
+      });
+    } else {
+      audio.pause();
+    }
+  }, []);
+  const reset = react.useCallback(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    audio.pause();
+    audio.currentTime = 0;
+    setIsPlaying(false);
+    setCurrentTime(0);
+  }, []);
+  const seek = react.useCallback((seconds) => {
+    const audio = audioRef.current;
+    if (!audio || !isFinite(audio.duration) || audio.duration <= 0) return;
+    const nextTime = Math.max(0, Math.min(seconds, audio.duration));
+    audio.currentTime = nextTime;
+    setDuration(audio.duration);
+    setCurrentTime(nextTime);
+  }, []);
+  const seekByPercent = react.useCallback((percent) => {
+    const audio = audioRef.current;
+    if (!audio || !isFinite(percent) || !isFinite(audio.duration) || audio.duration <= 0) {
+      return;
+    }
+    const clamped = Math.max(0, Math.min(percent, 100));
+    const nextTime = clamped / 100 * audio.duration;
+    audio.currentTime = nextTime;
+    setDuration(audio.duration);
+    setCurrentTime(nextTime);
+  }, []);
+  const setVolume = react.useCallback((vol) => {
+    const audio = audioRef.current;
+    if (!audio || !isFinite(vol)) return;
+    const nextVolume = Math.max(0, Math.min(vol, 1));
+    audio.volume = nextVolume;
+    setVolumeState(nextVolume);
+  }, []);
+  const toggleMute = react.useCallback(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    const nextMuted = !audio.muted;
+    audio.muted = nextMuted;
+    setMuted(nextMuted);
+  }, []);
+  const ctx = react.useMemo(
+    () => ({
+      isPlaying,
+      currentTime,
+      duration,
+      progress,
+      volume,
+      muted,
+      play,
+      pause,
+      toggle,
+      reset,
+      seek,
+      seekByPercent,
+      setVolume,
+      toggleMute,
+      size: size ?? "md",
+      shape: shape ?? "rounded",
+      appearance: appearance ?? "default"
+    }),
+    [
+      isPlaying,
+      currentTime,
+      duration,
+      progress,
+      volume,
+      muted,
+      play,
+      pause,
+      toggle,
+      reset,
+      seek,
+      seekByPercent,
+      setVolume,
+      toggleMute,
+      size,
+      shape,
+      appearance
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AudioPlayerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "audio-player",
+      className: chunkZS5756ZC_js.cn(
+        audioPlayerVariants({ appearance, size, shape }),
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "audio",
+          {
+            ref: audioRef,
+            src,
+            autoPlay,
+            loop,
+            preload: "metadata",
+            className: "hidden",
+            "aria-hidden": "true"
+          }
+        ),
+        children
+      ]
+    }
+  ) });
+}
+AudioPlayerBase.displayName = "AudioPlayer";
+function AudioPlayerProgress({
+  className,
+  ref,
+  ...rest
+}) {
+  const { progress, seekByPercent, size, shape } = useAudioPlayer();
+  const trackRef = react.useRef(null);
+  const draggingRef = react.useRef(false);
+  const getPercentFromEvent = react.useCallback((clientX) => {
+    const el = trackRef.current;
+    if (!el) return 0;
+    const { left, width } = el.getBoundingClientRect();
+    return Math.max(0, Math.min((clientX - left) / width * 100, 100));
+  }, []);
+  const handleClick = react.useCallback(
+    (e) => {
+      if (draggingRef.current) return;
+      seekByPercent(getPercentFromEvent(e.clientX));
+    },
+    [getPercentFromEvent, seekByPercent]
+  );
+  const handlePointerDown = react.useCallback(
+    (e) => {
+      draggingRef.current = true;
+      e.currentTarget.setPointerCapture?.(e.pointerId);
+      seekByPercent(getPercentFromEvent(e.clientX));
+    },
+    [getPercentFromEvent, seekByPercent]
+  );
+  const handlePointerMove = react.useCallback(
+    (e) => {
+      if (!draggingRef.current) return;
+      seekByPercent(getPercentFromEvent(e.clientX));
+    },
+    [getPercentFromEvent, seekByPercent]
+  );
+  const handlePointerUp = react.useCallback(() => {
+    draggingRef.current = false;
+  }, []);
+  const handleKeyDown = react.useCallback(
+    (e) => {
+      if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+        e.preventDefault();
+        seekByPercent(Math.min(progress + 1, 100));
+      } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+        e.preventDefault();
+        seekByPercent(Math.max(progress - 1, 0));
+      } else if (e.key === "Home") {
+        e.preventDefault();
+        seekByPercent(0);
+      } else if (e.key === "End") {
+        e.preventDefault();
+        seekByPercent(100);
+      }
+    },
+    [progress, seekByPercent]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: (node) => {
+        trackRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref)
+          ref.current = node;
+      },
+      "data-slot": "audio-player-progress",
+      role: "slider",
+      "aria-label": "Audio progress",
+      "aria-valuenow": Math.round(progress),
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      tabIndex: 0,
+      className: chunkZS5756ZC_js.cn(
+        audioPlayerTrackVariants({ size, shape }),
+        "group",
+        className
+      ),
+      onClick: handleClick,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerCancel: handlePointerUp,
+      onKeyDown: handleKeyDown,
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "audio-player-bar",
+          className: chunkZS5756ZC_js.cn(
+            audioPlayerBarVariants(),
+            "rounded-[inherit] group-hover:opacity-90 transition-opacity"
+          ),
+          style: { transform: `scaleX(${progress / 100})` }
+        }
+      )
+    }
+  );
+}
+AudioPlayerProgress.displayName = "AudioPlayerProgress";
+function AudioPlayerTime({
+  className,
+  format = formatTime
+}) {
+  const { currentTime, duration } = useAudioPlayer();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "audio-player-time",
+      className: chunkZS5756ZC_js.cn(
+        audioPlayerTimeVariants(),
+        "flex items-center gap-1",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "Current time", children: format(currentTime) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "/" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "Total duration", children: format(duration) })
+      ]
+    }
+  );
+}
+AudioPlayerTime.displayName = "AudioPlayerTime";
+function AudioPlayerVolume({
+  className,
+  ref,
+  ...rest
+}) {
+  const { volume, muted, setVolume, toggleMute } = useAudioPlayer();
+  const trackRef = react.useRef(null);
+  const draggingRef = react.useRef(false);
+  const getVolumeFromEvent = react.useCallback((clientX) => {
+    const el = trackRef.current;
+    if (!el) return 0;
+    const { left, width } = el.getBoundingClientRect();
+    return Math.max(0, Math.min((clientX - left) / width, 1));
+  }, []);
+  const handlePointerDown = react.useCallback(
+    (e) => {
+      draggingRef.current = true;
+      e.currentTarget.setPointerCapture?.(e.pointerId);
+      setVolume(getVolumeFromEvent(e.clientX));
+    },
+    [getVolumeFromEvent, setVolume]
+  );
+  const handlePointerMove = react.useCallback(
+    (e) => {
+      if (!draggingRef.current) return;
+      setVolume(getVolumeFromEvent(e.clientX));
+    },
+    [getVolumeFromEvent, setVolume]
+  );
+  const handlePointerUp = react.useCallback(() => {
+    draggingRef.current = false;
+  }, []);
+  const handleClick = react.useCallback(
+    (e) => {
+      if (draggingRef.current) return;
+      setVolume(getVolumeFromEvent(e.clientX));
+    },
+    [getVolumeFromEvent, setVolume]
+  );
+  const displayVolume = muted ? 0 : volume;
+  const handleKeyDown = react.useCallback(
+    (e) => {
+      if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+        e.preventDefault();
+        setVolume(Math.min(volume + 0.05, 1));
+      } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+        e.preventDefault();
+        setVolume(Math.max(volume - 0.05, 0));
+      } else if (e.key === "Home") {
+        e.preventDefault();
+        setVolume(0);
+      } else if (e.key === "End") {
+        e.preventDefault();
+        setVolume(1);
+      }
+    },
+    [volume, setVolume]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "audio-player-volume",
+      className: chunkZS5756ZC_js.cn("flex items-center gap-2", className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": muted ? "Unmute" : "Mute",
+            onClick: toggleMute,
+            className: "shrink-0 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)]",
+            children: displayVolume === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                className: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15" })
+                ]
+              }
+            ) : displayVolume < 0.5 ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                className: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
+                ]
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                className: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: (node) => {
+              trackRef.current = node;
+              if (typeof ref === "function") ref(node);
+              else if (ref)
+                ref.current = node;
+            },
+            role: "slider",
+            "aria-label": "Volume",
+            "aria-valuenow": Math.round(displayVolume * 100),
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            tabIndex: 0,
+            className: "relative h-1.5 w-20 cursor-pointer overflow-hidden rounded-full bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)]",
+            onClick: handleClick,
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp,
+            onPointerCancel: handlePointerUp,
+            onKeyDown: handleKeyDown,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-slot": "audio-player-volume-bar",
+                className: "h-full origin-left [background:var(--audio-fill)] rounded-[inherit]",
+                style: { transform: `scaleX(${displayVolume})` }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+AudioPlayerVolume.displayName = "AudioPlayerVolume";
+var AudioPlayer = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(AudioPlayerBase, { ...props });
+};
+AudioPlayer.displayName = "AudioPlayer";
+
+exports.AudioPlayer = AudioPlayer;
+exports.AudioPlayerBase = AudioPlayerBase;
+exports.AudioPlayerProgress = AudioPlayerProgress;
+exports.AudioPlayerTime = AudioPlayerTime;
+exports.AudioPlayerVolume = AudioPlayerVolume;
+exports.audioPlayerBarVariants = audioPlayerBarVariants;
+exports.audioPlayerTimeVariants = audioPlayerTimeVariants;
+exports.audioPlayerTrackVariants = audioPlayerTrackVariants;
+exports.audioPlayerVariants = audioPlayerVariants;
+exports.useAudioPlayer = useAudioPlayer;
+//# sourceMappingURL=audio-player.js.map
+//# sourceMappingURL=audio-player.js.map

package/dist/ui/audio-player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/audio-player/variants.ts","../../src/ui/audio-player/audio-player-base.tsx","../../src/ui/audio-player/audio-player.tsx"],"names":["cva","zuiAudioPlayerBase","zuiAudioPlayerAppearances","zuiAudioPlayerSizes","zuiAudioPlayerShapes","zuiAudioPlayerTrackBase","zuiAudioPlayerTrackSizes","zuiAudioPlayerBarBase","zuiAudioPlayerTimeBase","createContext","useContext","useRef","useState","useEffect","useCallback","useMemo","jsx","jsxs","cn"],"mappings":"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","file":"audio-player.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAudioPlayerAppearances,\n  zuiAudioPlayerBarBase,\n  zuiAudioPlayerBase,\n  zuiAudioPlayerShapes,\n  zuiAudioPlayerSizes,\n  zuiAudioPlayerTimeBase,\n  zuiAudioPlayerTrackBase,\n  zuiAudioPlayerTrackSizes,\n} from \"../../design-system/audio-player\";\n\nexport const audioPlayerVariants = cva(\n  [...zuiAudioPlayerBase, \"flex flex-col\"],\n  {\n    variants: {\n      appearance: zuiAudioPlayerAppearances,\n      size: zuiAudioPlayerSizes,\n      shape: zuiAudioPlayerShapes,\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      shape: \"rounded\",\n    },\n  },\n);\n\nexport const audioPlayerTrackVariants = cva([...zuiAudioPlayerTrackBase], {\n  variants: {\n    size: zuiAudioPlayerTrackSizes,\n    shape: zuiAudioPlayerShapes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const audioPlayerBarVariants = cva(zuiAudioPlayerBarBase);\n\nexport const audioPlayerTimeVariants = cva(zuiAudioPlayerTimeBase);\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { KeyboardEvent, MouseEvent, PointerEvent } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AudioPlayerCtx,\n  AudioPlayerProgressProps,\n  AudioPlayerProps,\n  AudioPlayerTimeProps,\n  AudioPlayerVolumeProps,\n} from \"./types\";\nimport {\n  audioPlayerBarVariants,\n  audioPlayerTimeVariants,\n  audioPlayerTrackVariants,\n  audioPlayerVariants,\n} from \"./variants\";\n\nexport const AudioPlayerContext = createContext<AudioPlayerCtx | null>(null);\n\nexport function useAudioPlayer(): AudioPlayerCtx {\n  const ctx = useContext(AudioPlayerContext);\n  if (!ctx) {\n    throw new Error(\"useAudioPlayer must be used within <AudioPlayer>\");\n  }\n  return ctx;\n}\n\nfunction formatTime(seconds: number): string {\n  if (!isFinite(seconds) || isNaN(seconds)) return \"0:00\";\n  const m = Math.floor(seconds / 60);\n  const s = Math.floor(seconds % 60);\n  return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n\nexport function AudioPlayerBase(props: AudioPlayerProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    src,\n    children,\n    autoPlay = false,\n    loop = false,\n    onEnded,\n    onPlay,\n    onPause,\n    onTimeUpdate,\n    ref,\n    ...rest\n  } = props;\n\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(0);\n  const [volume, setVolumeState] = useState(1);\n  const [muted, setMuted] = useState(false);\n\n  const progress = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n  const callbacksRef = useRef({ onEnded, onPlay, onPause, onTimeUpdate });\n  useEffect(() => {\n    callbacksRef.current = { onEnded, onPlay, onPause, onTimeUpdate };\n  });\n\n  useEffect(() => {\n    setIsPlaying(false);\n    setCurrentTime(0);\n    setDuration(0);\n  }, [src]);\n\n  useEffect(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    const handleTimeUpdate = () => {\n      setCurrentTime(audio.currentTime);\n      callbacksRef.current.onTimeUpdate?.(audio.currentTime, audio.duration);\n    };\n    const handleDurationChange = () => {\n      if (isFinite(audio.duration)) setDuration(audio.duration);\n    };\n    const handlePlay = () => {\n      setIsPlaying(true);\n      callbacksRef.current.onPlay?.();\n    };\n    const handlePause = () => {\n      setIsPlaying(false);\n      callbacksRef.current.onPause?.();\n    };\n    const handleEnded = () => {\n      setIsPlaying(false);\n      callbacksRef.current.onEnded?.();\n    };\n    const handleVolumeChange = () => {\n      setVolumeState(audio.volume);\n      setMuted(audio.muted);\n    };\n\n    audio.addEventListener(\"timeupdate\", handleTimeUpdate);\n    audio.addEventListener(\"durationchange\", handleDurationChange);\n    audio.addEventListener(\"loadedmetadata\", handleDurationChange);\n    audio.addEventListener(\"play\", handlePlay);\n    audio.addEventListener(\"pause\", handlePause);\n    audio.addEventListener(\"ended\", handleEnded);\n    audio.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      audio.removeEventListener(\"timeupdate\", handleTimeUpdate);\n      audio.removeEventListener(\"durationchange\", handleDurationChange);\n      audio.removeEventListener(\"loadedmetadata\", handleDurationChange);\n      audio.removeEventListener(\"play\", handlePlay);\n      audio.removeEventListener(\"pause\", handlePause);\n      audio.removeEventListener(\"ended\", handleEnded);\n      audio.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, []);\n\n  const play = useCallback(() => {\n    audioRef.current?.play().catch(() => {});\n  }, []);\n\n  const pause = useCallback(() => {\n    audioRef.current?.pause();\n  }, []);\n\n  const toggle = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    if (audio.paused) {\n      audio.play().catch(() => {});\n    } else {\n      audio.pause();\n    }\n  }, []);\n\n  const reset = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    audio.pause();\n    audio.currentTime = 0;\n    setIsPlaying(false);\n    setCurrentTime(0);\n  }, []);\n\n  const seek = useCallback((seconds: number) => {\n    const audio = audioRef.current;\n    if (!audio || !isFinite(audio.duration) || audio.duration <= 0) return;\n    const nextTime = Math.max(0, Math.min(seconds, audio.duration));\n    audio.currentTime = nextTime;\n    setDuration(audio.duration);\n    setCurrentTime(nextTime);\n  }, []);\n\n  const seekByPercent = useCallback((percent: number) => {\n    const audio = audioRef.current;\n    if (\n      !audio ||\n      !isFinite(percent) ||\n      !isFinite(audio.duration) ||\n      audio.duration <= 0\n    ) {\n      return;\n    }\n    const clamped = Math.max(0, Math.min(percent, 100));\n    const nextTime = (clamped / 100) * audio.duration;\n    audio.currentTime = nextTime;\n    setDuration(audio.duration);\n    setCurrentTime(nextTime);\n  }, []);\n\n  const setVolume = useCallback((vol: number) => {\n    const audio = audioRef.current;\n    if (!audio || !isFinite(vol)) return;\n    const nextVolume = Math.max(0, Math.min(vol, 1));\n    audio.volume = nextVolume;\n    setVolumeState(nextVolume);\n  }, []);\n\n  const toggleMute = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    const nextMuted = !audio.muted;\n    audio.muted = nextMuted;\n    setMuted(nextMuted);\n  }, []);\n\n  const ctx = useMemo<AudioPlayerCtx>(\n    () => ({\n      isPlaying,\n      currentTime,\n      duration,\n      progress,\n      volume,\n      muted,\n      play,\n      pause,\n      toggle,\n      reset,\n      seek,\n      seekByPercent,\n      setVolume,\n      toggleMute,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      appearance: appearance ?? \"default\",\n    }),\n    [\n      isPlaying,\n      currentTime,\n      duration,\n      progress,\n      volume,\n      muted,\n      play,\n      pause,\n      toggle,\n      reset,\n      seek,\n      seekByPercent,\n      setVolume,\n      toggleMute,\n      size,\n      shape,\n      appearance,\n    ],\n  );\n\n  return (\n    <AudioPlayerContext.Provider value={ctx}>\n      <div\n        ref={ref}\n        data-slot=\"audio-player\"\n        className={cn(\n          audioPlayerVariants({ appearance, size, shape }),\n          className,\n        )}\n        {...rest}\n      >\n        <audio\n          ref={audioRef}\n          src={src}\n          autoPlay={autoPlay}\n          loop={loop}\n          preload=\"metadata\"\n          className=\"hidden\"\n          aria-hidden=\"true\"\n        />\n        {children}\n      </div>\n    </AudioPlayerContext.Provider>\n  );\n}\n\nAudioPlayerBase.displayName = \"AudioPlayer\";\n\nexport function AudioPlayerProgress({\n  className,\n  ref,\n  ...rest\n}: AudioPlayerProgressProps) {\n  const { progress, seekByPercent, size, shape } = useAudioPlayer();\n  const trackRef = useRef<HTMLDivElement>(null);\n  const draggingRef = useRef(false);\n\n  const getPercentFromEvent = useCallback((clientX: number): number => {\n    const el = trackRef.current;\n    if (!el) return 0;\n    const { left, width } = el.getBoundingClientRect();\n    return Math.max(0, Math.min(((clientX - left) / width) * 100, 100));\n  }, []);\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (draggingRef.current) return;\n      seekByPercent(getPercentFromEvent(e.clientX));\n    },\n    [getPercentFromEvent, seekByPercent],\n  );\n\n  const handlePointerDown = useCallback(\n    (e: PointerEvent<HTMLDivElement>) => {\n      draggingRef.current = true;\n      e.currentTarget.setPointerCapture?.(e.pointerId);\n      seekByPercent(getPercentFromEvent(e.clientX));\n    },\n    [getPercentFromEvent, seekByPercent],\n  );\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent<HTMLDivElement>) => {\n      if (!draggingRef.current) return;\n      seekByPercent(getPercentFromEvent(e.clientX));\n    },\n    [getPercentFromEvent, seekByPercent],\n  );\n\n  const handlePointerUp = useCallback(() => {\n    draggingRef.current = false;\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        seekByPercent(Math.min(progress + 1, 100));\n      } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n        e.preventDefault();\n        seekByPercent(Math.max(progress - 1, 0));\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        seekByPercent(0);\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        seekByPercent(100);\n      }\n    },\n    [progress, seekByPercent],\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        (trackRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref)\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }}\n      data-slot=\"audio-player-progress\"\n      role=\"slider\"\n      aria-label=\"Audio progress\"\n      aria-valuenow={Math.round(progress)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      tabIndex={0}\n      className={cn(\n        audioPlayerTrackVariants({ size, shape }),\n        \"group\",\n        className,\n      )}\n      onClick={handleClick}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      onPointerCancel={handlePointerUp}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div\n        data-slot=\"audio-player-bar\"\n        className={cn(\n          audioPlayerBarVariants(),\n          \"rounded-[inherit] group-hover:opacity-90 transition-opacity\",\n        )}\n        style={{ transform: `scaleX(${progress / 100})` }}\n      />\n    </div>\n  );\n}\n\nAudioPlayerProgress.displayName = \"AudioPlayerProgress\";\n\nexport function AudioPlayerTime({\n  className,\n  format = formatTime,\n}: AudioPlayerTimeProps) {\n  const { currentTime, duration } = useAudioPlayer();\n  return (\n    <div\n      data-slot=\"audio-player-time\"\n      className={cn(\n        audioPlayerTimeVariants(),\n        \"flex items-center gap-1\",\n        className,\n      )}\n    >\n      <span aria-label=\"Current time\">{format(currentTime)}</span>\n      <span aria-hidden=\"true\">/</span>\n      <span aria-label=\"Total duration\">{format(duration)}</span>\n    </div>\n  );\n}\n\nAudioPlayerTime.displayName = \"AudioPlayerTime\";\n\nexport function AudioPlayerVolume({\n  className,\n  ref,\n  ...rest\n}: AudioPlayerVolumeProps) {\n  const { volume, muted, setVolume, toggleMute } = useAudioPlayer();\n  const trackRef = useRef<HTMLDivElement>(null);\n  const draggingRef = useRef(false);\n\n  const getVolumeFromEvent = useCallback((clientX: number): number => {\n    const el = trackRef.current;\n    if (!el) return 0;\n    const { left, width } = el.getBoundingClientRect();\n    return Math.max(0, Math.min((clientX - left) / width, 1));\n  }, []);\n\n  const handlePointerDown = useCallback(\n    (e: PointerEvent<HTMLDivElement>) => {\n      draggingRef.current = true;\n      e.currentTarget.setPointerCapture?.(e.pointerId);\n      setVolume(getVolumeFromEvent(e.clientX));\n    },\n    [getVolumeFromEvent, setVolume],\n  );\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent<HTMLDivElement>) => {\n      if (!draggingRef.current) return;\n      setVolume(getVolumeFromEvent(e.clientX));\n    },\n    [getVolumeFromEvent, setVolume],\n  );\n\n  const handlePointerUp = useCallback(() => {\n    draggingRef.current = false;\n  }, []);\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (draggingRef.current) return;\n      setVolume(getVolumeFromEvent(e.clientX));\n    },\n    [getVolumeFromEvent, setVolume],\n  );\n\n  const displayVolume = muted ? 0 : volume;\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setVolume(Math.min(volume + 0.05, 1));\n      } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setVolume(Math.max(volume - 0.05, 0));\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        setVolume(0);\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        setVolume(1);\n      }\n    },\n    [volume, setVolume],\n  );\n\n  return (\n    <div\n      data-slot=\"audio-player-volume\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...rest}\n    >\n      <button\n        type=\"button\"\n        aria-label={muted ? \"Unmute\" : \"Mute\"}\n        onClick={toggleMute}\n        className=\"shrink-0 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)]\"\n      >\n        {displayVolume === 0 ? (\n          <svg\n            className=\"h-4 w-4\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" />\n            <line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\" />\n            <line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\" />\n          </svg>\n        ) : displayVolume < 0.5 ? (\n          <svg\n            className=\"h-4 w-4\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" />\n            <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" />\n          </svg>\n        ) : (\n          <svg\n            className=\"h-4 w-4\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" />\n            <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\" />\n            <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" />\n          </svg>\n        )}\n      </button>\n      <div\n        ref={(node) => {\n          (trackRef as React.MutableRefObject<HTMLDivElement | null>).current =\n            node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref)\n            (ref as React.MutableRefObject<HTMLDivElement | null>).current =\n              node;\n        }}\n        role=\"slider\"\n        aria-label=\"Volume\"\n        aria-valuenow={Math.round(displayVolume * 100)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        tabIndex={0}\n        className=\"relative h-1.5 w-20 cursor-pointer overflow-hidden rounded-full bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)]\"\n        onClick={handleClick}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n        onKeyDown={handleKeyDown}\n      >\n        <div\n          data-slot=\"audio-player-volume-bar\"\n          className=\"h-full origin-left [background:var(--audio-fill)] rounded-[inherit]\"\n          style={{ transform: `scaleX(${displayVolume})` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nAudioPlayerVolume.displayName = \"AudioPlayerVolume\";\n","import { AudioPlayerBase } from \"./audio-player-base\";\nimport type { AudioPlayerProps } from \"./types\";\n\nexport const AudioPlayer = (props: AudioPlayerProps) => {\n  return <AudioPlayerBase {...props} />;\n};\n\nAudioPlayer.displayName = \"AudioPlayer\";\n"]}