@layers-app/shared 0.4.2 → 0.4.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTailControls.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/MobileTailControls.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,mBAAmB,GACpB,EAAE,KAAK,2CA4BP"}

package/dist/components/MusicPlayerBar/components/MobileTailControls.js

@@ -0,0 +1,50 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { MoreHorizontalIcon as s } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as m } from "@hugeicons/react";
+import { UnstyledButton as p, ActionIcon as d } from "@mantine/core";
+import i from "../MusicPlayerBar.module.css.js";
+function y({
+  currentRate: t,
+  showMore: e,
+  speedLabel: l,
+  moreLabel: n,
+  onOpenSpeedDrawer: a,
+  onOpenActionsDrawer: c
+}) {
+  return /* @__PURE__ */ o("div", { className: i.tail, children: [
+    /* @__PURE__ */ o(
+      p,
+      {
+        type: "button",
+        className: i.speedTrigger,
+        "aria-label": l,
+        onClick: a,
+        children: [
+          t,
+          "x"
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ r(
+      d,
+      {
+        variant: "subtle",
+        color: "gray",
+        size: 28,
+        "aria-label": n,
+        onClick: c,
+        children: /* @__PURE__ */ r(
+          m,
+          {
+            icon: s,
+            size: 20,
+            color: "var(--mantine-color-gray-text)"
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  y as MobileTailControls
+};

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

@@ -0,0 +1,9 @@
+type Props = {
+    playing: boolean;
+    onToggle: () => void;
+    playLabel: string;
+    pauseLabel: string;
+};
+export declare function PlayButton({ playing, onToggle, playLabel, pauseLabel }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PlayButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/PlayButton.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,2CAgB7E"}

package/dist/components/MusicPlayerBar/components/PlayButton.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PauseIcon as c, PlayIcon as e } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as m } from "@hugeicons/react";
+import { ActionIcon as a } from "@mantine/core";
+import l from "../MusicPlayerBar.module.css.js";
+function y({ playing: o, onToggle: i, playLabel: n, pauseLabel: t }) {
+  return /* @__PURE__ */ r(
+    a,
+    {
+      size: 28,
+      radius: 8,
+      onClick: i,
+      className: l.playBtn,
+      "aria-label": o ? t : n,
+      children: /* @__PURE__ */ r(
+        m,
+        {
+          icon: o ? c : e,
+          size: 16,
+          color: "var(--mantine-color-white)"
+        }
+      )
+    }
+  );
+}
+export {
+  y as PlayButton
+};

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

@@ -0,0 +1,11 @@
+import type { HoverPopover } from '../hooks/useHoverPopover';
+type Props = {
+    popover: HoverPopover;
+    rates: readonly number[];
+    currentIndex: number;
+    label: string;
+    onSelect: (index: number) => void;
+};
+export declare function SpeedPopover({ popover, rates, currentIndex, label, onSelect, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SpeedPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/SpeedPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,2CAuEP"}

package/dist/components/MusicPlayerBar/components/SpeedPopover.js

@@ -0,0 +1,90 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { Popover as t, UnstyledButton as p, Stack as u, Text as m, Box as x } from "@mantine/core";
+import o from "../MusicPlayerBar.module.css.js";
+function C({
+  popover: e,
+  rates: l,
+  currentIndex: i,
+  label: a,
+  onSelect: f
+}) {
+  const h = l[i] ?? 1;
+  return /* @__PURE__ */ r(
+    t,
+    {
+      opened: e.opened,
+      position: "top-end",
+      offset: 6,
+      withinPortal: !0,
+      trapFocus: !1,
+      returnFocus: !1,
+      classNames: { dropdown: o.speedDropdown },
+      children: [
+        /* @__PURE__ */ n(t.Target, { children: /* @__PURE__ */ r(
+          p,
+          {
+            onMouseEnter: e.open,
+            onMouseLeave: e.close,
+            className: o.speedTrigger,
+            "aria-label": a,
+            "aria-haspopup": "listbox",
+            "aria-expanded": e.opened,
+            children: [
+              h,
+              "x"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ n(t.Dropdown, { children: /* @__PURE__ */ r(
+          u,
+          {
+            gap: 6,
+            onMouseEnter: e.cancelClose,
+            onMouseLeave: e.close,
+            children: [
+              /* @__PURE__ */ n(m, { className: o.speedLabel, children: a }),
+              /* @__PURE__ */ n(
+                x,
+                {
+                  role: "listbox",
+                  "aria-label": a,
+                  style: { display: "flex", alignItems: "center", gap: 2 },
+                  children: l.map((c, d) => {
+                    const s = d === i;
+                    return /* @__PURE__ */ n(
+                      p,
+                      {
+                        role: "option",
+                        "aria-selected": s,
+                        onClick: () => {
+                          f(d), e.setOpened(!1);
+                        },
+                        className: `${o.speedChip} ${s ? o.speedChipActive : ""}`,
+                        children: /* @__PURE__ */ r(
+                          m,
+                          {
+                            fz: 14,
+                            fw: s ? 600 : 400,
+                            c: s ? "var(--mantine-primary-color-filled)" : "var(--mantine-color-text)",
+                            children: [
+                              c,
+                              "x"
+                            ]
+                          }
+                        )
+                      },
+                      c
+                    );
+                  })
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  C as SpeedPopover
+};

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

@@ -0,0 +1,8 @@
+type Props = {
+    currentTime: number;
+    duration: number;
+    label: string;
+};
+export declare function Timer({ currentTime, duration, label }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Timer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timer.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/Timer.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAa5D"}

package/dist/components/MusicPlayerBar/components/Timer.js

@@ -0,0 +1,25 @@
+import { jsxs as e } from "react/jsx-runtime";
+import { Text as i } from "@mantine/core";
+import { formatTime as r } from "../helpers.js";
+import a from "../MusicPlayerBar.module.css.js";
+function c({ currentTime: m, duration: t, label: o }) {
+  return /* @__PURE__ */ e(
+    i,
+    {
+      component: "time",
+      fz: 14,
+      lh: "20px",
+      c: "var(--mantine-color-text)",
+      className: a.timer,
+      "aria-label": o,
+      children: [
+        r(m),
+        " / ",
+        r(t)
+      ]
+    }
+  );
+}
+export {
+  c as Timer
+};

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

@@ -0,0 +1,15 @@
+import type { HoverPopover } from '../hooks/useHoverPopover';
+type Props = {
+    popover: HoverPopover;
+    volume: number;
+    muted: boolean;
+    isTouchTablet: boolean;
+    muteLabel: string;
+    unmuteLabel: string;
+    volumeLabel: string;
+    onToggleMute: () => void;
+    onVolumeChange: (value: number) => void;
+};
+export declare function VolumePopover({ popover, volume, muted, isTouchTablet, muteLabel, unmuteLabel, volumeLabel, onToggleMute, onVolumeChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VolumePopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VolumePopover.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/VolumePopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,KAAK,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,cAAc,GACf,EAAE,KAAK,2CAmEP"}

package/dist/components/MusicPlayerBar/components/VolumePopover.js

@@ -0,0 +1,88 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { HugeiconsIcon as v } from "@hugeicons/react";
+import { Popover as l, ActionIcon as w, Slider as g } from "@mantine/core";
+import { pickVolumeIcon as x } from "../helpers.js";
+import s from "../MusicPlayerBar.module.css.js";
+function b({
+  popover: e,
+  volume: n,
+  muted: r,
+  isTouchTablet: i,
+  muteLabel: a,
+  unmuteLabel: t,
+  volumeLabel: c,
+  onToggleMute: d,
+  onVolumeChange: m
+}) {
+  const u = x(n, r), f = r ? 0 : n, p = r || n === 0 ? t : a;
+  return /* @__PURE__ */ h(
+    l,
+    {
+      opened: e.opened,
+      onChange: e.setOpened,
+      position: "top",
+      offset: 0,
+      withinPortal: !0,
+      trapFocus: !1,
+      returnFocus: !1,
+      classNames: { dropdown: s.volumePopoverDropdown },
+      children: [
+        /* @__PURE__ */ o(l.Target, { children: /* @__PURE__ */ o(
+          w,
+          {
+            variant: "subtle",
+            color: "gray",
+            size: 28,
+            "aria-label": p,
+            onMouseEnter: i ? void 0 : e.open,
+            onMouseLeave: i ? void 0 : e.close,
+            onClick: () => {
+              if (i && !e.opened) {
+                e.setOpened(!0);
+                return;
+              }
+              d();
+            },
+            children: /* @__PURE__ */ o(
+              v,
+              {
+                icon: u,
+                size: 20,
+                color: "var(--mantine-color-dimmed)"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o(l.Dropdown, { children: /* @__PURE__ */ o(
+          "div",
+          {
+            className: s.volumeDropdown,
+            onMouseEnter: e.cancelClose,
+            onMouseLeave: e.close,
+            children: e.opened && /* @__PURE__ */ o(
+              g,
+              {
+                min: 0,
+                max: 1,
+                step: 0.01,
+                value: f,
+                onChange: m,
+                label: null,
+                orientation: "vertical",
+                h: 57,
+                w: 10,
+                size: 2,
+                "data-testid": "music-volume-slider",
+                className: s.volumeSlider,
+                "aria-label": c
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  b as VolumePopover
+};

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

@@ -0,0 +1,12 @@
+type Props = {
+    clipRef: React.MutableRefObject<HTMLDivElement | null>;
+    heights: number[];
+    activeBar: number;
+    currentTime: number;
+    duration: number;
+    label: string;
+    onSeek: (ratio: number) => void;
+};
+export declare function Waveform({ clipRef, heights, activeBar, currentTime, duration, label, onSeek, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Waveform.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Waveform.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/Waveform.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,KAAK,2CAsCP"}

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"}