@layers-app/shared 0.4.2 → 0.4.3

package/dist/components/MusicPlayerBar/components/Waveform.js

@@ -0,0 +1,47 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useCallback as h } from "react";
+import e from "../MusicPlayerBar.module.css.js";
+function x({
+  clipRef: l,
+  heights: s,
+  activeBar: c,
+  currentTime: n,
+  duration: i,
+  label: o,
+  onSeek: m
+}) {
+  const v = h(
+    (t) => {
+      const a = t.currentTarget.getBoundingClientRect(), f = Math.max(
+        0,
+        Math.min((t.clientX - a.left) / a.width, 1)
+      );
+      m(f);
+    },
+    [m]
+  ), d = Number.isFinite(i) && i > 0 ? Math.round(i) : 0;
+  return /* @__PURE__ */ r("div", { ref: l, className: e.waveformClip, children: /* @__PURE__ */ r(
+    "div",
+    {
+      "data-testid": "music-waveform",
+      className: e.waveform,
+      onClick: v,
+      role: "slider",
+      "aria-label": o,
+      "aria-valuenow": Math.round(n),
+      "aria-valuemin": 0,
+      "aria-valuemax": d,
+      children: s.map((t, a) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: `${e.stem} ${a < c ? e.stemActive : e.stemInactive}`,
+          style: { height: t }
+        },
+        a
+      ))
+    }
+  ) });
+}
+export {
+  x as Waveform
+};

package/dist/components/MusicPlayerBar/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const DEFAULT_RATES: readonly [0.5, 0.7, 1, 1.2, 1.5, 1.7, 2];
+export declare const BAR_WIDTH = 3;
+export declare const BAR_GAP = 3;
+export declare const BAR_STEP: number;
+export declare const STEM_MIN_HEIGHT = 6;
+export declare const STEM_MAX_HEIGHT = 28;
+export declare const MIN_BAR_COUNT = 4;
+export declare const MAX_BAR_COUNT = 200;
+export declare const DEFAULT_BAR_COUNT = 40;
+export declare const POLL_INTERVAL_MS = 200;
+export declare const LINK_COPIED_TIMEOUT_MS = 1000;
+export declare const SPEED_POPOVER_OPEN_DELAY_MS = 120;
+export declare const SPEED_POPOVER_CLOSE_DELAY_MS = 220;
+export declare const VOLUME_POPOVER_OPEN_DELAY_MS = 120;
+export declare const VOLUME_POPOVER_CLOSE_DELAY_MS = 480;
+export declare const TOUCH_DEVICE_QUERY = "(hover: none) and (pointer: coarse)";
+export declare const TOUCH_TABLET_QUERY = "(hover: none) and (pointer: coarse) and (min-width: 769px)";
+export declare const HOVER_CAPABLE_QUERY = "(hover: hover)";
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/MusicPlayerBar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0CAA2C,CAAC;AAEtE,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,QAAQ,QAAsB,CAAC;AAE5C,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,eAAO,MAAM,kBAAkB,wCAAwC,CAAC;AACxE,eAAO,MAAM,kBAAkB,+DAC+B,CAAC;AAC/D,eAAO,MAAM,mBAAmB,mBAAmB,CAAC"}

package/dist/components/MusicPlayerBar/constants.js

@@ -0,0 +1,21 @@
+const o = [0.5, 0.7, 1, 1.2, 1.5, 1.7, 2], _ = 3, E = 3, n = _ + E, O = 6, t = 28, c = 4, s = 200, A = 40, T = 200, P = 1e3, L = 120, R = 220, M = 120, S = 480, U = "(hover: none) and (pointer: coarse)", e = "(hover: none) and (pointer: coarse) and (min-width: 769px)", D = "(hover: hover)";
+export {
+  E as BAR_GAP,
+  n as BAR_STEP,
+  _ as BAR_WIDTH,
+  A as DEFAULT_BAR_COUNT,
+  o as DEFAULT_RATES,
+  D as HOVER_CAPABLE_QUERY,
+  P as LINK_COPIED_TIMEOUT_MS,
+  s as MAX_BAR_COUNT,
+  c as MIN_BAR_COUNT,
+  T as POLL_INTERVAL_MS,
+  R as SPEED_POPOVER_CLOSE_DELAY_MS,
+  L as SPEED_POPOVER_OPEN_DELAY_MS,
+  t as STEM_MAX_HEIGHT,
+  O as STEM_MIN_HEIGHT,
+  U as TOUCH_DEVICE_QUERY,
+  e as TOUCH_TABLET_QUERY,
+  S as VOLUME_POPOVER_CLOSE_DELAY_MS,
+  M as VOLUME_POPOVER_OPEN_DELAY_MS
+};

package/dist/components/MusicPlayerBar/helpers.d.ts

@@ -0,0 +1,11 @@
+export declare function formatTime(seconds: number): string;
+export declare function pseudoHeight(i: number, min?: number, max?: number): number;
+export declare function buildHeights(n: number, source?: number[]): number[];
+export declare function resolveDownloadFileName(src: string): string;
+export declare function downloadByUrl(src: string, suggestedName: string): void;
+export declare function pickVolumeIcon(volume: number, muted: boolean): [string, {
+    [key: string]: string | number;
+}][] | readonly (readonly [string, {
+    readonly [key: string]: string | number;
+}])[];
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/MusicPlayerBar/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/helpers.ts"],"names":[],"mappings":"AAQA,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAMlD;AAED,wBAAgB,YAAY,CAC1B,CAAC,EAAE,MAAM,EACT,GAAG,SAAkB,EACrB,GAAG,SAAkB,GACpB,MAAM,CAIR;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAenE;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAa3D;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAQtE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;;;;MAI5D"}

package/dist/components/MusicPlayerBar/helpers.js

@@ -0,0 +1,44 @@
+import { VolumeOffIcon as f, VolumeLowIcon as m, VolumeHighIcon as u } from "@hugeicons/core-free-icons";
+import { STEM_MIN_HEIGHT as c, STEM_MAX_HEIGHT as p } from "./constants.js";
+function d(t) {
+  if (!Number.isFinite(t) || t < 0) return "0:00";
+  const n = Math.floor(t), o = Math.floor(n / 60), r = n % 60;
+  return `${o}:${r.toString().padStart(2, "0")}`;
+}
+function i(t, n = c, o = p) {
+  return Math.round(
+    Math.abs(Math.sin(t * 2.3 + 1.7) * Math.cos(t * 0.9)) * (o - n) + n
+  );
+}
+function M(t, n) {
+  return n?.length ? n.length === t ? n : Array.from({ length: t }, (o, r) => {
+    const l = n.length > 1 ? r / Math.max(t - 1, 1) * (n.length - 1) : 0, e = Math.floor(l), a = Math.min(e + 1, n.length - 1), h = l - e;
+    return Math.round(
+      (n[e] ?? i(e)) * (1 - h) + (n[a] ?? i(a)) * h
+    );
+  }) : Array.from({ length: t }, (o, r) => i(r));
+}
+function w(t) {
+  try {
+    const r = ((t.startsWith("http://") || t.startsWith("https://") ? new URL(t) : new URL(t, window.location.href)).searchParams.get("originalFileName") || t).split("/").pop()?.split("?")[0]?.trim();
+    return r && r.length > 0 ? r : "file";
+  } catch {
+    const n = t.split("/").pop()?.split("?")[0]?.trim();
+    return n && n.length > 0 ? n : "file";
+  }
+}
+function H(t, n) {
+  const o = document.createElement("a");
+  o.href = t, o.download = n, o.rel = "noopener noreferrer", document.body.appendChild(o), o.click(), o.remove();
+}
+function I(t, n) {
+  return n || t === 0 ? f : t <= 0.5 ? m : u;
+}
+export {
+  M as buildHeights,
+  H as downloadByUrl,
+  d as formatTime,
+  I as pickVolumeIcon,
+  i as pseudoHeight,
+  w as resolveDownloadFileName
+};

package/dist/components/MusicPlayerBar/hooks/useAudioPlayback.d.ts

@@ -0,0 +1,23 @@
+export type AudioPlaybackState = {
+    audioRef: React.MutableRefObject<HTMLAudioElement | null>;
+    playing: boolean;
+    currentTime: number;
+    duration: number;
+    rateIndex: number;
+    volume: number;
+    muted: boolean;
+    setCurrentTime: (value: number) => void;
+    togglePlay: () => void;
+    setPlaying: (value: boolean) => void;
+    toggleMuted: () => void;
+    selectRate: (index: number) => void;
+    handleVolumeChange: (value: number) => void;
+    handleLoadedMetadata: () => void;
+    handleEnded: () => void;
+};
+export declare function useAudioPlayback(params: {
+    durationProp?: number;
+    initialVolume: number;
+    playbackRates: readonly number[];
+}): AudioPlaybackState;
+//# sourceMappingURL=useAudioPlayback.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useAudioPlayback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioPlayback.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useAudioPlayback.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,SAAS,MAAM,EAAE,CAAC;CAClC,GAAG,kBAAkB,CAoFrB"}

package/dist/components/MusicPlayerBar/hooks/useAudioPlayback.js

@@ -0,0 +1,49 @@
+import { useRef as C, useState as r, useEffect as u, useCallback as o } from "react";
+import { useInterval as E } from "@mantine/hooks";
+import { POLL_INTERVAL_MS as N } from "../constants.js";
+function S(P) {
+  const { durationProp: n, initialVolume: R, playbackRates: l } = P, t = C(null), [s, a] = r(!1), [b, m] = r(0), [h, p] = r(() => n ?? 0), [i, k] = r(() => {
+    const e = l.indexOf(1);
+    return e >= 0 ? e : 0;
+  }), [f, x] = r(R), [c, g] = r(!1);
+  u(() => {
+    n != null && Number.isFinite(n) && n > 0 && p(n);
+  }, [n]);
+  const { start: y, stop: d } = E(() => {
+    t.current && m(t.current.currentTime);
+  }, N);
+  u(() => (s ? y() : d(), () => d()), [s, y, d]), u(() => {
+    const e = t.current;
+    e && (s ? e.play().catch(() => a(!1)) : e.pause());
+  }, [s]), u(() => {
+    t.current && (t.current.playbackRate = l[i] ?? 1);
+  }, [i, l]), u(() => {
+    t.current && (t.current.muted = c, t.current.volume = c ? 0 : f);
+  }, [c, f]);
+  const I = o(() => {
+    const e = t.current?.duration;
+    Number.isFinite(e) && (e ?? 0) > 0 && p(e ?? 0);
+  }, []), L = o(() => a(!1), []), M = o(() => a((e) => !e), []), T = o(() => g((e) => !e), []), V = o((e) => k(e), []), v = o((e) => {
+    x(e), e > 0 && g(!1);
+  }, []);
+  return {
+    audioRef: t,
+    playing: s,
+    currentTime: b,
+    duration: h,
+    rateIndex: i,
+    volume: f,
+    muted: c,
+    setCurrentTime: m,
+    togglePlay: M,
+    setPlaying: a,
+    toggleMuted: T,
+    selectRate: V,
+    handleVolumeChange: v,
+    handleLoadedMetadata: I,
+    handleEnded: L
+  };
+}
+export {
+  S as useAudioPlayback
+};

package/dist/components/MusicPlayerBar/hooks/useCopyFeedback.d.ts

@@ -0,0 +1,6 @@
+export type CopyFeedback = {
+    linkCopied: boolean;
+    markCopied: () => void;
+};
+export declare function useCopyFeedback(): CopyFeedback;
+//# sourceMappingURL=useCopyFeedback.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useCopyFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyFeedback.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useCopyFeedback.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,eAAe,IAAI,YAAY,CAoB9C"}

package/dist/components/MusicPlayerBar/hooks/useCopyFeedback.js

@@ -0,0 +1,17 @@
+import { useState as n, useRef as o, useEffect as c, useCallback as l } from "react";
+import { LINK_COPIED_TIMEOUT_MS as i } from "../constants.js";
+function a() {
+  const [r, t] = n(!1), e = o(null);
+  c(() => () => {
+    e.current !== null && clearTimeout(e.current);
+  }, []);
+  const u = l(() => {
+    e.current !== null && clearTimeout(e.current), t(!0), e.current = setTimeout(() => {
+      t(!1), e.current = null;
+    }, i);
+  }, []);
+  return { linkCopied: r, markCopied: u };
+}
+export {
+  a as useCopyFeedback
+};

package/dist/components/MusicPlayerBar/hooks/useHoverPopover.d.ts

@@ -0,0 +1,9 @@
+export type HoverPopover = {
+    opened: boolean;
+    setOpened: (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    cancelClose: () => void;
+};
+export declare function useHoverPopover(openDelay: number, closeDelay: number): HoverPopover;
+//# sourceMappingURL=useHoverPopover.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useHoverPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useHoverPopover.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,YAAY,CA2Bd"}

package/dist/components/MusicPlayerBar/hooks/useHoverPopover.js

@@ -0,0 +1,18 @@
+import { useState as a, useRef as s, useCallback as r, useEffect as T } from "react";
+function d(o, u) {
+  const [l, c] = a(!1), n = s(null), t = s(null), e = r(() => {
+    n.current && clearTimeout(n.current), t.current && clearTimeout(t.current);
+  }, []);
+  T(() => () => e(), [e]);
+  const i = r(() => {
+    e(), n.current = setTimeout(() => c(!0), o);
+  }, [o, e]), f = r(() => {
+    e(), t.current = setTimeout(() => c(!1), u);
+  }, [u, e]), m = r(() => {
+    t.current && clearTimeout(t.current);
+  }, []);
+  return { opened: l, setOpened: c, open: i, close: f, cancelClose: m };
+}
+export {
+  d as useHoverPopover
+};

package/dist/components/MusicPlayerBar/hooks/useMusicPlayerLabels.d.ts

@@ -0,0 +1,3 @@
+import type { MusicPlayerBarLabels } from '../types';
+export declare function useMusicPlayerLabels(): MusicPlayerBarLabels;
+//# sourceMappingURL=useMusicPlayerLabels.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useMusicPlayerLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMusicPlayerLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useMusicPlayerLabels.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,wBAAgB,oBAAoB,IAAI,oBAAoB,CAqB3D"}

package/dist/components/MusicPlayerBar/hooks/useMusicPlayerLabels.js

@@ -0,0 +1,26 @@
+import { useMemo as l } from "react";
+import { useTranslation as m } from "react-i18next";
+function u() {
+  const { t: e } = m("ui");
+  return l(
+    () => ({
+      play: e("musicPlayer.play"),
+      pause: e("musicPlayer.pause"),
+      mute: e("musicPlayer.mute"),
+      unmute: e("musicPlayer.unmute"),
+      playbackSpeed: e("musicPlayer.playbackSpeed"),
+      volume: e("musicPlayer.volume"),
+      waveformSeek: e("musicPlayer.waveformSeek"),
+      timeDisplay: e("musicPlayer.timeDisplay"),
+      download: e("musicPlayer.download"),
+      copyLink: e("musicPlayer.copyLink"),
+      delete: e("musicPlayer.delete"),
+      more: e("musicPlayer.more"),
+      mobileActionsTitle: e("musicPlayer.mobileActionsTitle")
+    }),
+    [e]
+  );
+}
+export {
+  u as useMusicPlayerLabels
+};

package/dist/components/MusicPlayerBar/hooks/useWaveform.d.ts

@@ -0,0 +1,7 @@
+export type WaveformState = {
+    clipRef: React.MutableRefObject<HTMLDivElement | null>;
+    barCount: number;
+    heights: number[];
+};
+export declare function useWaveform(waveformHeights?: number[]): WaveformState;
+//# sourceMappingURL=useWaveform.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useWaveform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWaveform.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useWaveform.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,aAAa,CA0BrE"}

package/dist/components/MusicPlayerBar/hooks/useWaveform.js

@@ -0,0 +1,28 @@
+import { useRef as f, useState as m, useEffect as R, useMemo as A } from "react";
+import { DEFAULT_BAR_COUNT as _, MIN_BAR_COUNT as a, MAX_BAR_COUNT as h, BAR_GAP as l, BAR_STEP as B } from "../constants.js";
+import { buildHeights as M } from "../helpers.js";
+function b(e) {
+  const o = f(null), [t, s] = m(_);
+  R(() => {
+    const r = o.current;
+    if (!r) return;
+    const n = new ResizeObserver(([u]) => {
+      const i = u.contentRect.width;
+      s(
+        Math.max(
+          a,
+          Math.min(h, Math.floor((i + l) / B))
+        )
+      );
+    });
+    return n.observe(r), () => n.disconnect();
+  }, []);
+  const c = A(
+    () => M(t, e),
+    [t, e]
+  );
+  return { clipRef: o, barCount: t, heights: c };
+}
+export {
+  b as useWaveform
+};

package/dist/components/MusicPlayerBar/index.d.ts

@@ -0,0 +1,3 @@
+export { MusicPlayerBar } from './MusicPlayerBar';
+export type { MusicPlayerBarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MusicPlayerBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/MusicPlayerBar/types.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export type MusicPlayerBarLabels = {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    playbackSpeed: string;
+    volume: string;
+    waveformSeek: string;
+    timeDisplay: string;
+    download: string;
+    copyLink: string;
+    delete: string;
+    more: string;
+    mobileActionsTitle: string;
+};
+export type MusicPlayerBarProps = Readonly<{
+    src: string;
+    duration?: number;
+    playbackRates?: readonly number[];
+    initialVolume?: number;
+    waveformHeights?: number[];
+    disable?: boolean;
+    showDelete?: boolean;
+    showDownload?: boolean;
+    showCopyLink?: boolean;
+    onDelete?: () => void;
+    onDownload?: () => void;
+    onCopyLink?: () => Promise<void> | void;
+    onCopyError?: () => void;
+    extraActions?: ReactNode;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/MusicPlayerBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC,CAAC"}

package/dist/components/NavbarResizer/NavbarResizer.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as b, useState as r } from "react";
-import { useDraggable as x } from "draggable-ui";
+import { useDraggable as x } from "@layers-app/draggable-ui";
 import { clamp as y } from "lodash-es";
 import M from "./NavbarResizer.module.css.js";
 const N = b(

package/dist/components/OnboardingTour/OnboardingTourFooter.js

@@ -43,7 +43,7 @@ const g = ({
     d,
     {
       variant: "subtle",
-      color: "gray",
+      color: "gray.3",
       size: "sm",
       onClick: () => i.skipTour(),
       "aria-label": "Skip tour",

package/dist/components/table/hooks/useColumnsResizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAczD,GAAG;;CAqEf,CAAC"}
+{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAc/B,GAAG;;CAqEzC,CAAC"}

package/dist/components/table/hooks/useColumnsResizing.js

@@ -1,5 +1,5 @@
 import { useRef as o } from "react";
-import { useDraggable as S } from "draggable-ui";
+import { useDraggable as S } from "@layers-app/draggable-ui";
 import { clamp as E, isNil as T } from "lodash-es";
 import { TABLE_ATTRIBUTES as i } from "../constants.js";
 import { columnsMapReselect as g } from "../selectors.js";

package/dist/helpers/isNoAccessError.d.ts

@@ -0,0 +1,2 @@
+export declare const isNoAccessError: (error?: unknown) => boolean;
+//# sourceMappingURL=isNoAccessError.d.ts.map

package/dist/helpers/isNoAccessError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNoAccessError.d.ts","sourceRoot":"","sources":["../../src/helpers/isNoAccessError.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAAI,QAAQ,OAAO,KAAG,OAUjD,CAAC"}

package/dist/helpers/isNoAccessError.js

@@ -0,0 +1,7 @@
+const t = (r) => {
+  const o = r;
+  return o?.status === 403 || o?.originalStatus === 403 || o?.data?.code === "ERR_403" || o?.data?.code === "ERR403" || o?.data?.code === "ERR_UNAUTHORIZED";
+};
+export {
+  t as isNoAccessError
+};