@layers-app/shared 0.4.6 → 0.4.8

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/Video.module.css.js

@@ -0,0 +1,4 @@
+var e = { root: "me_93a1ff14", video: "me_e0d35c89", backgroundMuteButton: "me_c06a98ab", controls: "me_cdf35be8", controlBar: "me_1e8b5628", playButton: "me_39f8f838", muteButton: "me_273e3f5d", fullscreenButton: "me_3d7259ff", pipButton: "me_1d5188b7", captionsButton: "me_c8163091", skipButton: "me_e5822e43", iconButton: "me_bdfae1bd", timeline: "me_73f6e973", timelineBuffered: "me_aaddbb72", timeDisplay: "me_a6bc92c3" };
+export {
+  e as default
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoCaptionsButton.js

@@ -0,0 +1,55 @@
+import { Tooltip as g, ActionIcon as h } from "@mantine/core";
+import { IconBadgeCcFilled as b, IconBadgeCc as y } from "@tabler/icons-react";
+import s, { forwardRef as L, useState as d, useEffect as T } from "react";
+import { useVideoContext as w } from "../Video.context.js";
+const x = L(
+  ({ enableLabel: l = "Enable captions", disableLabel: f = "Disable captions", ...m }, u) => {
+    const o = w(), [r, v] = d(!1), [p, k] = d(!1);
+    if (T(() => {
+      const n = o.videoRef.current;
+      if (!n) return;
+      const t = () => {
+        const c = Array.from(n.textTracks).filter(
+          (a) => a.kind === "captions" || a.kind === "subtitles"
+        );
+        k(c.length > 0), v(c.some((a) => a.mode === "showing"));
+      };
+      t();
+      const e = n.textTracks;
+      if (typeof e.addEventListener == "function")
+        return e.addEventListener("change", t), e.addEventListener("addtrack", t), e.addEventListener("removetrack", t), () => {
+          e.removeEventListener?.("change", t), e.removeEventListener?.("addtrack", t), e.removeEventListener?.("removetrack", t);
+        };
+    }, [o.videoRef]), !p) return null;
+    const E = () => {
+      const n = o.videoRef.current;
+      if (!n) return;
+      const t = Array.from(n.textTracks).filter(
+        (e) => e.kind === "captions" || e.kind === "subtitles"
+      );
+      t.length !== 0 && (r ? t.forEach((e) => {
+        e.mode = "disabled";
+      }) : t[0].mode = "showing");
+    }, i = r ? f : l;
+    return /* @__PURE__ */ s.createElement(g, { label: i, withArrow: !0, openDelay: 400 }, /* @__PURE__ */ s.createElement(
+      h,
+      {
+        ref: u,
+        variant: "transparent",
+        color: "white",
+        size: "lg",
+        "aria-label": i,
+        "aria-pressed": r,
+        onClick: E,
+        "data-state": r ? "on" : "off",
+        ...o.getStyles("captionsButton"),
+        ...m
+      },
+      r ? /* @__PURE__ */ s.createElement(b, { size: 20 }) : /* @__PURE__ */ s.createElement(y, { size: 20 })
+    ));
+  }
+);
+x.displayName = "VideoCaptionsButton";
+export {
+  x as VideoCaptionsButton
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoControls.js

@@ -0,0 +1,30 @@
+import { Box as o } from "@mantine/core";
+import e, { forwardRef as i } from "react";
+import { useVideoContext as a } from "../Video.context.js";
+import { VideoCaptionsButton as c } from "./VideoCaptionsButton.js";
+import { VideoFullscreenButton as u } from "./VideoFullscreenButton.js";
+import { VideoMuteButton as p } from "./VideoMuteButton.js";
+import { VideoPiPButton as s } from "./VideoPiPButton.js";
+import { VideoPlayButton as d } from "./VideoPlayButton.js";
+import { VideoTimeDisplay as f } from "./VideoTimeDisplay.js";
+import { VideoTimeline as V } from "./VideoTimeline.js";
+const E = i(
+  ({ children: r, ...l }, n) => {
+    const t = a();
+    return /* @__PURE__ */ e.createElement(
+      o,
+      {
+        ref: n,
+        ...t.getStyles("controls"),
+        mod: { visible: t.controlsVisible },
+        onClick: (m) => m.stopPropagation(),
+        ...l
+      },
+      /* @__PURE__ */ e.createElement(o, { ...t.getStyles("controlBar") }, r ?? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, null), /* @__PURE__ */ e.createElement(V, null), /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(p, null), /* @__PURE__ */ e.createElement(c, null), /* @__PURE__ */ e.createElement(s, null), /* @__PURE__ */ e.createElement(u, null)))
+    );
+  }
+);
+E.displayName = "VideoControls";
+export {
+  E as VideoControls
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoFullscreenButton.js

@@ -0,0 +1,31 @@
+import { Tooltip as i, ActionIcon as a } from "@mantine/core";
+import { IconMinimize as s, IconMaximize as u } from "@tabler/icons-react";
+import t, { forwardRef as f } from "react";
+import { useVideoContext as m } from "../Video.context.js";
+const p = f(
+  ({ enterLabel: r = "Enter fullscreen", exitLabel: n = "Exit fullscreen", ...o }, c) => {
+    const e = m();
+    if (!e.canFullscreen) return null;
+    const l = e.fullscreen ? n : r;
+    return /* @__PURE__ */ t.createElement(i, { label: l, withArrow: !0, openDelay: 400 }, /* @__PURE__ */ t.createElement(
+      a,
+      {
+        ref: c,
+        variant: "transparent",
+        color: "white",
+        size: "lg",
+        "aria-label": l,
+        "aria-pressed": e.fullscreen,
+        onClick: e.toggleFullscreen,
+        "data-state": e.fullscreen ? "on" : "off",
+        ...e.getStyles("fullscreenButton"),
+        ...o
+      },
+      e.fullscreen ? /* @__PURE__ */ t.createElement(s, { size: 20 }) : /* @__PURE__ */ t.createElement(u, { size: 20 })
+    ));
+  }
+);
+p.displayName = "VideoFullscreenButton";
+export {
+  p as VideoFullscreenButton
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoMuteButton.js

@@ -0,0 +1,29 @@
+import { Tooltip as i, ActionIcon as c } from "@mantine/core";
+import { IconVolume3 as s, IconVolume2 as d, IconVolume as p } from "@tabler/icons-react";
+import o, { forwardRef as f } from "react";
+import { useVideoContext as V } from "../Video.context.js";
+const I = f(
+  ({ muteLabel: r = "Mute", unmuteLabel: u = "Unmute", ...a }, m) => {
+    const e = V(), t = e.muted || e.volume === 0, n = t ? u : r, l = t ? s : e.volume < 0.5 ? d : p;
+    return /* @__PURE__ */ o.createElement(i, { label: n, withArrow: !0, openDelay: 400 }, /* @__PURE__ */ o.createElement(
+      c,
+      {
+        ref: m,
+        variant: "transparent",
+        color: "white",
+        size: "lg",
+        "aria-label": n,
+        "aria-pressed": t,
+        onClick: e.toggleMute,
+        "data-state": t ? "muted" : "unmuted",
+        ...e.getStyles("muteButton"),
+        ...a
+      },
+      /* @__PURE__ */ o.createElement(l, { size: 20 })
+    ));
+  }
+);
+I.displayName = "VideoMuteButton";
+export {
+  I as VideoMuteButton
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoPiPButton.js

@@ -0,0 +1,29 @@
+import { Tooltip as n, ActionIcon as a } from "@mantine/core";
+import { IconPictureInPicture as c } from "@tabler/icons-react";
+import e, { forwardRef as p } from "react";
+import { useVideoContext as l } from "../Video.context.js";
+const u = p(
+  ({ label: o = "Picture-in-Picture", ...r }, i) => {
+    const t = l();
+    return t.canPiP ? /* @__PURE__ */ e.createElement(n, { label: o, withArrow: !0, openDelay: 400 }, /* @__PURE__ */ e.createElement(
+      a,
+      {
+        ref: i,
+        variant: "transparent",
+        color: "white",
+        size: "lg",
+        "aria-label": o,
+        "aria-pressed": t.pip,
+        onClick: t.togglePiP,
+        "data-state": t.pip ? "on" : "off",
+        ...t.getStyles("pipButton"),
+        ...r
+      },
+      /* @__PURE__ */ e.createElement(c, { size: 20 })
+    )) : null;
+  }
+);
+u.displayName = "VideoPiPButton";
+export {
+  u as VideoPiPButton
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoPlayButton.js

@@ -0,0 +1,28 @@
+import { Tooltip as i, ActionIcon as c } from "@mantine/core";
+import { IconPlayerPauseFilled as p, IconPlayerPlayFilled as s } from "@tabler/icons-react";
+import t, { forwardRef as y } from "react";
+import { useVideoContext as m } from "../Video.context.js";
+const d = y(
+  ({ playLabel: l = "Play", pauseLabel: o = "Pause", ...r }, n) => {
+    const e = m(), a = e.playing ? o : l;
+    return /* @__PURE__ */ t.createElement(i, { label: a, withArrow: !0, openDelay: 400 }, /* @__PURE__ */ t.createElement(
+      c,
+      {
+        ref: n,
+        variant: "transparent",
+        color: "white",
+        size: "lg",
+        "aria-label": a,
+        onClick: e.toggle,
+        "data-state": e.playing ? "playing" : "paused",
+        ...e.getStyles("playButton"),
+        ...r
+      },
+      e.playing ? /* @__PURE__ */ t.createElement(p, { size: 20 }) : /* @__PURE__ */ t.createElement(s, { size: 20 })
+    ));
+  }
+);
+d.displayName = "VideoPlayButton";
+export {
+  d as VideoPlayButton
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoSkipButton.js

@@ -0,0 +1,27 @@
+import { Tooltip as p, ActionIcon as d } from "@mantine/core";
+import { IconRewindForward10 as s, IconRewindBackward10 as w } from "@tabler/icons-react";
+import e, { forwardRef as f } from "react";
+import { useVideoContext as k } from "../Video.context.js";
+const u = f(
+  ({ seconds: t = 10, icon: n, label: i, ...c }, l) => {
+    const o = k(), r = t >= 0, a = i ?? `${r ? "Forward" : "Back"} ${Math.abs(t)}s`, m = n ?? (r ? /* @__PURE__ */ e.createElement(s, { size: 20 }) : /* @__PURE__ */ e.createElement(w, { size: 20 }));
+    return /* @__PURE__ */ e.createElement(p, { label: a, withArrow: !0, openDelay: 400 }, /* @__PURE__ */ e.createElement(
+      d,
+      {
+        ref: l,
+        variant: "transparent",
+        color: "white",
+        size: "lg",
+        "aria-label": a,
+        onClick: () => o.seekBy(t),
+        ...o.getStyles("skipButton"),
+        ...c
+      },
+      m
+    ));
+  }
+);
+u.displayName = "VideoSkipButton";
+export {
+  u as VideoSkipButton
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoTimeDisplay.js

@@ -0,0 +1,44 @@
+import { Text as s } from "@mantine/core";
+import c, { forwardRef as f } from "react";
+import { useVideoContext as u } from "../Video.context.js";
+const l = f(
+  ({ format: r = "current/duration", ...t }, e) => {
+    const o = u(), n = p(r, o.currentTime, o.duration);
+    return /* @__PURE__ */ c.createElement(
+      s,
+      {
+        ref: e,
+        size: "sm",
+        c: "white",
+        ff: "monospace",
+        ta: "center",
+        ...o.getStyles("timeDisplay"),
+        ...t
+      },
+      n
+    );
+  }
+);
+l.displayName = "VideoTimeDisplay";
+function a(r) {
+  if (!Number.isFinite(r) || r < 0) return "0:00";
+  const t = Math.floor(r), e = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), n = t % 60, i = e > 0 ? String(o).padStart(2, "0") : String(o), m = String(n).padStart(2, "0");
+  return e > 0 ? `${e}:${i}:${m}` : `${i}:${m}`;
+}
+function p(r, t, e) {
+  switch (r) {
+    case "current":
+      return a(t);
+    case "duration":
+      return a(e);
+    case "remaining":
+      return a(Math.max(e - t, 0));
+    case "current/-remaining":
+      return `${a(t)} / -${a(Math.max(e - t, 0))}`;
+    default:
+      return `${a(t)} / ${a(e)}`;
+  }
+}
+export {
+  l as VideoTimeDisplay
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/components/VideoTimeline.js

@@ -0,0 +1,70 @@
+import { Box as h, Slider as y } from "@mantine/core";
+import b, { forwardRef as v, useState as x, useRef as m, useEffect as R, useCallback as p } from "react";
+import { useVideoContext as E } from "../Video.context.js";
+const $ = v(
+  ({ sliderProps: o, liveScrub: t = !0, ...l }, u) => {
+    const e = E(), [c, i] = x(null), f = m(!1), d = m(!1), r = m(null), a = m(null), s = Number.isFinite(e.duration) && e.duration > 0 ? e.duration : 0, g = c ?? e.currentTime, S = s > 0 ? e.buffered / s * 100 : 0;
+    R(
+      () => () => {
+        r.current !== null && cancelAnimationFrame(r.current);
+      },
+      []
+    );
+    const C = p(
+      (n) => {
+        f.current || (f.current = !0, d.current = e.playing, t && e.playing && e.pause()), i(n), t && (a.current = n, r.current === null && (r.current = requestAnimationFrame(() => {
+          r.current = null, a.current !== null && (e.seek(a.current), a.current = null);
+        })));
+      },
+      [e, t]
+    ), k = p(
+      (n) => {
+        r.current !== null && (cancelAnimationFrame(r.current), r.current = null), a.current = null, e.seek(n), i(null), f.current = !1, d.current && (d.current = !1, e.play());
+      },
+      [e]
+    );
+    return /* @__PURE__ */ b.createElement(h, { ref: u, ...e.getStyles("timeline"), ...l }, /* @__PURE__ */ b.createElement(
+      h,
+      {
+        ...e.getStyles("timelineBuffered"),
+        style: { width: `${S}%` },
+        "aria-hidden": !0
+      }
+    ), /* @__PURE__ */ b.createElement(
+      y,
+      {
+        value: Math.min(g, s || g),
+        onChange: C,
+        onChangeEnd: k,
+        min: 0,
+        max: s || 1e-4,
+        step: 0.01,
+        label: (n) => w(n),
+        showLabelOnHover: !0,
+        color: "var(--video-timeline-color)",
+        thumbSize: 12,
+        size: "xs",
+        "aria-label": "Seek",
+        styles: {
+          root: { flex: 1, width: "100%" },
+          track: { backgroundColor: "rgba(255, 255, 255, 0.25)" },
+          bar: { backgroundColor: "var(--video-timeline-color)" },
+          thumb: {
+            backgroundColor: "var(--video-timeline-thumb-color)",
+            borderColor: "var(--video-timeline-thumb-color)"
+          }
+        },
+        ...o
+      }
+    ));
+  }
+);
+$.displayName = "VideoTimeline";
+function w(o) {
+  if (!Number.isFinite(o) || o < 0) return "0:00";
+  const t = Math.floor(o), l = Math.floor(t / 3600), u = Math.floor(t % 3600 / 60), e = t % 60, c = l > 0 ? String(u).padStart(2, "0") : String(u), i = String(e).padStart(2, "0");
+  return l > 0 ? `${l}:${c}:${i}` : `${c}:${i}`;
+}
+export {
+  $ as VideoTimeline
+};

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/use-video.js

@@ -0,0 +1,170 @@
+import { useRef as m, useState as a, useEffect as i, useCallback as u } from "react";
+function Ee(r = {}) {
+  const n = m(null), o = m(null), [v, l] = a(!1), [N, y] = a(0), [B, P] = a(0), [U, E] = a(0), [W, g] = a(r.volume ?? 1), [j, p] = a(r.muted ?? !1), [z, h] = a(r.playbackRate ?? 1), [A, L] = a(!1), [G, d] = a(!1), [H, J] = a(null), [K, O] = a(!1), [Q, b] = a(!1), [X, R] = a(!1), [Y, Z] = a(!1), [_, $] = a(!1);
+  i(() => {
+    typeof document > "u" || (Z(!!document.fullscreenEnabled), $(
+      document.pictureInPictureEnabled === !0
+    ));
+  }, []);
+  const c = m(r);
+  c.current = r, i(() => {
+    const e = n.current;
+    if (!e) return;
+    const t = () => {
+      l(!0), L(!1), c.current.onPlayChange?.(!0);
+    }, s = () => {
+      l(!1), c.current.onPlayChange?.(!1);
+    }, k = () => {
+      L(!0), l(!1), c.current.onEnded?.();
+    }, C = () => {
+      y(e.currentTime), c.current.onCurrentTimeChange?.(e.currentTime);
+    }, f = () => {
+      const D = e.duration || 0;
+      P(D), c.current.onDurationChange?.(D);
+    }, F = () => {
+      g(e.volume), p(e.muted), c.current.onVolumeChange?.(e.volume);
+    }, T = () => {
+      h(e.playbackRate), c.current.onPlaybackRateChange?.(e.playbackRate);
+    }, I = () => d(!0), x = () => d(!1), M = () => {
+      R(!0), d(!1);
+    }, w = () => {
+      e.buffered.length > 0 && E(e.buffered.end(e.buffered.length - 1));
+    }, q = () => {
+      J(e.error), d(!1), c.current.onError?.(e.error);
+    }, S = () => {
+      b(!0), c.current.onEnterPictureInPicture?.();
+    }, V = () => {
+      b(!1), c.current.onLeavePictureInPicture?.();
+    };
+    return e.addEventListener("play", t), e.addEventListener("pause", s), e.addEventListener("ended", k), e.addEventListener("timeupdate", C), e.addEventListener("durationchange", f), e.addEventListener("loadedmetadata", f), e.addEventListener("volumechange", F), e.addEventListener("ratechange", T), e.addEventListener("waiting", I), e.addEventListener("playing", x), e.addEventListener("canplay", M), e.addEventListener("progress", w), e.addEventListener("error", q), e.addEventListener("enterpictureinpicture", S), e.addEventListener("leavepictureinpicture", V), Number.isFinite(e.duration) && e.duration > 0 && P(e.duration), e.currentTime > 0 && y(e.currentTime), (e.volume !== 1 || e.muted) && (g(e.volume), p(e.muted)), e.playbackRate !== 1 && h(e.playbackRate), e.paused || l(!0), e.readyState >= 3 && R(!0), e.buffered.length > 0 && E(e.buffered.end(e.buffered.length - 1)), () => {
+      e.removeEventListener("play", t), e.removeEventListener("pause", s), e.removeEventListener("ended", k), e.removeEventListener("timeupdate", C), e.removeEventListener("durationchange", f), e.removeEventListener("loadedmetadata", f), e.removeEventListener("volumechange", F), e.removeEventListener("ratechange", T), e.removeEventListener("waiting", I), e.removeEventListener("playing", x), e.removeEventListener("canplay", M), e.removeEventListener("progress", w), e.removeEventListener("error", q), e.removeEventListener("enterpictureinpicture", S), e.removeEventListener("leavepictureinpicture", V);
+    };
+  }, []), i(() => {
+    if (typeof document > "u") return;
+    const e = () => {
+      const t = document.fullscreenElement === o.current || document.fullscreenElement === n.current;
+      O(t), c.current.onFullscreenChange?.(t);
+    };
+    return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+  }, []), i(() => {
+    if (r.playing === void 0) return;
+    const e = n.current;
+    e && (r.playing && e.paused ? e.play().catch(() => {
+    }) : !r.playing && !e.paused && e.pause());
+  }, [r.playing]), i(() => {
+    if (r.currentTime === void 0) return;
+    const e = n.current;
+    e && Math.abs(e.currentTime - r.currentTime) > 0.5 && (e.currentTime = r.currentTime);
+  }, [r.currentTime]), i(() => {
+    if (r.volume === void 0) return;
+    const e = n.current;
+    e && Math.abs(e.volume - r.volume) > 0.01 && (e.volume = Math.max(0, Math.min(1, r.volume)));
+  }, [r.volume]), i(() => {
+    if (r.playbackRate === void 0) return;
+    const e = n.current;
+    e && e.playbackRate !== r.playbackRate && (e.playbackRate = r.playbackRate);
+  }, [r.playbackRate]);
+  const ee = u(async () => {
+    const e = n.current;
+    if (e)
+      try {
+        await e.play();
+      } catch {
+      }
+  }, []), te = u(() => {
+    n.current?.pause();
+  }, []), ne = u(() => {
+    const e = n.current;
+    e && (e.paused ? e.play().catch(() => {
+    }) : e.pause());
+  }, []), re = u((e) => {
+    const t = n.current;
+    if (!t) return;
+    const s = Number.isFinite(t.duration) ? t.duration : 1 / 0;
+    t.currentTime = Math.max(0, Math.min(e, s));
+  }, []), ue = u((e) => {
+    const t = n.current;
+    if (!t) return;
+    const s = Number.isFinite(t.duration) ? t.duration : 1 / 0;
+    t.currentTime = Math.max(0, Math.min(t.currentTime + e, s));
+  }, []), ae = u((e) => {
+    const t = n.current;
+    t && (t.volume = Math.max(0, Math.min(1, e)), e > 0 && t.muted && (t.muted = !1));
+  }, []), ce = u(() => {
+    n.current && (n.current.muted = !0);
+  }, []), ie = u(() => {
+    n.current && (n.current.muted = !1);
+  }, []), se = u(() => {
+    const e = n.current;
+    e && (e.muted = !e.muted);
+  }, []), oe = u((e) => {
+    n.current && (n.current.playbackRate = e);
+  }, []), le = u(async () => {
+    const e = o.current;
+    e && e.requestFullscreen && await e.requestFullscreen();
+  }, []), de = u(async () => {
+    typeof document < "u" && document.fullscreenElement && await document.exitFullscreen();
+  }, []), fe = u(async () => {
+    if (typeof document < "u" && document.fullscreenElement)
+      await document.exitFullscreen();
+    else {
+      const e = o.current;
+      e?.requestFullscreen && await e.requestFullscreen();
+    }
+  }, []), me = u(async () => {
+    const e = n.current;
+    e?.requestPictureInPicture && await e.requestPictureInPicture();
+  }, []), ve = u(async () => {
+    if (typeof document > "u") return;
+    const e = document;
+    e.pictureInPictureElement && e.exitPictureInPicture && await e.exitPictureInPicture();
+  }, []), ye = u(async () => {
+    if (typeof document > "u") return;
+    const e = document;
+    if (e.pictureInPictureElement && e.exitPictureInPicture)
+      await e.exitPictureInPicture();
+    else {
+      const t = n.current;
+      t?.requestPictureInPicture && await t.requestPictureInPicture();
+    }
+  }, []);
+  return {
+    videoRef: n,
+    containerRef: o,
+    playing: v,
+    paused: !v,
+    ended: A,
+    currentTime: N,
+    duration: B,
+    buffered: U,
+    volume: W,
+    muted: j,
+    playbackRate: z,
+    fullscreen: K,
+    pip: Q,
+    isLoading: G,
+    error: H,
+    canPlay: X,
+    canFullscreen: Y,
+    canPiP: _,
+    play: ee,
+    pause: te,
+    toggle: ne,
+    seek: re,
+    seekBy: ue,
+    setVolume: ae,
+    mute: ce,
+    unmute: ie,
+    toggleMute: se,
+    setPlaybackRate: oe,
+    requestFullscreen: le,
+    exitFullscreen: de,
+    toggleFullscreen: fe,
+    requestPiP: me,
+    exitPiP: ve,
+    togglePiP: ye
+  };
+}
+export {
+  Ee as useVideo
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "Shared components, hooks, and utilities for Layers application",
   "files": [
     "dist",
@@ -37,6 +37,7 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.0",
     "@emoji-mart/data": "^1.2.1",
+    "@layers-app/draggable-ui": "^0.0.1",
     "@layers-app/onboarding-tour": "^4.0.0",
     "@mantine/core": ">=9.0.0",
     "@mantine/dates": ">=9.0.0",
@@ -52,7 +53,6 @@
     "@tanstack/virtual-core": "^3.0.0",
     "chroma-js": "^3.1.2",
     "date-fns": "^4.1.0",
-    "@layers-app/draggable-ui": "^0.0.1",
     "emoji-mart": "^5.6.0",
     "exceljs": "^4.3.0",
     "framer-motion": "^11.3.24",
@@ -73,6 +73,8 @@
     "zustand": "^5.0.3"
   },
   "dependencies": {
-    "@gfazioli/mantine-onboarding-tour": "^4.0.0"
+    "@gfazioli/mantine-audio": "^1.0.2",
+    "@gfazioli/mantine-onboarding-tour": "^4.0.0",
+    "@gfazioli/mantine-video": "^1.1.2"
   }
 }