jvetrau-ds 0.2.9 → 0.2.11

package/components/calendar-month/calendar-month.css

@@ -1,8 +1,14 @@
 .calendar-month {
   /* color */
   --calendar-month-color: inherit;
-  --calendar-month-note-color: var(--color-text-note);
-  --calendar-month-marker-color: var(--color-primary);
+  --calendar-month-weekday-color:
+    var(--color-text);
+  --calendar-month-marked-bg:
+    var(--color-bg-contrast);
+  --calendar-month-marked-color:
+    var(--color-text-contrast);
+  --calendar-month-marker-color:
+    var(--color-primary);
 
   color: var(--calendar-month-color);
 
@@ -109,7 +115,6 @@
 
 .calendar-month__weekday {
   /* color */
-  color: var(--calendar-month-note-color);
 
   /* typography */
   font-family:
@@ -189,11 +194,10 @@
     var(--calendar-month-date-letter-spacing);
 
   /* size */
-  display: inline-flex;
-  flex-direction: column;
+  position: relative;
+  display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.25rem;
   width: 100%;
   height: 100%;
 
@@ -206,6 +210,10 @@
 
 .calendar-month__date--marked {
   /* color */
+  background:
+    var(--calendar-month-marked-bg);
+  color:
+    var(--calendar-month-marked-color);
 
   /* typography */
 
@@ -220,13 +228,20 @@
 
 .calendar-month__marker {
   /* color */
-  background: var(--calendar-month-marker-color);
+  background:
+    var(--calendar-month-marker-color);
 
   /* typography */
 
   /* size */
-  width: var(--calendar-month-marker-size);
-  height: var(--calendar-month-marker-size);
+  position: absolute;
+  bottom: 0.25rem;
+  left: 50%;
+  width:
+    var(--calendar-month-marker-size);
+  height:
+    var(--calendar-month-marker-size);
+  transform: translateX(-50%);
 
   /* border */
   border-radius: 999px;

package/components/video/video.cjs

@@ -22,9 +22,12 @@ function getClampedValue(value, min, max) {
     max
   );
 }
-function formatTime(value) {
+function getTimeParts(value) {
   if (!Number.isFinite(value)) {
-    return "0:00";
+    return {
+      minutes: "0",
+      seconds: "00"
+    };
   }
   const minutes = Math.floor(
     value / 60
@@ -32,9 +35,22 @@ function formatTime(value) {
   const seconds = Math.floor(
     value % 60
   );
-  return `${minutes}:${String(
-    seconds
-  ).padStart(2, "0")}`;
+  return {
+    minutes: String(minutes),
+    seconds: String(
+      seconds
+    ).padStart(2, "0")
+  };
+}
+function renderTimeDigits(value) {
+  return value.split("").map((digit, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "video__time-digit",
+      children: digit
+    },
+    `${digit}-${index}`
+  ));
 }
 function getBufferedEnd(video) {
   if (video.buffered.length === 0) {
@@ -131,6 +147,7 @@ const Video = ({
   const effectiveMediaKey = mediaKey ?? videoSrc;
   const qualityOptions = getQualityOptions(qualities);
   const hasQualityOptions = qualityOptions.length > 0;
+  const timeParts = getTimeParts(currentTime);
   react.useEffect(() => {
     onPlaybackErrorRef.current = onPlaybackError;
   }, [onPlaybackError]);
@@ -418,7 +435,15 @@ const Video = ({
               onClick: handlePlayToggle
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "video__time", children: formatTime(currentTime) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "video__time", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "video__time-minutes", children: renderTimeDigits(
+              timeParts.minutes
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "video__time-separator", children: ":" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "video__time-seconds", children: renderTimeDigits(
+              timeParts.seconds
+            ) })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             ProgressBar__default.default,
             {

package/components/video/video.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/video/video.tsx"],"names":["useRef","useState","useEffect","Hls","classnames","jsxs","jsx","Button","ProgressBar","Dropdown"],"mappings":"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","file":"video.cjs","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Hls from 'hls.js';\n\nimport './video.css';\nimport Button from '../button';\nimport Dropdown, { type DropdownOption } from '../dropdown';\nimport { classnames } from '../helpers/classnames';\nimport ProgressBar from '../progressbar';\n\nexport interface VideoQuality {\n  value: string;\n  label: string;\n  src?: string;\n  disabled?: boolean;\n}\n\nexport interface VideoProgressState {\n  currentTime: number;\n  duration: number;\n  completed: boolean;\n}\n\nexport interface VideoPlaybackError {\n  type: 'media' | 'hls';\n  fatal: boolean;\n  error: unknown;\n}\n\nexport interface VideoProps\n  extends Omit<\n    React.VideoHTMLAttributes<HTMLVideoElement>,\n    'controls' | 'src' | 'poster'\n  > {\n  src?: string;\n  mediaKey?: string;\n  cover?: string;\n  qualities?: VideoQuality[];\n  defaultQuality?: string;\n  label?: string;\n  initialVolume?: number;\n  initialMuted?: boolean;\n  initialTime?: number;\n  progressCommitIntervalSec?: number;\n  onProgressCommit?: (\n    state: VideoProgressState,\n  ) => void;\n  onQualityChange?: (\n    quality: string,\n  ) => void;\n  onPlaybackError?: (\n    error: VideoPlaybackError,\n  ) => void;\n}\n\nfunction getClampedValue(\n  value: number,\n  min: number,\n  max: number,\n) {\n  return Math.min(\n    Math.max(value, min),\n    max,\n  );\n}\n\nfunction formatTime(value: number) {\n  if (!Number.isFinite(value)) {\n    return '0:00';\n  }\n\n  const minutes = Math.floor(\n    value / 60,\n  );\n\n  const seconds = Math.floor(\n    value % 60,\n  );\n\n  return `${minutes}:${String(\n    seconds,\n  ).padStart(2, '0')}`;\n}\n\nfunction getBufferedEnd(\n  video: HTMLVideoElement,\n) {\n  if (video.buffered.length === 0) {\n    return 0;\n  }\n\n  return video.buffered.end(\n    video.buffered.length - 1,\n  );\n}\n\nfunction getVideoSource(\n  src: string | undefined,\n  qualities: VideoQuality[],\n  selectedQuality: string,\n) {\n  const selectedQualityItem =\n    qualities.find(\n      (quality) =>\n        quality.value ===\n        selectedQuality,\n    );\n\n  return selectedQualityItem?.src ?? src;\n}\n\nfunction getQualityOptions(\n  qualities: VideoQuality[],\n): DropdownOption[] {\n  return qualities.map((quality) => ({\n    value: quality.value,\n    label: quality.label,\n    disabled: quality.disabled,\n  }));\n}\n\nfunction getVideoProgressState(\n  video: HTMLVideoElement,\n): VideoProgressState {\n  const duration = video.duration || 0;\n\n  const currentTime =\n    video.currentTime || 0;\n\n  return {\n    currentTime,\n    duration,\n\n    completed:\n      video.ended ||\n      (duration > 0 &&\n        currentTime >=\n          duration * 0.9),\n  };\n}\n\nconst defaultQualities: VideoQuality[] = [];\n\nconst Video: React.FC<VideoProps> = ({\n  src,\n  mediaKey,\n  cover,\n  qualities = defaultQualities,\n  defaultQuality = '',\n  label = 'Video player',\n  initialVolume = 1,\n  initialMuted = false,\n  initialTime = 0,\n  progressCommitIntervalSec = 15,\n  className = '',\n  autoPlay,\n  loop,\n  muted,\n  playsInline = true,\n  preload = 'metadata',\n  onQualityChange,\n  onPlaybackError,\n  onPlay,\n  onPause,\n  onEnded,\n  onError,\n  onLoadedMetadata,\n  onTimeUpdate,\n  onProgress,\n  onVolumeChange,\n  onProgressCommit,\n  children,\n  ...props\n}) => {\n  const videoRef =\n    useRef<HTMLVideoElement>(null);\n\n  const [isPlaying, setIsPlaying] =\n    useState(false);\n\n  const [\n    isVolumeOpen,\n    setIsVolumeOpen,\n  ] = useState(false);\n\n  const [\n    selectedQuality,\n    setSelectedQuality,\n  ] = useState(defaultQuality);\n\n  const [\n    currentTime,\n    setCurrentTime,\n  ] = useState(0);\n\n  const [duration, setDuration] =\n    useState(0);\n\n  const [buffered, setBuffered] =\n    useState(0);\n\n  const [volume, setVolume] =\n    useState(initialVolume);\n\n  const [isMuted, setIsMuted] =\n    useState(\n      muted ?? initialMuted,\n    );\n\n  const hasAppliedInitialTimeRef =\n    useRef(false);\n\n  const lastProgressCommitAtRef =\n    useRef(0);\n\n  const loadedMediaKeyRef =\n    useRef<\n      string | undefined\n    >(undefined);\n\n  const pendingRestoreTimeRef =\n    useRef<number | null>(null);\n\n  const onPlaybackErrorRef =\n    useRef(onPlaybackError);\n\n  const videoSrc = getVideoSource(\n    src,\n    qualities,\n    selectedQuality,\n  );\n\n  const effectiveMediaKey =\n    mediaKey ?? videoSrc;\n\n  const qualityOptions =\n    getQualityOptions(qualities);\n\n  const hasQualityOptions =\n    qualityOptions.length > 0;\n\n  useEffect(() => {\n    onPlaybackErrorRef.current =\n      onPlaybackError;\n  }, [onPlaybackError]);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (!video || !videoSrc) {\n      return;\n    }\n\n    const isSameMedia =\n      loadedMediaKeyRef.current !==\n        undefined &&\n      loadedMediaKeyRef.current ===\n        effectiveMediaKey;\n\n    if (isSameMedia) {\n      pendingRestoreTimeRef.current =\n        video.currentTime;\n    } else {\n      pendingRestoreTimeRef.current =\n        null;\n\n      hasAppliedInitialTimeRef.current =\n        false;\n\n      lastProgressCommitAtRef.current =\n        0;\n\n      setCurrentTime(0);\n      setDuration(0);\n      setBuffered(0);\n      setIsPlaying(false);\n    }\n\n    loadedMediaKeyRef.current =\n      effectiveMediaKey;\n\n    video.removeAttribute('src');\n    video.load();\n\n    if (\n      video.canPlayType(\n        'application/vnd.apple.mpegurl',\n      )\n    ) {\n      video.src = videoSrc;\n      return;\n    }\n\n    if (!Hls.isSupported()) {\n      video.src = videoSrc;\n      return;\n    }\n\n    const hls = new Hls();\n\n    hls.on(\n      Hls.Events.ERROR,\n      (_, data) => {\n        console.error(\n          'HLS error',\n          data,\n        );\n\n        onPlaybackErrorRef.current?.({\n          type: 'hls',\n          fatal: data.fatal,\n          error: data,\n        });\n      },\n    );\n\n    hls.loadSource(videoSrc);\n    hls.attachMedia(video);\n\n    return () => {\n      hls.destroy();\n    };\n  }, [videoSrc, effectiveMediaKey]);\n\n  const hasStarted =\n    currentTime > 0 || isPlaying;\n\n  const hasControls = hasStarted;\n\n  const hasVolume = isVolumeOpen;\n\n  const classes = classnames(\n    'video',\n    className,\n    {\n      'video--with-controls':\n        hasControls,\n      'video--with-volume':\n        hasVolume,\n    },\n  );\n\n  const syncMediaState = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    setCurrentTime(video.currentTime);\n\n    setDuration(\n      video.duration || 0,\n    );\n\n    setBuffered(\n      getBufferedEnd(video),\n    );\n\n    setVolume(video.volume);\n\n    setIsMuted(video.muted);\n\n    setIsPlaying(!video.paused);\n  };\n\n  const commitProgress = (\n    video: HTMLVideoElement,\n  ) => {\n    if (!onProgressCommit) {\n      return;\n    }\n\n    onProgressCommit(\n      getVideoProgressState(video),\n    );\n  };\n\n  const handlePlayToggle = async () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    console.log('play click', {\n      paused: video.paused,\n      readyState: video.readyState,\n      src: video.currentSrc,\n      networkState:\n        video.networkState,\n      error: video.error,\n    });\n\n    if (video.paused) {\n      try {\n        await video.play();\n\n        console.log(\n          'play success',\n        );\n      } catch (error) {\n        console.error(\n          'play failed',\n          error,\n        );\n      }\n\n      return;\n    }\n\n    video.pause();\n  };\n\n  const handleSeek = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.currentTime =\n      getClampedValue(\n        nextValue,\n        0,\n        duration,\n      );\n\n    setCurrentTime(\n      video.currentTime,\n    );\n  };\n\n  const handleVolumeChange = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    const nextVolume =\n      getClampedValue(\n        nextValue,\n        0,\n        1,\n      );\n\n    video.volume = nextVolume;\n\n    video.muted =\n      nextVolume === 0;\n\n    setVolume(nextVolume);\n\n    setIsMuted(video.muted);\n  };\n\n  const handleSoundToggle = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.muted = !video.muted;\n\n    setIsMuted(video.muted);\n  };\n\n  const handleFullscreen = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.requestFullscreen?.();\n  };\n\n  const handleQualityChange = (\n    quality: string,\n  ) => {\n    setSelectedQuality(quality);\n\n    onQualityChange?.(quality);\n  };\n\n  const handleLoadedMetadata = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    if (\n      pendingRestoreTimeRef.current !==\n      null\n    ) {\n      video.currentTime = Math.min(\n        pendingRestoreTimeRef.current,\n        video.duration ||\n          pendingRestoreTimeRef.current,\n      );\n\n      pendingRestoreTimeRef.current =\n        null;\n    } else if (\n      !hasAppliedInitialTimeRef.current &&\n      initialTime > 0\n    ) {\n      video.currentTime = Math.min(\n        initialTime,\n        video.duration ||\n          initialTime,\n      );\n\n      hasAppliedInitialTimeRef.current =\n        true;\n    }\n\n    syncMediaState();\n\n    onLoadedMetadata?.(event);\n  };\n\n  const handleTimeUpdate = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    syncMediaState();\n\n    if (\n      onProgressCommit &&\n      video.currentTime -\n        lastProgressCommitAtRef.current >=\n        progressCommitIntervalSec\n    ) {\n      lastProgressCommitAtRef.current =\n        video.currentTime;\n\n      commitProgress(video);\n    }\n\n    onTimeUpdate?.(event);\n  };\n\n  const handleProgress = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onProgress?.(event);\n  };\n\n  const handlePlay = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(true);\n\n    onPlay?.(event);\n  };\n\n  const handlePause = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(false);\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onPause?.(event);\n  };\n\n  const handleEnded = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onEnded?.(event);\n  };\n\n  const handleNativeError = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    onPlaybackError?.({\n      type: 'media',\n      fatal: true,\n      error:\n        event.currentTarget.error ??\n        event,\n    });\n\n    onError?.(event);\n  };\n\n  const handleNativeVolumeChange = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onVolumeChange?.(event);\n  };\n\n  return (\n    <div\n      className={classes}\n      aria-label={label}\n    >\n      <div className=\"video__surface\">\n        {cover && !hasStarted ? (\n          <img\n            className=\"video__cover\"\n            src={cover}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ) : null}\n\n        <video\n          {...props}\n          ref={videoRef}\n          className=\"video__media\"\n          poster={cover}\n          autoPlay={autoPlay}\n          loop={loop}\n          muted={isMuted}\n          playsInline={\n            playsInline\n          }\n          preload={preload}\n          controls={false}\n          onLoadedMetadata={\n            handleLoadedMetadata\n          }\n          onTimeUpdate={\n            handleTimeUpdate\n          }\n          onProgress={\n            handleProgress\n          }\n          onPlay={handlePlay}\n          onPause={handlePause}\n          onEnded={handleEnded}\n          onError={\n            handleNativeError\n          }\n          onVolumeChange={\n            handleNativeVolumeChange\n          }\n        >\n          {children}\n        </video>\n\n        {!hasStarted && (\n          <Button\n            mode=\"toolbar\"\n            className=\"video__main-action\"\n            icon=\"play\"\n            aria-label=\"Play video\"\n            onClick={\n              handlePlayToggle\n            }\n          />\n        )}\n      </div>\n\n      {hasControls && (\n        <div className=\"video__controls\">\n          <Button\n            mode=\"toolbar\"\n            icon={\n              isPlaying\n                ? 'pause'\n                : 'play'\n            }\n            aria-label={\n              isPlaying\n                ? 'Pause video'\n                : 'Play video'\n            }\n            onClick={\n              handlePlayToggle\n            }\n          />\n\n          <div className=\"video__time\">\n            {formatTime(currentTime)}\n          </div>\n\n          <ProgressBar\n            className=\"video__progress\"\n            mode=\"player\"\n            value={currentTime}\n            buffered={buffered}\n            max={duration || 1}\n            step={1}\n            label=\"Video progress\"\n            onValueChange={\n              handleSeek\n            }\n          />\n\n          <Button\n            mode=\"toolbar\"\n            icon=\"fullscreen\"\n            aria-label=\"Fullscreen\"\n            onClick={\n              handleFullscreen\n            }\n          />\n\n          <div\n            className=\"video__sound-control\"\n            onMouseLeave={() =>\n              setIsVolumeOpen(\n                false,\n              )\n            }\n          >\n            <Button\n              mode=\"toolbar\"\n              icon={\n                isMuted\n                  ? 'sound-off'\n                  : 'sound'\n              }\n              aria-label={\n                isMuted\n                  ? 'Unmute video'\n                  : 'Mute video'\n              }\n              onClick={\n                handleSoundToggle\n              }\n              onMouseEnter={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n              onFocus={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n            />\n\n            {hasVolume && (\n              <div className=\"video__volume\">\n                <ProgressBar\n                  mode=\"level\"\n                  value={\n                    isMuted\n                      ? 0\n                      : volume\n                  }\n                  max={1}\n                  step={0.05}\n                  label=\"Volume\"\n                  onValueChange={\n                    handleVolumeChange\n                  }\n                />\n              </div>\n            )}\n          </div>\n\n          {hasQualityOptions && (\n            <Dropdown\n              align=\"top-end\"\n              value={\n                selectedQuality\n              }\n              options={\n                qualityOptions\n              }\n              label=\"Video quality\"\n              onChange={\n                handleQualityChange\n              }\n              trigger={\n                <Button\n                  mode=\"toolbar\"\n                  icon=\"settings\"\n                  aria-label=\"Video quality\"\n                />\n              }\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Video;\n"]}
+{"version":3,"sources":["../../../src/components/video/video.tsx"],"names":["jsx","useRef","useState","useEffect","Hls","classnames","jsxs","Button","ProgressBar","Dropdown"],"mappings":"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","file":"video.cjs","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Hls from 'hls.js';\n\nimport './video.css';\nimport Button from '../button';\nimport Dropdown, { type DropdownOption } from '../dropdown';\nimport { classnames } from '../helpers/classnames';\nimport ProgressBar from '../progressbar';\n\nexport interface VideoQuality {\n  value: string;\n  label: string;\n  src?: string;\n  disabled?: boolean;\n}\n\nexport interface VideoProgressState {\n  currentTime: number;\n  duration: number;\n  completed: boolean;\n}\n\nexport interface VideoPlaybackError {\n  type: 'media' | 'hls';\n  fatal: boolean;\n  error: unknown;\n}\n\nexport interface VideoProps\n  extends Omit<\n    React.VideoHTMLAttributes<HTMLVideoElement>,\n    'controls' | 'src' | 'poster'\n  > {\n  src?: string;\n  mediaKey?: string;\n  cover?: string;\n  qualities?: VideoQuality[];\n  defaultQuality?: string;\n  label?: string;\n  initialVolume?: number;\n  initialMuted?: boolean;\n  initialTime?: number;\n  progressCommitIntervalSec?: number;\n  onProgressCommit?: (\n    state: VideoProgressState,\n  ) => void;\n  onQualityChange?: (\n    quality: string,\n  ) => void;\n  onPlaybackError?: (\n    error: VideoPlaybackError,\n  ) => void;\n}\n\ninterface VideoTimeParts {\n  minutes: string;\n  seconds: string;\n}\n\nfunction getClampedValue(\n  value: number,\n  min: number,\n  max: number,\n) {\n  return Math.min(\n    Math.max(value, min),\n    max,\n  );\n}\n\nfunction getTimeParts(\n  value: number,\n): VideoTimeParts {\n  if (!Number.isFinite(value)) {\n    return {\n      minutes: '0',\n      seconds: '00',\n    };\n  }\n\n  const minutes = Math.floor(\n    value / 60,\n  );\n\n  const seconds = Math.floor(\n    value % 60,\n  );\n\n  return {\n    minutes: String(minutes),\n    seconds: String(\n      seconds,\n    ).padStart(2, '0'),\n  };\n}\n\nfunction renderTimeDigits(\n  value: string,\n) {\n  return value\n    .split('')\n    .map((digit, index) => (\n      <span\n        key={`${digit}-${index}`}\n        className=\"video__time-digit\"\n      >\n        {digit}\n      </span>\n    ));\n}\n\nfunction getBufferedEnd(\n  video: HTMLVideoElement,\n) {\n  if (video.buffered.length === 0) {\n    return 0;\n  }\n\n  return video.buffered.end(\n    video.buffered.length - 1,\n  );\n}\n\nfunction getVideoSource(\n  src: string | undefined,\n  qualities: VideoQuality[],\n  selectedQuality: string,\n) {\n  const selectedQualityItem =\n    qualities.find(\n      (quality) =>\n        quality.value ===\n        selectedQuality,\n    );\n\n  return selectedQualityItem?.src ?? src;\n}\n\nfunction getQualityOptions(\n  qualities: VideoQuality[],\n): DropdownOption[] {\n  return qualities.map((quality) => ({\n    value: quality.value,\n    label: quality.label,\n    disabled: quality.disabled,\n  }));\n}\n\nfunction getVideoProgressState(\n  video: HTMLVideoElement,\n): VideoProgressState {\n  const duration = video.duration || 0;\n\n  const currentTime =\n    video.currentTime || 0;\n\n  return {\n    currentTime,\n    duration,\n\n    completed:\n      video.ended ||\n      (duration > 0 &&\n        currentTime >=\n          duration * 0.9),\n  };\n}\n\nconst defaultQualities: VideoQuality[] = [];\n\nconst Video: React.FC<VideoProps> = ({\n  src,\n  mediaKey,\n  cover,\n  qualities = defaultQualities,\n  defaultQuality = '',\n  label = 'Video player',\n  initialVolume = 1,\n  initialMuted = false,\n  initialTime = 0,\n  progressCommitIntervalSec = 15,\n  className = '',\n  autoPlay,\n  loop,\n  muted,\n  playsInline = true,\n  preload = 'metadata',\n  onQualityChange,\n  onPlaybackError,\n  onPlay,\n  onPause,\n  onEnded,\n  onError,\n  onLoadedMetadata,\n  onTimeUpdate,\n  onProgress,\n  onVolumeChange,\n  onProgressCommit,\n  children,\n  ...props\n}) => {\n  const videoRef =\n    useRef<HTMLVideoElement>(null);\n\n  const [isPlaying, setIsPlaying] =\n    useState(false);\n\n  const [\n    isVolumeOpen,\n    setIsVolumeOpen,\n  ] = useState(false);\n\n  const [\n    selectedQuality,\n    setSelectedQuality,\n  ] = useState(defaultQuality);\n\n  const [\n    currentTime,\n    setCurrentTime,\n  ] = useState(0);\n\n  const [duration, setDuration] =\n    useState(0);\n\n  const [buffered, setBuffered] =\n    useState(0);\n\n  const [volume, setVolume] =\n    useState(initialVolume);\n\n  const [isMuted, setIsMuted] =\n    useState(\n      muted ?? initialMuted,\n    );\n\n  const hasAppliedInitialTimeRef =\n    useRef(false);\n\n  const lastProgressCommitAtRef =\n    useRef(0);\n\n  const loadedMediaKeyRef =\n    useRef<\n      string | undefined\n    >(undefined);\n\n  const pendingRestoreTimeRef =\n    useRef<number | null>(null);\n\n  const onPlaybackErrorRef =\n    useRef(onPlaybackError);\n\n  const videoSrc = getVideoSource(\n    src,\n    qualities,\n    selectedQuality,\n  );\n\n  const effectiveMediaKey =\n    mediaKey ?? videoSrc;\n\n  const qualityOptions =\n    getQualityOptions(qualities);\n\n  const hasQualityOptions =\n    qualityOptions.length > 0;\n\n  const timeParts =\n    getTimeParts(currentTime);\n\n  useEffect(() => {\n    onPlaybackErrorRef.current =\n      onPlaybackError;\n  }, [onPlaybackError]);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (!video || !videoSrc) {\n      return;\n    }\n\n    const isSameMedia =\n      loadedMediaKeyRef.current !==\n        undefined &&\n      loadedMediaKeyRef.current ===\n        effectiveMediaKey;\n\n    if (isSameMedia) {\n      pendingRestoreTimeRef.current =\n        video.currentTime;\n    } else {\n      pendingRestoreTimeRef.current =\n        null;\n\n      hasAppliedInitialTimeRef.current =\n        false;\n\n      lastProgressCommitAtRef.current =\n        0;\n\n      setCurrentTime(0);\n      setDuration(0);\n      setBuffered(0);\n      setIsPlaying(false);\n    }\n\n    loadedMediaKeyRef.current =\n      effectiveMediaKey;\n\n    video.removeAttribute('src');\n    video.load();\n\n    if (\n      video.canPlayType(\n        'application/vnd.apple.mpegurl',\n      )\n    ) {\n      video.src = videoSrc;\n      return;\n    }\n\n    if (!Hls.isSupported()) {\n      video.src = videoSrc;\n      return;\n    }\n\n    const hls = new Hls();\n\n    hls.on(\n      Hls.Events.ERROR,\n      (_, data) => {\n        console.error(\n          'HLS error',\n          data,\n        );\n\n        onPlaybackErrorRef.current?.({\n          type: 'hls',\n          fatal: data.fatal,\n          error: data,\n        });\n      },\n    );\n\n    hls.loadSource(videoSrc);\n    hls.attachMedia(video);\n\n    return () => {\n      hls.destroy();\n    };\n  }, [videoSrc, effectiveMediaKey]);\n\n  const hasStarted =\n    currentTime > 0 || isPlaying;\n\n  const hasControls = hasStarted;\n\n  const hasVolume = isVolumeOpen;\n\n  const classes = classnames(\n    'video',\n    className,\n    {\n      'video--with-controls':\n        hasControls,\n      'video--with-volume':\n        hasVolume,\n    },\n  );\n\n  const syncMediaState = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    setCurrentTime(video.currentTime);\n\n    setDuration(\n      video.duration || 0,\n    );\n\n    setBuffered(\n      getBufferedEnd(video),\n    );\n\n    setVolume(video.volume);\n\n    setIsMuted(video.muted);\n\n    setIsPlaying(!video.paused);\n  };\n\n  const commitProgress = (\n    video: HTMLVideoElement,\n  ) => {\n    if (!onProgressCommit) {\n      return;\n    }\n\n    onProgressCommit(\n      getVideoProgressState(video),\n    );\n  };\n\n  const handlePlayToggle = async () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    console.log('play click', {\n      paused: video.paused,\n      readyState: video.readyState,\n      src: video.currentSrc,\n      networkState:\n        video.networkState,\n      error: video.error,\n    });\n\n    if (video.paused) {\n      try {\n        await video.play();\n\n        console.log(\n          'play success',\n        );\n      } catch (error) {\n        console.error(\n          'play failed',\n          error,\n        );\n      }\n\n      return;\n    }\n\n    video.pause();\n  };\n\n  const handleSeek = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.currentTime =\n      getClampedValue(\n        nextValue,\n        0,\n        duration,\n      );\n\n    setCurrentTime(\n      video.currentTime,\n    );\n  };\n\n  const handleVolumeChange = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    const nextVolume =\n      getClampedValue(\n        nextValue,\n        0,\n        1,\n      );\n\n    video.volume = nextVolume;\n\n    video.muted =\n      nextVolume === 0;\n\n    setVolume(nextVolume);\n\n    setIsMuted(video.muted);\n  };\n\n  const handleSoundToggle = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.muted = !video.muted;\n\n    setIsMuted(video.muted);\n  };\n\n  const handleFullscreen = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.requestFullscreen?.();\n  };\n\n  const handleQualityChange = (\n    quality: string,\n  ) => {\n    setSelectedQuality(quality);\n\n    onQualityChange?.(quality);\n  };\n\n  const handleLoadedMetadata = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    if (\n      pendingRestoreTimeRef.current !==\n      null\n    ) {\n      video.currentTime = Math.min(\n        pendingRestoreTimeRef.current,\n        video.duration ||\n          pendingRestoreTimeRef.current,\n      );\n\n      pendingRestoreTimeRef.current =\n        null;\n    } else if (\n      !hasAppliedInitialTimeRef.current &&\n      initialTime > 0\n    ) {\n      video.currentTime = Math.min(\n        initialTime,\n        video.duration ||\n          initialTime,\n      );\n\n      hasAppliedInitialTimeRef.current =\n        true;\n    }\n\n    syncMediaState();\n\n    onLoadedMetadata?.(event);\n  };\n\n  const handleTimeUpdate = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    syncMediaState();\n\n    if (\n      onProgressCommit &&\n      video.currentTime -\n        lastProgressCommitAtRef.current >=\n        progressCommitIntervalSec\n    ) {\n      lastProgressCommitAtRef.current =\n        video.currentTime;\n\n      commitProgress(video);\n    }\n\n    onTimeUpdate?.(event);\n  };\n\n  const handleProgress = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onProgress?.(event);\n  };\n\n  const handlePlay = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(true);\n\n    onPlay?.(event);\n  };\n\n  const handlePause = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(false);\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onPause?.(event);\n  };\n\n  const handleEnded = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onEnded?.(event);\n  };\n\n  const handleNativeError = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    onPlaybackError?.({\n      type: 'media',\n      fatal: true,\n      error:\n        event.currentTarget.error ??\n        event,\n    });\n\n    onError?.(event);\n  };\n\n  const handleNativeVolumeChange = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onVolumeChange?.(event);\n  };\n\n  return (\n    <div\n      className={classes}\n      aria-label={label}\n    >\n      <div className=\"video__surface\">\n        {cover && !hasStarted ? (\n          <img\n            className=\"video__cover\"\n            src={cover}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ) : null}\n\n        <video\n          {...props}\n          ref={videoRef}\n          className=\"video__media\"\n          poster={cover}\n          autoPlay={autoPlay}\n          loop={loop}\n          muted={isMuted}\n          playsInline={\n            playsInline\n          }\n          preload={preload}\n          controls={false}\n          onLoadedMetadata={\n            handleLoadedMetadata\n          }\n          onTimeUpdate={\n            handleTimeUpdate\n          }\n          onProgress={\n            handleProgress\n          }\n          onPlay={handlePlay}\n          onPause={handlePause}\n          onEnded={handleEnded}\n          onError={\n            handleNativeError\n          }\n          onVolumeChange={\n            handleNativeVolumeChange\n          }\n        >\n          {children}\n        </video>\n\n        {!hasStarted && (\n          <Button\n            mode=\"toolbar\"\n            className=\"video__main-action\"\n            icon=\"play\"\n            aria-label=\"Play video\"\n            onClick={\n              handlePlayToggle\n            }\n          />\n        )}\n      </div>\n\n      {hasControls && (\n        <div className=\"video__controls\">\n          <Button\n            mode=\"toolbar\"\n            icon={\n              isPlaying\n                ? 'pause'\n                : 'play'\n            }\n            aria-label={\n              isPlaying\n                ? 'Pause video'\n                : 'Play video'\n            }\n            onClick={\n              handlePlayToggle\n            }\n          />\n\n          <div className=\"video__time\">\n            <span className=\"video__time-minutes\">\n              {renderTimeDigits(\n                timeParts.minutes,\n              )}\n            </span>\n\n            <span className=\"video__time-separator\">\n              :\n            </span>\n\n            <span className=\"video__time-seconds\">\n              {renderTimeDigits(\n                timeParts.seconds,\n              )}\n            </span>\n          </div>\n\n          <ProgressBar\n            className=\"video__progress\"\n            mode=\"player\"\n            value={currentTime}\n            buffered={buffered}\n            max={duration || 1}\n            step={1}\n            label=\"Video progress\"\n            onValueChange={\n              handleSeek\n            }\n          />\n\n          <Button\n            mode=\"toolbar\"\n            icon=\"fullscreen\"\n            aria-label=\"Fullscreen\"\n            onClick={\n              handleFullscreen\n            }\n          />\n\n          <div\n            className=\"video__sound-control\"\n            onMouseLeave={() =>\n              setIsVolumeOpen(\n                false,\n              )\n            }\n          >\n            <Button\n              mode=\"toolbar\"\n              icon={\n                isMuted\n                  ? 'sound-off'\n                  : 'sound'\n              }\n              aria-label={\n                isMuted\n                  ? 'Unmute video'\n                  : 'Mute video'\n              }\n              onClick={\n                handleSoundToggle\n              }\n              onMouseEnter={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n              onFocus={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n            />\n\n            {hasVolume && (\n              <div className=\"video__volume\">\n                <ProgressBar\n                  mode=\"level\"\n                  value={\n                    isMuted\n                      ? 0\n                      : volume\n                  }\n                  max={1}\n                  step={0.05}\n                  label=\"Volume\"\n                  onValueChange={\n                    handleVolumeChange\n                  }\n                />\n              </div>\n            )}\n          </div>\n\n          {hasQualityOptions && (\n            <Dropdown\n              align=\"top-end\"\n              value={\n                selectedQuality\n              }\n              options={\n                qualityOptions\n              }\n              label=\"Video quality\"\n              onChange={\n                handleQualityChange\n              }\n              trigger={\n                <Button\n                  mode=\"toolbar\"\n                  icon=\"settings\"\n                  aria-label=\"Video quality\"\n                />\n              }\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Video;\n"]}

package/components/video/video.css

@@ -19,6 +19,9 @@
   --video-padding: var(--padding-container);
   --video-controls-gap: var(--margin-icon);
   --video-volume-height: 400px;
+  --video-time-digit-width: 0.6em;
+  --video-time-digit-gap: 0.04em;
+  --video-time-separator-gap: 0.1em;
 
   position: relative;
   width: var(--video-width);
@@ -138,7 +141,9 @@
   letter-spacing: var(--video-time-letter-spacing);
 
   /* size */
+  display: inline-flex;
   flex-shrink: 0;
+  align-items: center;
   white-space: nowrap;
 
   /* border */
@@ -148,6 +153,85 @@
   /* motion */
 }
 
+.video__time-minutes {
+  /* color */
+
+  /* typography */
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: flex-end;
+  gap: var(--video-time-digit-gap);
+  min-width: calc(
+    var(--video-time-digit-width) * 2 +
+      var(--video-time-digit-gap)
+  );
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.video__time-seconds {
+  /* color */
+
+  /* typography */
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: var(--video-time-digit-gap);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.video__time-digit {
+  /* color */
+
+  /* typography */
+  text-align: center;
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: center;
+  width: var(--video-time-digit-width);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.video__time-separator {
+  /* color */
+
+  /* typography */
+  line-height: 1;
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  margin-inline: var(--video-time-separator-gap);
+  transform: translateY(-0.08em);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
 .video__progress {
   /* size */
   flex: 1;

package/components/video/video.js

@@ -13,9 +13,12 @@ function getClampedValue(value, min, max) {
     max
   );
 }
-function formatTime(value) {
+function getTimeParts(value) {
   if (!Number.isFinite(value)) {
-    return "0:00";
+    return {
+      minutes: "0",
+      seconds: "00"
+    };
   }
   const minutes = Math.floor(
     value / 60
@@ -23,9 +26,22 @@ function formatTime(value) {
   const seconds = Math.floor(
     value % 60
   );
-  return `${minutes}:${String(
-    seconds
-  ).padStart(2, "0")}`;
+  return {
+    minutes: String(minutes),
+    seconds: String(
+      seconds
+    ).padStart(2, "0")
+  };
+}
+function renderTimeDigits(value) {
+  return value.split("").map((digit, index) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "video__time-digit",
+      children: digit
+    },
+    `${digit}-${index}`
+  ));
 }
 function getBufferedEnd(video) {
   if (video.buffered.length === 0) {
@@ -122,6 +138,7 @@ const Video = ({
   const effectiveMediaKey = mediaKey ?? videoSrc;
   const qualityOptions = getQualityOptions(qualities);
   const hasQualityOptions = qualityOptions.length > 0;
+  const timeParts = getTimeParts(currentTime);
   useEffect(() => {
     onPlaybackErrorRef.current = onPlaybackError;
   }, [onPlaybackError]);
@@ -409,7 +426,15 @@ const Video = ({
               onClick: handlePlayToggle
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "video__time", children: formatTime(currentTime) }),
+          /* @__PURE__ */ jsxs("div", { className: "video__time", children: [
+            /* @__PURE__ */ jsx("span", { className: "video__time-minutes", children: renderTimeDigits(
+              timeParts.minutes
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: "video__time-separator", children: ":" }),
+            /* @__PURE__ */ jsx("span", { className: "video__time-seconds", children: renderTimeDigits(
+              timeParts.seconds
+            ) })
+          ] }),
           /* @__PURE__ */ jsx(
             ProgressBar,
             {

package/components/video/video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/video/video.tsx"],"names":[],"mappings":"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","file":"video.js","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Hls from 'hls.js';\n\nimport './video.css';\nimport Button from '../button';\nimport Dropdown, { type DropdownOption } from '../dropdown';\nimport { classnames } from '../helpers/classnames';\nimport ProgressBar from '../progressbar';\n\nexport interface VideoQuality {\n  value: string;\n  label: string;\n  src?: string;\n  disabled?: boolean;\n}\n\nexport interface VideoProgressState {\n  currentTime: number;\n  duration: number;\n  completed: boolean;\n}\n\nexport interface VideoPlaybackError {\n  type: 'media' | 'hls';\n  fatal: boolean;\n  error: unknown;\n}\n\nexport interface VideoProps\n  extends Omit<\n    React.VideoHTMLAttributes<HTMLVideoElement>,\n    'controls' | 'src' | 'poster'\n  > {\n  src?: string;\n  mediaKey?: string;\n  cover?: string;\n  qualities?: VideoQuality[];\n  defaultQuality?: string;\n  label?: string;\n  initialVolume?: number;\n  initialMuted?: boolean;\n  initialTime?: number;\n  progressCommitIntervalSec?: number;\n  onProgressCommit?: (\n    state: VideoProgressState,\n  ) => void;\n  onQualityChange?: (\n    quality: string,\n  ) => void;\n  onPlaybackError?: (\n    error: VideoPlaybackError,\n  ) => void;\n}\n\nfunction getClampedValue(\n  value: number,\n  min: number,\n  max: number,\n) {\n  return Math.min(\n    Math.max(value, min),\n    max,\n  );\n}\n\nfunction formatTime(value: number) {\n  if (!Number.isFinite(value)) {\n    return '0:00';\n  }\n\n  const minutes = Math.floor(\n    value / 60,\n  );\n\n  const seconds = Math.floor(\n    value % 60,\n  );\n\n  return `${minutes}:${String(\n    seconds,\n  ).padStart(2, '0')}`;\n}\n\nfunction getBufferedEnd(\n  video: HTMLVideoElement,\n) {\n  if (video.buffered.length === 0) {\n    return 0;\n  }\n\n  return video.buffered.end(\n    video.buffered.length - 1,\n  );\n}\n\nfunction getVideoSource(\n  src: string | undefined,\n  qualities: VideoQuality[],\n  selectedQuality: string,\n) {\n  const selectedQualityItem =\n    qualities.find(\n      (quality) =>\n        quality.value ===\n        selectedQuality,\n    );\n\n  return selectedQualityItem?.src ?? src;\n}\n\nfunction getQualityOptions(\n  qualities: VideoQuality[],\n): DropdownOption[] {\n  return qualities.map((quality) => ({\n    value: quality.value,\n    label: quality.label,\n    disabled: quality.disabled,\n  }));\n}\n\nfunction getVideoProgressState(\n  video: HTMLVideoElement,\n): VideoProgressState {\n  const duration = video.duration || 0;\n\n  const currentTime =\n    video.currentTime || 0;\n\n  return {\n    currentTime,\n    duration,\n\n    completed:\n      video.ended ||\n      (duration > 0 &&\n        currentTime >=\n          duration * 0.9),\n  };\n}\n\nconst defaultQualities: VideoQuality[] = [];\n\nconst Video: React.FC<VideoProps> = ({\n  src,\n  mediaKey,\n  cover,\n  qualities = defaultQualities,\n  defaultQuality = '',\n  label = 'Video player',\n  initialVolume = 1,\n  initialMuted = false,\n  initialTime = 0,\n  progressCommitIntervalSec = 15,\n  className = '',\n  autoPlay,\n  loop,\n  muted,\n  playsInline = true,\n  preload = 'metadata',\n  onQualityChange,\n  onPlaybackError,\n  onPlay,\n  onPause,\n  onEnded,\n  onError,\n  onLoadedMetadata,\n  onTimeUpdate,\n  onProgress,\n  onVolumeChange,\n  onProgressCommit,\n  children,\n  ...props\n}) => {\n  const videoRef =\n    useRef<HTMLVideoElement>(null);\n\n  const [isPlaying, setIsPlaying] =\n    useState(false);\n\n  const [\n    isVolumeOpen,\n    setIsVolumeOpen,\n  ] = useState(false);\n\n  const [\n    selectedQuality,\n    setSelectedQuality,\n  ] = useState(defaultQuality);\n\n  const [\n    currentTime,\n    setCurrentTime,\n  ] = useState(0);\n\n  const [duration, setDuration] =\n    useState(0);\n\n  const [buffered, setBuffered] =\n    useState(0);\n\n  const [volume, setVolume] =\n    useState(initialVolume);\n\n  const [isMuted, setIsMuted] =\n    useState(\n      muted ?? initialMuted,\n    );\n\n  const hasAppliedInitialTimeRef =\n    useRef(false);\n\n  const lastProgressCommitAtRef =\n    useRef(0);\n\n  const loadedMediaKeyRef =\n    useRef<\n      string | undefined\n    >(undefined);\n\n  const pendingRestoreTimeRef =\n    useRef<number | null>(null);\n\n  const onPlaybackErrorRef =\n    useRef(onPlaybackError);\n\n  const videoSrc = getVideoSource(\n    src,\n    qualities,\n    selectedQuality,\n  );\n\n  const effectiveMediaKey =\n    mediaKey ?? videoSrc;\n\n  const qualityOptions =\n    getQualityOptions(qualities);\n\n  const hasQualityOptions =\n    qualityOptions.length > 0;\n\n  useEffect(() => {\n    onPlaybackErrorRef.current =\n      onPlaybackError;\n  }, [onPlaybackError]);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (!video || !videoSrc) {\n      return;\n    }\n\n    const isSameMedia =\n      loadedMediaKeyRef.current !==\n        undefined &&\n      loadedMediaKeyRef.current ===\n        effectiveMediaKey;\n\n    if (isSameMedia) {\n      pendingRestoreTimeRef.current =\n        video.currentTime;\n    } else {\n      pendingRestoreTimeRef.current =\n        null;\n\n      hasAppliedInitialTimeRef.current =\n        false;\n\n      lastProgressCommitAtRef.current =\n        0;\n\n      setCurrentTime(0);\n      setDuration(0);\n      setBuffered(0);\n      setIsPlaying(false);\n    }\n\n    loadedMediaKeyRef.current =\n      effectiveMediaKey;\n\n    video.removeAttribute('src');\n    video.load();\n\n    if (\n      video.canPlayType(\n        'application/vnd.apple.mpegurl',\n      )\n    ) {\n      video.src = videoSrc;\n      return;\n    }\n\n    if (!Hls.isSupported()) {\n      video.src = videoSrc;\n      return;\n    }\n\n    const hls = new Hls();\n\n    hls.on(\n      Hls.Events.ERROR,\n      (_, data) => {\n        console.error(\n          'HLS error',\n          data,\n        );\n\n        onPlaybackErrorRef.current?.({\n          type: 'hls',\n          fatal: data.fatal,\n          error: data,\n        });\n      },\n    );\n\n    hls.loadSource(videoSrc);\n    hls.attachMedia(video);\n\n    return () => {\n      hls.destroy();\n    };\n  }, [videoSrc, effectiveMediaKey]);\n\n  const hasStarted =\n    currentTime > 0 || isPlaying;\n\n  const hasControls = hasStarted;\n\n  const hasVolume = isVolumeOpen;\n\n  const classes = classnames(\n    'video',\n    className,\n    {\n      'video--with-controls':\n        hasControls,\n      'video--with-volume':\n        hasVolume,\n    },\n  );\n\n  const syncMediaState = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    setCurrentTime(video.currentTime);\n\n    setDuration(\n      video.duration || 0,\n    );\n\n    setBuffered(\n      getBufferedEnd(video),\n    );\n\n    setVolume(video.volume);\n\n    setIsMuted(video.muted);\n\n    setIsPlaying(!video.paused);\n  };\n\n  const commitProgress = (\n    video: HTMLVideoElement,\n  ) => {\n    if (!onProgressCommit) {\n      return;\n    }\n\n    onProgressCommit(\n      getVideoProgressState(video),\n    );\n  };\n\n  const handlePlayToggle = async () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    console.log('play click', {\n      paused: video.paused,\n      readyState: video.readyState,\n      src: video.currentSrc,\n      networkState:\n        video.networkState,\n      error: video.error,\n    });\n\n    if (video.paused) {\n      try {\n        await video.play();\n\n        console.log(\n          'play success',\n        );\n      } catch (error) {\n        console.error(\n          'play failed',\n          error,\n        );\n      }\n\n      return;\n    }\n\n    video.pause();\n  };\n\n  const handleSeek = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.currentTime =\n      getClampedValue(\n        nextValue,\n        0,\n        duration,\n      );\n\n    setCurrentTime(\n      video.currentTime,\n    );\n  };\n\n  const handleVolumeChange = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    const nextVolume =\n      getClampedValue(\n        nextValue,\n        0,\n        1,\n      );\n\n    video.volume = nextVolume;\n\n    video.muted =\n      nextVolume === 0;\n\n    setVolume(nextVolume);\n\n    setIsMuted(video.muted);\n  };\n\n  const handleSoundToggle = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.muted = !video.muted;\n\n    setIsMuted(video.muted);\n  };\n\n  const handleFullscreen = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.requestFullscreen?.();\n  };\n\n  const handleQualityChange = (\n    quality: string,\n  ) => {\n    setSelectedQuality(quality);\n\n    onQualityChange?.(quality);\n  };\n\n  const handleLoadedMetadata = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    if (\n      pendingRestoreTimeRef.current !==\n      null\n    ) {\n      video.currentTime = Math.min(\n        pendingRestoreTimeRef.current,\n        video.duration ||\n          pendingRestoreTimeRef.current,\n      );\n\n      pendingRestoreTimeRef.current =\n        null;\n    } else if (\n      !hasAppliedInitialTimeRef.current &&\n      initialTime > 0\n    ) {\n      video.currentTime = Math.min(\n        initialTime,\n        video.duration ||\n          initialTime,\n      );\n\n      hasAppliedInitialTimeRef.current =\n        true;\n    }\n\n    syncMediaState();\n\n    onLoadedMetadata?.(event);\n  };\n\n  const handleTimeUpdate = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    syncMediaState();\n\n    if (\n      onProgressCommit &&\n      video.currentTime -\n        lastProgressCommitAtRef.current >=\n        progressCommitIntervalSec\n    ) {\n      lastProgressCommitAtRef.current =\n        video.currentTime;\n\n      commitProgress(video);\n    }\n\n    onTimeUpdate?.(event);\n  };\n\n  const handleProgress = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onProgress?.(event);\n  };\n\n  const handlePlay = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(true);\n\n    onPlay?.(event);\n  };\n\n  const handlePause = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(false);\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onPause?.(event);\n  };\n\n  const handleEnded = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onEnded?.(event);\n  };\n\n  const handleNativeError = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    onPlaybackError?.({\n      type: 'media',\n      fatal: true,\n      error:\n        event.currentTarget.error ??\n        event,\n    });\n\n    onError?.(event);\n  };\n\n  const handleNativeVolumeChange = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onVolumeChange?.(event);\n  };\n\n  return (\n    <div\n      className={classes}\n      aria-label={label}\n    >\n      <div className=\"video__surface\">\n        {cover && !hasStarted ? (\n          <img\n            className=\"video__cover\"\n            src={cover}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ) : null}\n\n        <video\n          {...props}\n          ref={videoRef}\n          className=\"video__media\"\n          poster={cover}\n          autoPlay={autoPlay}\n          loop={loop}\n          muted={isMuted}\n          playsInline={\n            playsInline\n          }\n          preload={preload}\n          controls={false}\n          onLoadedMetadata={\n            handleLoadedMetadata\n          }\n          onTimeUpdate={\n            handleTimeUpdate\n          }\n          onProgress={\n            handleProgress\n          }\n          onPlay={handlePlay}\n          onPause={handlePause}\n          onEnded={handleEnded}\n          onError={\n            handleNativeError\n          }\n          onVolumeChange={\n            handleNativeVolumeChange\n          }\n        >\n          {children}\n        </video>\n\n        {!hasStarted && (\n          <Button\n            mode=\"toolbar\"\n            className=\"video__main-action\"\n            icon=\"play\"\n            aria-label=\"Play video\"\n            onClick={\n              handlePlayToggle\n            }\n          />\n        )}\n      </div>\n\n      {hasControls && (\n        <div className=\"video__controls\">\n          <Button\n            mode=\"toolbar\"\n            icon={\n              isPlaying\n                ? 'pause'\n                : 'play'\n            }\n            aria-label={\n              isPlaying\n                ? 'Pause video'\n                : 'Play video'\n            }\n            onClick={\n              handlePlayToggle\n            }\n          />\n\n          <div className=\"video__time\">\n            {formatTime(currentTime)}\n          </div>\n\n          <ProgressBar\n            className=\"video__progress\"\n            mode=\"player\"\n            value={currentTime}\n            buffered={buffered}\n            max={duration || 1}\n            step={1}\n            label=\"Video progress\"\n            onValueChange={\n              handleSeek\n            }\n          />\n\n          <Button\n            mode=\"toolbar\"\n            icon=\"fullscreen\"\n            aria-label=\"Fullscreen\"\n            onClick={\n              handleFullscreen\n            }\n          />\n\n          <div\n            className=\"video__sound-control\"\n            onMouseLeave={() =>\n              setIsVolumeOpen(\n                false,\n              )\n            }\n          >\n            <Button\n              mode=\"toolbar\"\n              icon={\n                isMuted\n                  ? 'sound-off'\n                  : 'sound'\n              }\n              aria-label={\n                isMuted\n                  ? 'Unmute video'\n                  : 'Mute video'\n              }\n              onClick={\n                handleSoundToggle\n              }\n              onMouseEnter={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n              onFocus={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n            />\n\n            {hasVolume && (\n              <div className=\"video__volume\">\n                <ProgressBar\n                  mode=\"level\"\n                  value={\n                    isMuted\n                      ? 0\n                      : volume\n                  }\n                  max={1}\n                  step={0.05}\n                  label=\"Volume\"\n                  onValueChange={\n                    handleVolumeChange\n                  }\n                />\n              </div>\n            )}\n          </div>\n\n          {hasQualityOptions && (\n            <Dropdown\n              align=\"top-end\"\n              value={\n                selectedQuality\n              }\n              options={\n                qualityOptions\n              }\n              label=\"Video quality\"\n              onChange={\n                handleQualityChange\n              }\n              trigger={\n                <Button\n                  mode=\"toolbar\"\n                  icon=\"settings\"\n                  aria-label=\"Video quality\"\n                />\n              }\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Video;\n"]}
+{"version":3,"sources":["../../../src/components/video/video.tsx"],"names":[],"mappings":"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","file":"video.js","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Hls from 'hls.js';\n\nimport './video.css';\nimport Button from '../button';\nimport Dropdown, { type DropdownOption } from '../dropdown';\nimport { classnames } from '../helpers/classnames';\nimport ProgressBar from '../progressbar';\n\nexport interface VideoQuality {\n  value: string;\n  label: string;\n  src?: string;\n  disabled?: boolean;\n}\n\nexport interface VideoProgressState {\n  currentTime: number;\n  duration: number;\n  completed: boolean;\n}\n\nexport interface VideoPlaybackError {\n  type: 'media' | 'hls';\n  fatal: boolean;\n  error: unknown;\n}\n\nexport interface VideoProps\n  extends Omit<\n    React.VideoHTMLAttributes<HTMLVideoElement>,\n    'controls' | 'src' | 'poster'\n  > {\n  src?: string;\n  mediaKey?: string;\n  cover?: string;\n  qualities?: VideoQuality[];\n  defaultQuality?: string;\n  label?: string;\n  initialVolume?: number;\n  initialMuted?: boolean;\n  initialTime?: number;\n  progressCommitIntervalSec?: number;\n  onProgressCommit?: (\n    state: VideoProgressState,\n  ) => void;\n  onQualityChange?: (\n    quality: string,\n  ) => void;\n  onPlaybackError?: (\n    error: VideoPlaybackError,\n  ) => void;\n}\n\ninterface VideoTimeParts {\n  minutes: string;\n  seconds: string;\n}\n\nfunction getClampedValue(\n  value: number,\n  min: number,\n  max: number,\n) {\n  return Math.min(\n    Math.max(value, min),\n    max,\n  );\n}\n\nfunction getTimeParts(\n  value: number,\n): VideoTimeParts {\n  if (!Number.isFinite(value)) {\n    return {\n      minutes: '0',\n      seconds: '00',\n    };\n  }\n\n  const minutes = Math.floor(\n    value / 60,\n  );\n\n  const seconds = Math.floor(\n    value % 60,\n  );\n\n  return {\n    minutes: String(minutes),\n    seconds: String(\n      seconds,\n    ).padStart(2, '0'),\n  };\n}\n\nfunction renderTimeDigits(\n  value: string,\n) {\n  return value\n    .split('')\n    .map((digit, index) => (\n      <span\n        key={`${digit}-${index}`}\n        className=\"video__time-digit\"\n      >\n        {digit}\n      </span>\n    ));\n}\n\nfunction getBufferedEnd(\n  video: HTMLVideoElement,\n) {\n  if (video.buffered.length === 0) {\n    return 0;\n  }\n\n  return video.buffered.end(\n    video.buffered.length - 1,\n  );\n}\n\nfunction getVideoSource(\n  src: string | undefined,\n  qualities: VideoQuality[],\n  selectedQuality: string,\n) {\n  const selectedQualityItem =\n    qualities.find(\n      (quality) =>\n        quality.value ===\n        selectedQuality,\n    );\n\n  return selectedQualityItem?.src ?? src;\n}\n\nfunction getQualityOptions(\n  qualities: VideoQuality[],\n): DropdownOption[] {\n  return qualities.map((quality) => ({\n    value: quality.value,\n    label: quality.label,\n    disabled: quality.disabled,\n  }));\n}\n\nfunction getVideoProgressState(\n  video: HTMLVideoElement,\n): VideoProgressState {\n  const duration = video.duration || 0;\n\n  const currentTime =\n    video.currentTime || 0;\n\n  return {\n    currentTime,\n    duration,\n\n    completed:\n      video.ended ||\n      (duration > 0 &&\n        currentTime >=\n          duration * 0.9),\n  };\n}\n\nconst defaultQualities: VideoQuality[] = [];\n\nconst Video: React.FC<VideoProps> = ({\n  src,\n  mediaKey,\n  cover,\n  qualities = defaultQualities,\n  defaultQuality = '',\n  label = 'Video player',\n  initialVolume = 1,\n  initialMuted = false,\n  initialTime = 0,\n  progressCommitIntervalSec = 15,\n  className = '',\n  autoPlay,\n  loop,\n  muted,\n  playsInline = true,\n  preload = 'metadata',\n  onQualityChange,\n  onPlaybackError,\n  onPlay,\n  onPause,\n  onEnded,\n  onError,\n  onLoadedMetadata,\n  onTimeUpdate,\n  onProgress,\n  onVolumeChange,\n  onProgressCommit,\n  children,\n  ...props\n}) => {\n  const videoRef =\n    useRef<HTMLVideoElement>(null);\n\n  const [isPlaying, setIsPlaying] =\n    useState(false);\n\n  const [\n    isVolumeOpen,\n    setIsVolumeOpen,\n  ] = useState(false);\n\n  const [\n    selectedQuality,\n    setSelectedQuality,\n  ] = useState(defaultQuality);\n\n  const [\n    currentTime,\n    setCurrentTime,\n  ] = useState(0);\n\n  const [duration, setDuration] =\n    useState(0);\n\n  const [buffered, setBuffered] =\n    useState(0);\n\n  const [volume, setVolume] =\n    useState(initialVolume);\n\n  const [isMuted, setIsMuted] =\n    useState(\n      muted ?? initialMuted,\n    );\n\n  const hasAppliedInitialTimeRef =\n    useRef(false);\n\n  const lastProgressCommitAtRef =\n    useRef(0);\n\n  const loadedMediaKeyRef =\n    useRef<\n      string | undefined\n    >(undefined);\n\n  const pendingRestoreTimeRef =\n    useRef<number | null>(null);\n\n  const onPlaybackErrorRef =\n    useRef(onPlaybackError);\n\n  const videoSrc = getVideoSource(\n    src,\n    qualities,\n    selectedQuality,\n  );\n\n  const effectiveMediaKey =\n    mediaKey ?? videoSrc;\n\n  const qualityOptions =\n    getQualityOptions(qualities);\n\n  const hasQualityOptions =\n    qualityOptions.length > 0;\n\n  const timeParts =\n    getTimeParts(currentTime);\n\n  useEffect(() => {\n    onPlaybackErrorRef.current =\n      onPlaybackError;\n  }, [onPlaybackError]);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (!video || !videoSrc) {\n      return;\n    }\n\n    const isSameMedia =\n      loadedMediaKeyRef.current !==\n        undefined &&\n      loadedMediaKeyRef.current ===\n        effectiveMediaKey;\n\n    if (isSameMedia) {\n      pendingRestoreTimeRef.current =\n        video.currentTime;\n    } else {\n      pendingRestoreTimeRef.current =\n        null;\n\n      hasAppliedInitialTimeRef.current =\n        false;\n\n      lastProgressCommitAtRef.current =\n        0;\n\n      setCurrentTime(0);\n      setDuration(0);\n      setBuffered(0);\n      setIsPlaying(false);\n    }\n\n    loadedMediaKeyRef.current =\n      effectiveMediaKey;\n\n    video.removeAttribute('src');\n    video.load();\n\n    if (\n      video.canPlayType(\n        'application/vnd.apple.mpegurl',\n      )\n    ) {\n      video.src = videoSrc;\n      return;\n    }\n\n    if (!Hls.isSupported()) {\n      video.src = videoSrc;\n      return;\n    }\n\n    const hls = new Hls();\n\n    hls.on(\n      Hls.Events.ERROR,\n      (_, data) => {\n        console.error(\n          'HLS error',\n          data,\n        );\n\n        onPlaybackErrorRef.current?.({\n          type: 'hls',\n          fatal: data.fatal,\n          error: data,\n        });\n      },\n    );\n\n    hls.loadSource(videoSrc);\n    hls.attachMedia(video);\n\n    return () => {\n      hls.destroy();\n    };\n  }, [videoSrc, effectiveMediaKey]);\n\n  const hasStarted =\n    currentTime > 0 || isPlaying;\n\n  const hasControls = hasStarted;\n\n  const hasVolume = isVolumeOpen;\n\n  const classes = classnames(\n    'video',\n    className,\n    {\n      'video--with-controls':\n        hasControls,\n      'video--with-volume':\n        hasVolume,\n    },\n  );\n\n  const syncMediaState = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    setCurrentTime(video.currentTime);\n\n    setDuration(\n      video.duration || 0,\n    );\n\n    setBuffered(\n      getBufferedEnd(video),\n    );\n\n    setVolume(video.volume);\n\n    setIsMuted(video.muted);\n\n    setIsPlaying(!video.paused);\n  };\n\n  const commitProgress = (\n    video: HTMLVideoElement,\n  ) => {\n    if (!onProgressCommit) {\n      return;\n    }\n\n    onProgressCommit(\n      getVideoProgressState(video),\n    );\n  };\n\n  const handlePlayToggle = async () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    console.log('play click', {\n      paused: video.paused,\n      readyState: video.readyState,\n      src: video.currentSrc,\n      networkState:\n        video.networkState,\n      error: video.error,\n    });\n\n    if (video.paused) {\n      try {\n        await video.play();\n\n        console.log(\n          'play success',\n        );\n      } catch (error) {\n        console.error(\n          'play failed',\n          error,\n        );\n      }\n\n      return;\n    }\n\n    video.pause();\n  };\n\n  const handleSeek = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.currentTime =\n      getClampedValue(\n        nextValue,\n        0,\n        duration,\n      );\n\n    setCurrentTime(\n      video.currentTime,\n    );\n  };\n\n  const handleVolumeChange = (\n    nextValue: number,\n  ) => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    const nextVolume =\n      getClampedValue(\n        nextValue,\n        0,\n        1,\n      );\n\n    video.volume = nextVolume;\n\n    video.muted =\n      nextVolume === 0;\n\n    setVolume(nextVolume);\n\n    setIsMuted(video.muted);\n  };\n\n  const handleSoundToggle = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.muted = !video.muted;\n\n    setIsMuted(video.muted);\n  };\n\n  const handleFullscreen = () => {\n    const video = videoRef.current;\n\n    if (!video) {\n      return;\n    }\n\n    video.requestFullscreen?.();\n  };\n\n  const handleQualityChange = (\n    quality: string,\n  ) => {\n    setSelectedQuality(quality);\n\n    onQualityChange?.(quality);\n  };\n\n  const handleLoadedMetadata = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    if (\n      pendingRestoreTimeRef.current !==\n      null\n    ) {\n      video.currentTime = Math.min(\n        pendingRestoreTimeRef.current,\n        video.duration ||\n          pendingRestoreTimeRef.current,\n      );\n\n      pendingRestoreTimeRef.current =\n        null;\n    } else if (\n      !hasAppliedInitialTimeRef.current &&\n      initialTime > 0\n    ) {\n      video.currentTime = Math.min(\n        initialTime,\n        video.duration ||\n          initialTime,\n      );\n\n      hasAppliedInitialTimeRef.current =\n        true;\n    }\n\n    syncMediaState();\n\n    onLoadedMetadata?.(event);\n  };\n\n  const handleTimeUpdate = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    const video =\n      event.currentTarget;\n\n    syncMediaState();\n\n    if (\n      onProgressCommit &&\n      video.currentTime -\n        lastProgressCommitAtRef.current >=\n        progressCommitIntervalSec\n    ) {\n      lastProgressCommitAtRef.current =\n        video.currentTime;\n\n      commitProgress(video);\n    }\n\n    onTimeUpdate?.(event);\n  };\n\n  const handleProgress = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onProgress?.(event);\n  };\n\n  const handlePlay = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(true);\n\n    onPlay?.(event);\n  };\n\n  const handlePause = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    setIsPlaying(false);\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onPause?.(event);\n  };\n\n  const handleEnded = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    commitProgress(\n      event.currentTarget,\n    );\n\n    onEnded?.(event);\n  };\n\n  const handleNativeError = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    onPlaybackError?.({\n      type: 'media',\n      fatal: true,\n      error:\n        event.currentTarget.error ??\n        event,\n    });\n\n    onError?.(event);\n  };\n\n  const handleNativeVolumeChange = (\n    event: React.SyntheticEvent<HTMLVideoElement>,\n  ) => {\n    syncMediaState();\n\n    onVolumeChange?.(event);\n  };\n\n  return (\n    <div\n      className={classes}\n      aria-label={label}\n    >\n      <div className=\"video__surface\">\n        {cover && !hasStarted ? (\n          <img\n            className=\"video__cover\"\n            src={cover}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ) : null}\n\n        <video\n          {...props}\n          ref={videoRef}\n          className=\"video__media\"\n          poster={cover}\n          autoPlay={autoPlay}\n          loop={loop}\n          muted={isMuted}\n          playsInline={\n            playsInline\n          }\n          preload={preload}\n          controls={false}\n          onLoadedMetadata={\n            handleLoadedMetadata\n          }\n          onTimeUpdate={\n            handleTimeUpdate\n          }\n          onProgress={\n            handleProgress\n          }\n          onPlay={handlePlay}\n          onPause={handlePause}\n          onEnded={handleEnded}\n          onError={\n            handleNativeError\n          }\n          onVolumeChange={\n            handleNativeVolumeChange\n          }\n        >\n          {children}\n        </video>\n\n        {!hasStarted && (\n          <Button\n            mode=\"toolbar\"\n            className=\"video__main-action\"\n            icon=\"play\"\n            aria-label=\"Play video\"\n            onClick={\n              handlePlayToggle\n            }\n          />\n        )}\n      </div>\n\n      {hasControls && (\n        <div className=\"video__controls\">\n          <Button\n            mode=\"toolbar\"\n            icon={\n              isPlaying\n                ? 'pause'\n                : 'play'\n            }\n            aria-label={\n              isPlaying\n                ? 'Pause video'\n                : 'Play video'\n            }\n            onClick={\n              handlePlayToggle\n            }\n          />\n\n          <div className=\"video__time\">\n            <span className=\"video__time-minutes\">\n              {renderTimeDigits(\n                timeParts.minutes,\n              )}\n            </span>\n\n            <span className=\"video__time-separator\">\n              :\n            </span>\n\n            <span className=\"video__time-seconds\">\n              {renderTimeDigits(\n                timeParts.seconds,\n              )}\n            </span>\n          </div>\n\n          <ProgressBar\n            className=\"video__progress\"\n            mode=\"player\"\n            value={currentTime}\n            buffered={buffered}\n            max={duration || 1}\n            step={1}\n            label=\"Video progress\"\n            onValueChange={\n              handleSeek\n            }\n          />\n\n          <Button\n            mode=\"toolbar\"\n            icon=\"fullscreen\"\n            aria-label=\"Fullscreen\"\n            onClick={\n              handleFullscreen\n            }\n          />\n\n          <div\n            className=\"video__sound-control\"\n            onMouseLeave={() =>\n              setIsVolumeOpen(\n                false,\n              )\n            }\n          >\n            <Button\n              mode=\"toolbar\"\n              icon={\n                isMuted\n                  ? 'sound-off'\n                  : 'sound'\n              }\n              aria-label={\n                isMuted\n                  ? 'Unmute video'\n                  : 'Mute video'\n              }\n              onClick={\n                handleSoundToggle\n              }\n              onMouseEnter={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n              onFocus={() =>\n                setIsVolumeOpen(\n                  true,\n                )\n              }\n            />\n\n            {hasVolume && (\n              <div className=\"video__volume\">\n                <ProgressBar\n                  mode=\"level\"\n                  value={\n                    isMuted\n                      ? 0\n                      : volume\n                  }\n                  max={1}\n                  step={0.05}\n                  label=\"Volume\"\n                  onValueChange={\n                    handleVolumeChange\n                  }\n                />\n              </div>\n            )}\n          </div>\n\n          {hasQualityOptions && (\n            <Dropdown\n              align=\"top-end\"\n              value={\n                selectedQuality\n              }\n              options={\n                qualityOptions\n              }\n              label=\"Video quality\"\n              onChange={\n                handleQualityChange\n              }\n              trigger={\n                <Button\n                  mode=\"toolbar\"\n                  icon=\"settings\"\n                  aria-label=\"Video quality\"\n                />\n              }\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Video;\n"]}

package/icons/assets/locked.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const locked = {
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z" })
+};
+
+exports.locked = locked;
+//# sourceMappingURL=locked.cjs.map
+//# sourceMappingURL=locked.cjs.map

package/icons/assets/locked.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/icons/assets/locked.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,MAAA,GAAoB;AAAA,EAC/B,EAAA,iCAAK,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,oqBAAA,EAAqqB,CAAA;AAAA,EACvtB,CAAA,iCAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,wuBAAA,EAAyuB,CAAA;AAAA,EAC1xB,CAAA,iCAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,sqBAAA,EAAuqB,CAAA;AAAA,EACxtB,CAAA,iCAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,+sBAAA,EAAgtB;AACnwB","file":"locked.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const locked: IconGlyph = {\n  xs: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z\" />,\n  s: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z\" />,\n  m: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z\" />,\n  l: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z\" />,\n};"]}

package/icons/assets/locked.d.ts

@@ -0,0 +1,2 @@
+import type { IconGlyph } from '../types';
+export declare const locked: IconGlyph;

package/icons/assets/locked.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+
+const locked = {
+  xs: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z" }),
+  s: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z" }),
+  m: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z" }),
+  l: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z" })
+};
+
+export { locked };
+//# sourceMappingURL=locked.js.map
+//# sourceMappingURL=locked.js.map

package/icons/assets/locked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/icons/assets/locked.tsx"],"names":[],"mappings":";;AAEO,MAAM,MAAA,GAAoB;AAAA,EAC/B,EAAA,sBAAK,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,oqBAAA,EAAqqB,CAAA;AAAA,EACvtB,CAAA,sBAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,wuBAAA,EAAyuB,CAAA;AAAA,EAC1xB,CAAA,sBAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,sqBAAA,EAAuqB,CAAA;AAAA,EACxtB,CAAA,sBAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,+sBAAA,EAAgtB;AACnwB","file":"locked.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const locked: IconGlyph = {\n  xs: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z\" />,\n  s: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z\" />,\n  m: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z\" />,\n  l: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z\" />,\n};"]}

package/icons/manifest.cjs

@@ -6,6 +6,7 @@ var chevronLeft = require('./assets/chevron-left');
 var chevronRight = require('./assets/chevron-right');
 var close = require('./assets/close');
 var fullscreen = require('./assets/fullscreen');
+var locked = require('./assets/locked');
 var pause = require('./assets/pause');
 var play = require('./assets/play');
 var settings = require('./assets/settings');
@@ -43,6 +44,11 @@ const iconManifest = {
     category: "media",
     tags: ["fullscreen", "expand", "player"]
   },
+  locked: {
+    glyph: locked.locked,
+    category: "interface",
+    tags: ["locked", "lock", "private", "secure", "restricted"]
+  },
   pause: {
     glyph: pause.pause,
     category: "media",

package/icons/manifest.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/manifest.ts"],"names":["arrowLink","arrowRight","chevronLeft","chevronRight","close","fullscreen","pause","play","settings","sound","soundOff"],"mappings":";;;;;;;;;;;;;;AAaO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAOA,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAOC,uBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAOC,yBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAOC,SAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.cjs","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}
+{"version":3,"sources":["../../src/icons/manifest.ts"],"names":["arrowLink","arrowRight","chevronLeft","chevronRight","close","fullscreen","locked","pause","play","settings","sound","soundOff"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAOA,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAOC,uBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAOC,yBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,KAAA,EAAOC,aAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,MAAM,CAAC,QAAA,EAAU,MAAA,EAAQ,SAAA,EAAW,UAAU,YAAY;AAAA,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAOC,SAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.cjs","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { locked } from './assets/locked';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  locked: {\n    glyph: locked,\n    category: 'interface',\n    tags: ['locked', 'lock', \"private\", 'secure', 'restricted'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}

package/icons/manifest.d.ts

@@ -29,6 +29,11 @@ export declare const iconManifest: {
         readonly category: "media";
         readonly tags: readonly ["fullscreen", "expand", "player"];
     };
+    readonly locked: {
+        readonly glyph: import("./types").IconGlyph;
+        readonly category: "interface";
+        readonly tags: readonly ["locked", "lock", "private", "secure", "restricted"];
+    };
     readonly pause: {
         readonly glyph: import("./types").IconGlyph;
         readonly category: "media";

package/icons/manifest.js

@@ -4,6 +4,7 @@ import { chevronLeft } from './assets/chevron-left';
 import { chevronRight } from './assets/chevron-right';
 import { close } from './assets/close';
 import { fullscreen } from './assets/fullscreen';
+import { locked } from './assets/locked';
 import { pause } from './assets/pause';
 import { play } from './assets/play';
 import { settings } from './assets/settings';
@@ -41,6 +42,11 @@ const iconManifest = {
     category: "media",
     tags: ["fullscreen", "expand", "player"]
   },
+  locked: {
+    glyph: locked,
+    category: "interface",
+    tags: ["locked", "lock", "private", "secure", "restricted"]
+  },
   pause: {
     glyph: pause,
     category: "media",

package/icons/manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/manifest.ts"],"names":[],"mappings":";;;;;;;;;;;;AAaO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,YAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.js","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}
+{"version":3,"sources":["../../src/icons/manifest.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,YAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,MAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,MAAM,CAAC,QAAA,EAAU,MAAA,EAAQ,SAAA,EAAW,UAAU,YAAY;AAAA,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.js","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { locked } from './assets/locked';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  locked: {\n    glyph: locked,\n    category: 'interface',\n    tags: ['locked', 'lock', \"private\", 'secure', 'restricted'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -812,8 +812,14 @@
 .calendar-month {
   /* color */
   --calendar-month-color: inherit;
-  --calendar-month-note-color: var(--color-text-note);
-  --calendar-month-marker-color: var(--color-primary);
+  --calendar-month-weekday-color:
+    var(--color-text);
+  --calendar-month-marked-bg:
+    var(--color-bg-contrast);
+  --calendar-month-marked-color:
+    var(--color-text-contrast);
+  --calendar-month-marker-color:
+    var(--color-primary);
 
   color: var(--calendar-month-color);
 
@@ -920,7 +926,6 @@
 
 .calendar-month__weekday {
   /* color */
-  color: var(--calendar-month-note-color);
 
   /* typography */
   font-family:
@@ -1000,11 +1005,10 @@
     var(--calendar-month-date-letter-spacing);
 
   /* size */
-  display: inline-flex;
-  flex-direction: column;
+  position: relative;
+  display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.25rem;
   width: 100%;
   height: 100%;
 
@@ -1017,6 +1021,10 @@
 
 .calendar-month__date--marked {
   /* color */
+  background:
+    var(--calendar-month-marked-bg);
+  color:
+    var(--calendar-month-marked-color);
 
   /* typography */
 
@@ -1031,13 +1039,20 @@
 
 .calendar-month__marker {
   /* color */
-  background: var(--calendar-month-marker-color);
+  background:
+    var(--calendar-month-marker-color);
 
   /* typography */
 
   /* size */
-  width: var(--calendar-month-marker-size);
-  height: var(--calendar-month-marker-size);
+  position: absolute;
+  bottom: 0.25rem;
+  left: 50%;
+  width:
+    var(--calendar-month-marker-size);
+  height:
+    var(--calendar-month-marker-size);
+  transform: translateX(-50%);
 
   /* border */
   border-radius: 999px;
@@ -4852,6 +4867,9 @@
   --video-padding: var(--padding-container);
   --video-controls-gap: var(--margin-icon);
   --video-volume-height: 400px;
+  --video-time-digit-width: 0.6em;
+  --video-time-digit-gap: 0.04em;
+  --video-time-separator-gap: 0.1em;
 
   position: relative;
   width: var(--video-width);
@@ -4971,7 +4989,9 @@
   letter-spacing: var(--video-time-letter-spacing);
 
   /* size */
+  display: inline-flex;
   flex-shrink: 0;
+  align-items: center;
   white-space: nowrap;
 
   /* border */
@@ -4981,6 +5001,85 @@
   /* motion */
 }
 
+.video__time-minutes {
+  /* color */
+
+  /* typography */
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: flex-end;
+  gap: var(--video-time-digit-gap);
+  min-width: calc(
+    var(--video-time-digit-width) * 2 +
+      var(--video-time-digit-gap)
+  );
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.video__time-seconds {
+  /* color */
+
+  /* typography */
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: var(--video-time-digit-gap);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.video__time-digit {
+  /* color */
+
+  /* typography */
+  text-align: center;
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: center;
+  width: var(--video-time-digit-width);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.video__time-separator {
+  /* color */
+
+  /* typography */
+  line-height: 1;
+
+  /* size */
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  margin-inline: var(--video-time-separator-gap);
+  transform: translateY(-0.08em);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
 .video__progress {
   /* size */
   flex: 1;