@layers-app/shared 0.4.2 → 0.4.3

package/dist/components/MusicPlayerBar/components/HoverActions.js

@@ -0,0 +1,88 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { Download01Icon as A, Tick02Icon as g, Link02Icon as x, Delete03Icon as C } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as k } from "@hugeicons/react";
+import { Tooltip as D, ActionIcon as w } from "@mantine/core";
+import m from "../MusicPlayerBar.module.css.js";
+function l({
+  label: n,
+  ariaLabel: r,
+  tooltipDisabled: i,
+  icon: e,
+  iconColor: t,
+  onClick: c
+}) {
+  return /* @__PURE__ */ o(D, { label: n, disabled: i, withArrow: !0, children: /* @__PURE__ */ o("div", { className: m.hoverActionItem, children: /* @__PURE__ */ o(
+    w,
+    {
+      variant: "transparent",
+      size: 28,
+      "aria-label": r,
+      onClick: c,
+      className: m.actionIconBtn,
+      children: /* @__PURE__ */ o(k, { icon: e, size: 16, color: t })
+    }
+  ) }) });
+}
+function H({
+  disable: n,
+  linkCopied: r,
+  showDownload: i,
+  showCopyLink: e,
+  showDelete: t,
+  hasDelete: c,
+  tooltipsDisabled: a,
+  downloadLabel: s,
+  copyLinkLabel: v,
+  deleteLabel: p,
+  onDownload: b,
+  onCopyLink: d,
+  onDelete: u,
+  extraActions: I
+}) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: m.hoverActions,
+      onPointerDown: (f) => f.stopPropagation(),
+      children: [
+        i && /* @__PURE__ */ o(
+          l,
+          {
+            label: s,
+            ariaLabel: s,
+            tooltipDisabled: a,
+            icon: A,
+            iconColor: "var(--mantine-color-gray-text)",
+            onClick: b
+          }
+        ),
+        e && /* @__PURE__ */ o(
+          l,
+          {
+            label: v,
+            ariaLabel: v,
+            tooltipDisabled: a,
+            icon: r ? g : x,
+            iconColor: r ? "var(--mantine-color-green-6)" : "var(--mantine-color-gray-text)",
+            onClick: d
+          }
+        ),
+        t && c && !n && /* @__PURE__ */ o(
+          l,
+          {
+            label: p,
+            ariaLabel: "remove-music-block",
+            tooltipDisabled: a,
+            icon: C,
+            iconColor: "var(--mantine-color-red-5)",
+            onClick: u
+          }
+        ),
+        I
+      ]
+    }
+  );
+}
+export {
+  H as HoverActions
+};

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

@@ -0,0 +1,18 @@
+type Props = {
+    opened: boolean;
+    title: string;
+    linkCopied: boolean;
+    showDownload: boolean;
+    showCopyLink: boolean;
+    showDelete: boolean;
+    downloadLabel: string;
+    copyLinkLabel: string;
+    deleteLabel: string;
+    onDownload: (e: React.MouseEvent) => void;
+    onCopyLink: (e: React.MouseEvent) => void;
+    onDelete: () => void;
+    onClose: () => void;
+};
+export declare function MobileActionsDrawer({ opened, title, linkCopied, showDownload, showCopyLink, showDelete, downloadLabel, copyLinkLabel, deleteLabel, onDownload, onCopyLink, onDelete, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MobileActionsDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActionsDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/MobileActionsDrawer.tsx"],"names":[],"mappings":"AASA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,2CAyEP"}

package/dist/components/MusicPlayerBar/components/MobileActionsDrawer.js

@@ -0,0 +1,91 @@
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { Download01Icon as k, Tick02Icon as v, Link02Icon as x, Delete03Icon as j } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as i } from "@hugeicons/react";
+import { Drawer as I, Stack as g, Button as e } from "@mantine/core";
+function W({
+  opened: n,
+  title: c,
+  linkCopied: l,
+  showDownload: a,
+  showCopyLink: u,
+  showDelete: f,
+  downloadLabel: m,
+  copyLinkLabel: d,
+  deleteLabel: s,
+  onDownload: p,
+  onCopyLink: b,
+  onDelete: h,
+  onClose: o
+}) {
+  return /* @__PURE__ */ t(I, { opened: n, onClose: o, position: "bottom", title: c, children: /* @__PURE__ */ y(g, { gap: 4, p: 0, children: [
+    a && /* @__PURE__ */ t(
+      e,
+      {
+        type: "button",
+        variant: "subtle",
+        color: "gray",
+        fullWidth: !0,
+        justify: "flex-start",
+        onClick: (r) => {
+          o(), p(r);
+        },
+        leftSection: /* @__PURE__ */ t(
+          i,
+          {
+            icon: k,
+            size: 16,
+            color: "var(--mantine-color-dimmed)"
+          }
+        ),
+        children: m
+      }
+    ),
+    u && /* @__PURE__ */ t(
+      e,
+      {
+        type: "button",
+        variant: "subtle",
+        color: "gray",
+        fullWidth: !0,
+        justify: "flex-start",
+        onClick: (r) => {
+          o(), b(r);
+        },
+        leftSection: /* @__PURE__ */ t(
+          i,
+          {
+            icon: l ? v : x,
+            size: 16,
+            color: "var(--mantine-color-dimmed)"
+          }
+        ),
+        children: d
+      }
+    ),
+    f && /* @__PURE__ */ t(
+      e,
+      {
+        type: "button",
+        variant: "subtle",
+        color: "red",
+        fullWidth: !0,
+        justify: "flex-start",
+        onClick: () => {
+          o(), h();
+        },
+        leftSection: /* @__PURE__ */ t(
+          i,
+          {
+            icon: j,
+            size: 16,
+            color: "var(--mantine-color-red-6)"
+          }
+        ),
+        children: s
+      }
+    )
+  ] }) });
+}
+export {
+  W as MobileActionsDrawer
+};

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

@@ -0,0 +1,11 @@
+type Props = {
+    opened: boolean;
+    rates: readonly number[];
+    currentIndex: number;
+    title: string;
+    onSelect: (index: number) => void;
+    onClose: () => void;
+};
+export declare function MobileSpeedDrawer({ opened, rates, currentIndex, title, onSelect, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MobileSpeedDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileSpeedDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/MobileSpeedDrawer.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,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;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,2CA6BP"}

package/dist/components/MusicPlayerBar/components/MobileSpeedDrawer.js

@@ -0,0 +1,38 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { Tick02Icon as s } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as a } from "@hugeicons/react";
+import { Drawer as f, Stack as d, Button as h } from "@mantine/core";
+function k({
+  opened: e,
+  rates: c,
+  currentIndex: l,
+  title: p,
+  onSelect: u,
+  onClose: o
+}) {
+  return /* @__PURE__ */ t(f, { opened: e, onClose: o, position: "bottom", title: p, children: /* @__PURE__ */ t(d, { gap: 4, p: 0, children: c.map((r, i) => {
+    const n = i === l;
+    return /* @__PURE__ */ m(
+      h,
+      {
+        type: "button",
+        variant: "subtle",
+        color: n ? void 0 : "gray",
+        fullWidth: !0,
+        justify: "flex-start",
+        onClick: () => {
+          u(i), o();
+        },
+        rightSection: n ? /* @__PURE__ */ t(a, { icon: s, size: 16 }) : null,
+        children: [
+          r,
+          "x"
+        ]
+      },
+      r
+    );
+  }) }) });
+}
+export {
+  k as MobileSpeedDrawer
+};

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

@@ -0,0 +1,11 @@
+type Props = {
+    currentRate: number;
+    showMore: boolean;
+    speedLabel: string;
+    moreLabel: string;
+    onOpenSpeedDrawer: () => void;
+    onOpenActionsDrawer: () => void;
+};
+export declare function MobileTailControls({ currentRate, showMore, speedLabel, moreLabel, onOpenSpeedDrawer, onOpenActionsDrawer, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MobileTailControls.d.ts.map

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,2CAiEP"}

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

@@ -0,0 +1,86 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { HugeiconsIcon as g } from "@hugeicons/react";
+import { Popover as s, ActionIcon as w, Slider as v } from "@mantine/core";
+import { pickVolumeIcon as x } from "../helpers.js";
+import l from "../MusicPlayerBar.module.css.js";
+function y({
+  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, h = r || n === 0 ? t : a;
+  return /* @__PURE__ */ p(
+    s,
+    {
+      opened: e.opened,
+      onChange: e.setOpened,
+      position: "right",
+      offset: 4,
+      withinPortal: !0,
+      trapFocus: !1,
+      returnFocus: !1,
+      classNames: { dropdown: l.ghostDropdown },
+      children: [
+        /* @__PURE__ */ o(s.Target, { children: /* @__PURE__ */ o(
+          w,
+          {
+            variant: "subtle",
+            color: "gray",
+            size: 28,
+            "aria-label": h,
+            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(
+              g,
+              {
+                icon: u,
+                size: 20,
+                color: "var(--mantine-color-dimmed)"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o(s.Dropdown, { children: /* @__PURE__ */ o(
+          "div",
+          {
+            className: l.volumeDropdown,
+            onMouseEnter: e.cancelClose,
+            onMouseLeave: e.close,
+            children: e.opened && /* @__PURE__ */ o(
+              v,
+              {
+                min: 0,
+                max: 1,
+                step: 0.01,
+                value: f,
+                onChange: m,
+                label: null,
+                w: 57,
+                size: 2,
+                "data-testid": "music-volume-slider",
+                className: l.volumeSlider,
+                "aria-label": c
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  y 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"}