@layers-app/shared 0.4.2 → 0.4.3

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,QAAQ,+CA4PpB,CAAC"}
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,QAAQ,+CA2PpB,CAAC"}

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e, Fragment as I } from "react/jsx-runtime";
 import { useState as A, useRef as $, useMemo as B, useCallback as h, useEffect as R } from "react";
 import { useTranslation as _ } from "react-i18next";
-import { DiscountTag02Icon as O, CustomerSupportIcon as U, Book02Icon as H, Structure02Icon as N, BookOpen01Icon as W, LicenseIcon as G } from "@hugeicons/core-free-icons";
+import { DiscountTag02Icon as U, CustomerSupportIcon as H, Book02Icon as N, Structure02Icon as O, BookOpen01Icon as W, LicenseIcon as G } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as s } from "@hugeicons/react";
 import { Stack as K, Button as u, Menu as i, Popover as g, UnstyledButton as Y, Group as q, Text as S } from "@mantine/core";
 import { IconChevronRight as J } from "@tabler/icons-react";
@@ -15,9 +15,8 @@ import { usePlatform as te } from "../../../../../hooks/usePlatform.js";
 import { resetFeatureFlow as oe } from "../../../../../store/featureProgress.js";
 import { useAppContainerDataStore as re } from "../../../hooks/useAppContainerDataStore.js";
 import { WhatsNew as ie } from "./WhatsNew.js";
-import { resetOnboarding as ne } from "../../../../OnboardingTour/useOnboardingTour.js";
-import { FeatureProgressKey as ae } from "../../../../FeatureProgress/constants.js";
-const ze = () => {
+import { FeatureProgressKey as ne } from "../../../../FeatureProgress/constants.js";
+const Me = () => {
   const { t } = _("helpMenu"), y = te(), [M, f] = A(!1), c = $(null), T = B(() => {
     const r = Z().analytics;
     return r?.intercomEnabled !== !1 && !!r?.intercomAppId;
@@ -30,7 +29,7 @@ const ze = () => {
     updatedAt: P,
     privacyPolicyLink: x,
     userAgreementLink: F,
-    whatsNewItems: b
+    whatsNewItems: v
   } = re(), j = () => {
     m();
     const r = new URL(window.location.href);
@@ -38,11 +37,11 @@ const ze = () => {
       window.history.state,
       "",
       `${r.pathname}${r.search}${r.hash}`
-    )), ne("graph"), oe(ae.GraphStart);
-    const p = window.location.pathname.split("/").filter(Boolean), L = p[0], v = p[1] === "pages" ? p[2] : void 0, l = L || C.active.workspaceId;
+    )), oe(ne.GraphStart);
+    const p = window.location.pathname.split("/").filter(Boolean), L = p[0], b = p[1] === "pages" ? p[2] : void 0, l = L || C.active.workspaceId;
     if (l) {
-      if (v) {
-        window.location.assign(`/${l}/pages/${v}`);
+      if (b) {
+        window.location.assign(`/${l}/pages/${b}`);
         return;
       }
       const k = D?.(l);
@@ -116,7 +115,7 @@ const ze = () => {
           onClick: () => {
             w(), z(t("contactSalesMessage"));
           },
-          leftSection: /* @__PURE__ */ e(s, { icon: O, size: 16 }),
+          leftSection: /* @__PURE__ */ e(s, { icon: U, size: 16 }),
           children: t("contactSales")
         }
       ),
@@ -124,7 +123,7 @@ const ze = () => {
         i.Item,
         {
           onClick: w,
-          leftSection: /* @__PURE__ */ e(s, { icon: U, size: 16 }),
+          leftSection: /* @__PURE__ */ e(s, { icon: H, size: 16 }),
           children: t("getSupport")
         }
       ),
@@ -143,7 +142,7 @@ const ze = () => {
           /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e("div", { onMouseEnter: d, onMouseLeave: m, children: /* @__PURE__ */ e(
             i.Item,
             {
-              leftSection: /* @__PURE__ */ e(s, { icon: H, size: 16 }),
+              leftSection: /* @__PURE__ */ e(s, { icon: N, size: 16 }),
               rightSection: /* @__PURE__ */ e(J, { size: 14 }),
               onClick: (r) => {
                 r.preventDefault(), d();
@@ -175,7 +174,7 @@ const ze = () => {
                     /* @__PURE__ */ e(
                       s,
                       {
-                        icon: N,
+                        icon: O,
                         size: 16,
                         color: "var(--mantine-color-dimmed)"
                       }
@@ -212,8 +211,8 @@ const ze = () => {
       }
     ),
     /* @__PURE__ */ e(i.Divider, {}),
-    !!b?.length && /* @__PURE__ */ a(I, { children: [
-      /* @__PURE__ */ e(ie, { items: b }),
+    !!v?.length && /* @__PURE__ */ a(I, { children: [
+      /* @__PURE__ */ e(ie, { items: v }),
       /* @__PURE__ */ e(i.Divider, {})
     ] }),
     /* @__PURE__ */ a(S, { size: "xs", c: "dimmed", children: [
@@ -233,5 +232,5 @@ const ze = () => {
   ] });
 };
 export {
-  ze as HelpMenu
+  Me as HelpMenu
 };

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -3,8 +3,8 @@ import { useState as d, useRef as p, useEffect as R, useCallback as K } from "re
 import { useTranslation as L } from "react-i18next";
 import { Search01Icon as U, ShuffleIcon as V, Clock01Icon as W, SmileIcon as X, Pizza01Icon as Z, FootballIcon as _, Airplane01Icon as ee, BulbIcon as te, Asterisk02Icon as oe, Flag02Icon as re } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as c } from "@hugeicons/react";
-import { Stack as v, FocusTrap as ne, Flex as z, TextInput as ie, Tooltip as ce, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N } from "@mantine/core";
-import { useEvent as se } from "draggable-ui";
+import { useEvent as ne } from "@layers-app/draggable-ui";
+import { Stack as v, FocusTrap as ie, Flex as z, TextInput as ce, Tooltip as se, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N } from "@mantine/core";
 import ae from "fuse.js";
 import le from "../../assets/svg/dog.svg.js";
 import { pickRandomEmoji as fe } from "../../helpers/pickRandomEmoji.js";
@@ -80,7 +80,7 @@ const he = [
       }
     },
     [a]
-  ), D = se((e) => {
+  ), D = ne((e) => {
     const o = e.currentTarget.getAttribute("data-icon");
     o && (C?.(
       de.stringify({
@@ -114,7 +114,7 @@ const he = [
     }), r !== x.current && (x.current = r, k(r));
   }, J = typeof m == "string";
   return /* @__PURE__ */ y(v, { gap: 0, h: "100%", children: [
-    /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ y(
+    /* @__PURE__ */ t(ie, { active: !0, children: /* @__PURE__ */ y(
       z,
       {
         my: "sm",
@@ -125,7 +125,7 @@ const he = [
         h: 38,
         children: [
           /* @__PURE__ */ t(
-            ie,
+            ce,
             {
               leftSection: /* @__PURE__ */ t(c, { size: 16, icon: U }),
               value: S,
@@ -142,7 +142,7 @@ const he = [
               radius: "var(--mantine-radius-default)"
             }
           ),
-          /* @__PURE__ */ t(ce, { withArrow: !0, label: u?.random || G("random"), children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(se, { withArrow: !0, label: u?.random || G("random"), children: /* @__PURE__ */ t(
             A,
             {
               h: 36,

package/dist/components/EmojiPicker/IconsPanel.js

@@ -3,8 +3,8 @@ import { memo as M, useState as x, useEffect as U, useCallback as V, useMemo as
 import { useTranslation as G } from "react-i18next";
 import { Search01Icon as Q, ShuffleIcon as Y } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as L } from "@hugeicons/react";
-import { useMantineTheme as _, parseThemeColor as J, darken as K, Stack as y, Text as b, Flex as z, FocusTrap as W, TextInput as X, Tooltip as Z, ActionIcon as ee, Box as oe, Paper as E, SimpleGrid as N } from "@mantine/core";
-import { useEvent as te } from "draggable-ui";
+import { useEvent as _ } from "@layers-app/draggable-ui";
+import { useMantineTheme as J, parseThemeColor as K, darken as W, Stack as y, Text as b, Flex as z, FocusTrap as X, TextInput as Z, Tooltip as ee, ActionIcon as oe, Box as te, Paper as E, SimpleGrid as N } from "@mantine/core";
 import { groupBy as re } from "lodash-es";
 import { DEFAULT_VALUES as ie } from "../../constants.js";
 import { ColorPicker as ne } from "../ColorPicker/ColorPicker.js";
@@ -31,7 +31,7 @@ const Ce = M(
     project: r,
     keepOpenOnRandom: C = !1
   }) => {
-    const w = _(), [f, R] = x(""), { t: k } = G("ui"), [P, $] = x(
+    const w = J(), [f, R] = x(""), { t: k } = G("ui"), [P, $] = x(
       []
     );
     U(() => {
@@ -57,7 +57,7 @@ const Ce = M(
         S(v.map((d) => d.n));
       },
       [r]
-    ), i = I.parse(u), g = te((o) => {
+    ), i = I.parse(u), g = _((o) => {
       const t = o.currentTarget.getAttribute("data-icon");
       t && (l?.(
         I.stringify({
@@ -66,7 +66,7 @@ const Ce = M(
           type: i?.type || A.FILLED
         })
       ), a || p());
-    }), n = J({
+    }), n = K({
       color: i?.color || ie.COLORS[0],
       theme: w
     }), O = j(() => n.isThemeColor ? {
@@ -74,7 +74,7 @@ const Ce = M(
       "--icon-color-hover": `var(--mantine-color-${n.color}-filled-hover)`
     } : {
       "--icon-color": n.value,
-      "--icon-color-hover": K(n.value, 0.2)
+      "--icon-color-hover": W(n.value, 0.2)
     }, [n]), q = async () => {
       const o = await ae(r);
       S([]), l?.(I.stringify({ icon: o, color: i?.color })), !a && !C && p();
@@ -112,8 +112,8 @@ const Ce = M(
         )
       ] }),
       /* @__PURE__ */ m(z, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
-        /* @__PURE__ */ e(W, { active: !0, children: /* @__PURE__ */ e(
-          X,
+        /* @__PURE__ */ e(X, { active: !0, children: /* @__PURE__ */ e(
+          Z,
           {
             leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
             value: f,
@@ -130,8 +130,8 @@ const Ce = M(
             radius: "var(--mantine-radius-default)"
           }
         ) }),
-        /* @__PURE__ */ e(Z, { withArrow: !0, label: c?.random || k("random"), children: /* @__PURE__ */ e(
-          ee,
+        /* @__PURE__ */ e(ee, { withArrow: !0, label: c?.random || k("random"), children: /* @__PURE__ */ e(
+          oe,
           {
             h: 36,
             w: 36,
@@ -150,7 +150,7 @@ const Ce = M(
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(oe, { h: "100%", pl: 8, pt: 4, style: O, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(te, { h: "100%", pl: 8, pt: 4, style: O, children: /* @__PURE__ */ e(
         y,
         {
           mah: "210px",

package/dist/components/FormViewer/helpers/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACD,CAAC;AAE9C,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,KAAG,QAkBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,GAAG,SAAS,KAAG,QAoBhD,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,yBAAyB,GAAI,GAAG,SAAS,WACE,CAAC;AAEzD,eAAO,MAAM,WAAW,cAAiC,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACuB,CAAC;AAEtE,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,KAAG,QAkBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,GAAG,SAAS,KAAG,QAoBhD,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,yBAAyB,GAAI,GAAG,SAAS,WACE,CAAC;AAEzD,eAAO,MAAM,WAAW,cAAiC,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/components/FormViewer/helpers/steps.js

@@ -1,6 +1,6 @@
 import { randomId as o } from "@mantine/hooks";
 import { brand as r } from "../../../config/brand.js";
-const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "__start_step__", I = (t) => ({
+const c = (t) => t.find((n) => n.isStart) || t.filter((n) => !n.isEnd).at(0), T = "__end_step__", s = "__start_step__", E = (t) => ({
   id: s,
   trigger: "",
   isStart: !0,
@@ -16,7 +16,7 @@ const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "_
       buttonIcon: "i=player-play"
     }
   ]
-}), E = (t) => ({
+}), I = (t) => ({
   id: e(),
   trigger: "",
   isEnd: !0,
@@ -34,23 +34,23 @@ const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "_
   theme: {
     align: "center"
   }
-}), D = 0, a = 1, d = 9999, p = 99, l = "CREATE_CONDITION_FORM", O = "EDIT_CONDITION_FORM", S = 20, N = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
-`), e = () => o().split("-")[1], u = 100, A = 100;
+}), d = 0, D = 1, a = 9999, p = 99, l = "CREATE_CONDITION_FORM", O = "EDIT_CONDITION_FORM", S = 20, N = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
+`), e = () => o().split("-")[1], f = 100, u = 100;
 export {
   l as CREATE_CONDITION_FORM_ID,
   T as DEFAULT_END_STEP_ID,
-  d as DEFAULT_MAX,
-  u as DEFAULT_MEDIA_BRIGHTNESS,
-  A as DEFAULT_MEDIA_SIZE,
-  D as DEFAULT_MIN,
-  a as DEFAULT_OPTIONS_MIN,
+  a as DEFAULT_MAX,
+  f as DEFAULT_MEDIA_BRIGHTNESS,
+  u as DEFAULT_MEDIA_SIZE,
+  d as DEFAULT_MIN,
+  D as DEFAULT_OPTIONS_MIN,
   p as DEFAULT_OPTION_MAX_LENGTH,
   s as DEFAULT_START_STEP_ID,
   O as EDIT_CONDITION_FORM_ID,
   S as MAX_OPTIONS_COUNT,
   N as getDefaultDropdownOptions,
-  E as getDefaultEndStep,
-  I as getDefaultStartStep,
+  I as getDefaultEndStep,
+  E as getDefaultStartStep,
   c as getFirstStep,
   e as getRandomId
 };

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

@@ -0,0 +1,3 @@
+import type { MusicPlayerBarProps } from './types';
+export declare function MusicPlayerBar({ src, duration: durationProp, playbackRates, initialVolume, waveformHeights, disable, showDelete, showDownload, showCopyLink, onDelete, onDownload, onCopyLink, onCopyError, extraActions, }: MusicPlayerBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MusicPlayerBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MusicPlayerBar.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/MusicPlayerBar.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,QAAQ,EAAE,YAAY,EACtB,aAA6B,EAC7B,aAAiB,EACjB,eAAe,EACf,OAAe,EACf,UAAiB,EACjB,YAAmB,EACnB,YAAmB,EACnB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,GACb,EAAE,mBAAmB,2CA+OrB"}

package/dist/components/MusicPlayerBar/MusicPlayerBar.js

@@ -0,0 +1,239 @@
+import { jsxs as p, Fragment as Z, jsx as r } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import { useMediaQuery as O, useDisclosure as x } from "@mantine/hooks";
+import { HiddenAudio as ee } from "./components/HiddenAudio.js";
+import { HoverActions as oe } from "./components/HoverActions.js";
+import { MobileActionsDrawer as te } from "./components/MobileActionsDrawer.js";
+import { MobileSpeedDrawer as re } from "./components/MobileSpeedDrawer.js";
+import { MobileTailControls as ae } from "./components/MobileTailControls.js";
+import { PlayButton as ne } from "./components/PlayButton.js";
+import { SpeedPopover as le } from "./components/SpeedPopover.js";
+import { Timer as ie } from "./components/Timer.js";
+import { VolumePopover as de } from "./components/VolumePopover.js";
+import { Waveform as se } from "./components/Waveform.js";
+import { TOUCH_DEVICE_QUERY as pe, TOUCH_TABLET_QUERY as ce, HOVER_CAPABLE_QUERY as me, DEFAULT_RATES as ue, SPEED_POPOVER_CLOSE_DELAY_MS as fe, SPEED_POPOVER_OPEN_DELAY_MS as ve, VOLUME_POPOVER_CLOSE_DELAY_MS as be, VOLUME_POPOVER_OPEN_DELAY_MS as Le } from "./constants.js";
+import { downloadByUrl as Ee, resolveDownloadFileName as De } from "./helpers.js";
+import { useAudioPlayback as he } from "./hooks/useAudioPlayback.js";
+import { useCopyFeedback as Pe } from "./hooks/useCopyFeedback.js";
+import { useHoverPopover as B } from "./hooks/useHoverPopover.js";
+import { useMusicPlayerLabels as Se } from "./hooks/useMusicPlayerLabels.js";
+import { useWaveform as Te } from "./hooks/useWaveform.js";
+import c from "./MusicPlayerBar.module.css.js";
+function We({
+  src: n,
+  duration: H,
+  playbackRates: i = ue,
+  initialVolume: N = 1,
+  waveformHeights: Y,
+  disable: m = !1,
+  showDelete: u = !0,
+  showDownload: f = !0,
+  showCopyLink: v = !0,
+  onDelete: b,
+  onDownload: L,
+  onCopyLink: _,
+  onCopyError: C,
+  extraActions: y
+}) {
+  const o = Se(), l = O(pe, !1), I = O(ce, !1), F = O(me, !0), e = he({
+    durationProp: H,
+    initialVolume: N,
+    playbackRates: i
+  }), E = Te(Y), d = B(
+    ve,
+    fe
+  ), D = B(
+    Le,
+    be
+  ), { linkCopied: g, markCopied: A } = Pe(), [
+    Q,
+    { open: M, close: h }
+  ] = x(!1), [
+    j,
+    { open: w, close: P }
+  ] = x(!1), W = a(
+    (t) => {
+      const s = e.audioRef.current;
+      if (!s || !e.duration) return;
+      const U = t * e.duration;
+      s.currentTime = U, e.setCurrentTime(U);
+    },
+    [e]
+  ), $ = a(
+    (t) => {
+      e.selectRate(t), d.setOpened(!1);
+    },
+    [e, d]
+  ), R = a(
+    (t) => {
+      if (t.stopPropagation(), t.preventDefault(), L) {
+        L();
+        return;
+      }
+      Ee(n, De(n));
+    },
+    [L, n]
+  ), k = a(
+    (t) => {
+      t.stopPropagation(), t.preventDefault();
+      const s = _ ?? (() => navigator.clipboard.writeText(n));
+      Promise.resolve(s()).then(
+        () => A(),
+        () => C?.()
+      );
+    },
+    [_, C, n, A]
+  ), V = a(() => {
+    b?.();
+  }, [b]), q = a(() => {
+    h(), w();
+  }, [h, w]), z = a(() => {
+    P(), M();
+  }, [P, M]), G = a(
+    (t) => e.selectRate(t),
+    [e]
+  ), J = e.duration > 0 ? e.currentTime / e.duration : 0, K = Math.round(J * E.barCount), X = i[e.rateIndex] ?? 1, S = !!b, T = f || v || u && S || !!y;
+  return /* @__PURE__ */ p(Z, { children: [
+    /* @__PURE__ */ r(
+      ee,
+      {
+        audioRef: e.audioRef,
+        src: n,
+        onLoadedMetadata: e.handleLoadedMetadata,
+        onEnded: e.handleEnded,
+        onTimeUpdate: e.setCurrentTime
+      }
+    ),
+    /* @__PURE__ */ p(
+      "div",
+      {
+        "data-testid": "music-player-bar",
+        className: `${c.bar} music-player-bar`,
+        "data-popovers-open": d.opened || D.opened || void 0,
+        "data-volume-open": D.opened || void 0,
+        "data-hover-actions-reduced": m || void 0,
+        children: [
+          /* @__PURE__ */ r(
+            ne,
+            {
+              playing: e.playing,
+              onToggle: e.togglePlay,
+              playLabel: o.play,
+              pauseLabel: o.pause
+            }
+          ),
+          /* @__PURE__ */ r(
+            ie,
+            {
+              currentTime: e.currentTime,
+              duration: e.duration,
+              label: o.timeDisplay
+            }
+          ),
+          /* @__PURE__ */ r(
+            se,
+            {
+              clipRef: E.clipRef,
+              heights: E.heights,
+              activeBar: K,
+              currentTime: e.currentTime,
+              duration: e.duration,
+              label: o.waveformSeek,
+              onSeek: W
+            }
+          ),
+          /* @__PURE__ */ p("div", { className: c.tailRail, children: [
+            l ? /* @__PURE__ */ r(
+              ae,
+              {
+                currentRate: X,
+                showMore: T,
+                speedLabel: o.playbackSpeed,
+                moreLabel: o.more,
+                onOpenSpeedDrawer: q,
+                onOpenActionsDrawer: z
+              }
+            ) : /* @__PURE__ */ p("div", { className: c.tail, children: [
+              /* @__PURE__ */ r(
+                le,
+                {
+                  popover: d,
+                  rates: i,
+                  currentIndex: e.rateIndex,
+                  label: o.playbackSpeed,
+                  onSelect: $
+                }
+              ),
+              /* @__PURE__ */ r(
+                de,
+                {
+                  popover: D,
+                  volume: e.volume,
+                  muted: e.muted,
+                  isTouchTablet: I,
+                  muteLabel: o.mute,
+                  unmuteLabel: o.unmute,
+                  volumeLabel: o.volume,
+                  onToggleMute: e.toggleMuted,
+                  onVolumeChange: e.handleVolumeChange
+                }
+              )
+            ] }),
+            !l && /* @__PURE__ */ r("div", { className: c.tailSpacer, "aria-hidden": !0 })
+          ] }),
+          !l && T && /* @__PURE__ */ r(
+            oe,
+            {
+              disable: m,
+              linkCopied: g,
+              showDownload: f,
+              showCopyLink: v,
+              showDelete: u,
+              hasDelete: S,
+              tooltipsDisabled: !F,
+              downloadLabel: o.download,
+              copyLinkLabel: o.copyLink,
+              deleteLabel: o.delete,
+              onDownload: R,
+              onCopyLink: k,
+              onDelete: V,
+              extraActions: y
+            }
+          )
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ r(
+      re,
+      {
+        opened: j,
+        rates: i,
+        currentIndex: e.rateIndex,
+        title: o.playbackSpeed,
+        onSelect: G,
+        onClose: P
+      }
+    ),
+    l && T && /* @__PURE__ */ r(
+      te,
+      {
+        opened: Q,
+        title: o.mobileActionsTitle,
+        linkCopied: g,
+        showDownload: f,
+        showCopyLink: v,
+        showDelete: u && S && !m,
+        downloadLabel: o.download,
+        copyLinkLabel: o.copyLink,
+        deleteLabel: o.delete,
+        onDownload: R,
+        onCopyLink: k,
+        onDelete: V,
+        onClose: h
+      }
+    )
+  ] });
+}
+export {
+  We as MusicPlayerBar
+};

package/dist/components/MusicPlayerBar/MusicPlayerBar.module.css.js

@@ -0,0 +1,49 @@
+const e = "_bar_1vkxh_1", t = "_waveformClip_1vkxh_34", o = "_waveform_1vkxh_34", _ = "_tailRail_1vkxh_53", s = "_tail_1vkxh_53", n = "_tailSpacer_1vkxh_69", v = "_hoverActions_1vkxh_88", i = "_stem_1vkxh_119", c = "_stemActive_1vkxh_126", p = "_stemInactive_1vkxh_131", r = "_playBtn_1vkxh_136", a = "_timer_1vkxh_141", h = "_speedTrigger_1vkxh_146", l = "_speedChip_1vkxh_163", d = "_speedChipActive_1vkxh_183", m = "_speedLabel_1vkxh_191", x = "_volumeDropdown_1vkxh_197", k = "_volumeSlider_1vkxh_205", w = "_speedDropdown_1vkxh_228", A = "_ghostDropdown_1vkxh_240", g = "_hoverActionItem_1vkxh_248", C = "_actionIconBtn_1vkxh_261", D = {
+  bar: e,
+  waveformClip: t,
+  waveform: o,
+  tailRail: _,
+  tail: s,
+  tailSpacer: n,
+  hoverActions: v,
+  stem: i,
+  stemActive: c,
+  stemInactive: p,
+  playBtn: r,
+  timer: a,
+  speedTrigger: h,
+  speedChip: l,
+  speedChipActive: d,
+  speedLabel: m,
+  volumeDropdown: x,
+  volumeSlider: k,
+  speedDropdown: w,
+  ghostDropdown: A,
+  hoverActionItem: g,
+  actionIconBtn: C
+};
+export {
+  C as actionIconBtn,
+  e as bar,
+  D as default,
+  A as ghostDropdown,
+  g as hoverActionItem,
+  v as hoverActions,
+  r as playBtn,
+  l as speedChip,
+  d as speedChipActive,
+  w as speedDropdown,
+  m as speedLabel,
+  h as speedTrigger,
+  i as stem,
+  c as stemActive,
+  p as stemInactive,
+  s as tail,
+  _ as tailRail,
+  n as tailSpacer,
+  a as timer,
+  x as volumeDropdown,
+  k as volumeSlider,
+  o as waveform,
+  t as waveformClip
+};

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

@@ -0,0 +1,10 @@
+type Props = {
+    audioRef: React.MutableRefObject<HTMLAudioElement | null>;
+    src: string;
+    onLoadedMetadata: () => void;
+    onEnded: () => void;
+    onTimeUpdate: (value: number) => void;
+};
+export declare function HiddenAudio({ audioRef, src, onLoadedMetadata, onEnded, onTimeUpdate, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HiddenAudio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAudio.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/HiddenAudio.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,EACH,gBAAgB,EAChB,OAAO,EACP,YAAY,GACb,EAAE,KAAK,2CAuBP"}

package/dist/components/MusicPlayerBar/components/HiddenAudio.js

@@ -0,0 +1,35 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useCallback as p } from "react";
+function m({
+  audioRef: t,
+  src: o,
+  onLoadedMetadata: r,
+  onEnded: i,
+  onTimeUpdate: e
+}) {
+  const n = p(() => {
+    e(t.current?.currentTime ?? 0);
+  }, [t, e]);
+  return /* @__PURE__ */ a(
+    "audio",
+    {
+      ref: t,
+      src: o,
+      title: "",
+      onLoadedMetadata: r,
+      onTimeUpdate: n,
+      onEnded: i,
+      preload: "metadata",
+      style: {
+        position: "absolute",
+        width: 0,
+        height: 0,
+        opacity: 0,
+        pointerEvents: "none"
+      }
+    }
+  );
+}
+export {
+  m as HiddenAudio
+};

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+type Props = {
+    disable: boolean;
+    linkCopied: boolean;
+    showDownload: boolean;
+    showCopyLink: boolean;
+    showDelete: boolean;
+    hasDelete: boolean;
+    tooltipsDisabled: boolean;
+    downloadLabel: string;
+    copyLinkLabel: string;
+    deleteLabel: string;
+    onDownload: (e: React.MouseEvent) => void;
+    onCopyLink: (e: React.MouseEvent) => void;
+    onDelete: () => void;
+    extraActions?: ReactNode;
+};
+export declare function HoverActions({ disable, linkCopied, showDownload, showCopyLink, showDelete, hasDelete, tooltipsDisabled, downloadLabel, copyLinkLabel, deleteLabel, onDownload, onCopyLink, onDelete, extraActions, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HoverActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverActions.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/components/HoverActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,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,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAoCF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,YAAY,GACb,EAAE,KAAK,2CA2CP"}