@layers-app/shared 0.4.3 → 0.4.5

package/dist/components/FilePicker/FilePickerGiphy.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as l, useMemo as x, useEffect as f, useCallback as I } from "react";
+import { useState as l, useMemo as y, useEffect as f, useCallback as I } from "react";
 import { useTranslation as S } from "react-i18next";
 import { Search01Icon as P } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as T } from "@hugeicons/react";
@@ -15,7 +15,7 @@ const k = (c) => (c || []).reduce((o, i) => (o[i.id] = i, o), {}), U = ({
   const { t: o } = S("ui"), [i, v] = l(""), [m] = F(i, 800), [u, p] = l(1), [d, h] = l({}), { data: r, isLoading: s } = N(
     { q: m, limit: 24, offset: (u - 1) * 24 + 1 },
     u
-  ), a = x(
+  ), a = y(
     () => Object.values({ ...d, ...k(r?.items) }),
     [d, r?.items]
   ), g = M(() => {
@@ -28,7 +28,7 @@ const k = (c) => (c || []).reduce((o, i) => (o[i.id] = i, o), {}), U = ({
   }, [r?.items, g]), f(() => {
     h({});
   }, [m]);
-  const y = I(
+  const x = I(
     (t) => {
       v(t.currentTarget.value), p(1);
     },
@@ -43,7 +43,7 @@ const k = (c) => (c || []).reduce((o, i) => (o[i.id] = i, o), {}), U = ({
         placeholder: o("changeCover.searchGifs"),
         "data-autofocus": !0,
         value: i,
-        onChange: y
+        onChange: x
       }
     ) }),
     /* @__PURE__ */ n(C, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [

package/dist/components/FilePicker/FilePickerGoogleDrive.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as C, useRef as D, useEffect as y, useCallback as I } from "react";
+import { useState as C, useRef as D, useEffect as I, useCallback as y } from "react";
 import { useTranslation as T } from "react-i18next";
 import { Search01Icon as G } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as R } from "@hugeicons/react";
@@ -20,10 +20,10 @@ const O = ({
   error: s
 }) => {
   const { t } = T("ui"), [m, S] = C(""), [u] = j(m, 800), d = D(c);
-  d.current = c, y(() => {
+  d.current = c, I(() => {
     d.current(u);
   }, [u]);
-  const z = I(
+  const z = y(
     (r) => {
       S(r.currentTarget.value);
     },

package/dist/components/FilePicker/FilePickerUnsplash.js

@@ -9,22 +9,22 @@ import { NoData as A } from "../NoData/NoData.js";
 import { FilePickerSkeletonLoader as Q } from "./FilePickerSkeletonLoader.js";
 import { useUnsplashPhotos as R } from "./api/unsplashApi.js";
 import b from "./FilePicker.module.css.js";
-const y = (l) => (l || []).reduce((r, o) => (r[o.id] = o, r), {}), X = ({
+const v = (l) => (l || []).reduce((t, o) => (t[o.id] = o, t), {}), X = ({
   onChange: l
 }) => {
-  const { t: r } = z("ui"), [o, v] = m(""), [u] = q(o, 800), [x, h] = m(1), [p, d] = m({}), { data: a, isLoading: n } = R(
+  const { t } = z("ui"), [o, x] = m(""), [u] = q(o, 800), [y, h] = m(1), [p, d] = m({}), { data: a, isLoading: n } = R(
     {
       query: u,
-      page: x,
+      page: y,
       per_page: 24,
       order_by: "popular"
     }
   ), i = P(
-    () => Object.values({ ...p, ...y(a?.items) }),
+    () => Object.values({ ...p, ...v(a?.items) }),
     [p, a?.items]
   ), g = w(() => {
     setTimeout(() => {
-      d((t) => ({ ...t, ...y(a?.items) }));
+      d((r) => ({ ...r, ...v(a?.items) }));
     }, 0);
   }, 100);
   f(() => {
@@ -33,8 +33,8 @@ const y = (l) => (l || []).reduce((r, o) => (r[o.id] = o, r), {}), X = ({
     d({});
   }, [u]);
   const I = T(
-    (t) => {
-      v(t.currentTarget.value), h(1);
+    (r) => {
+      x(r.currentTarget.value), h(1);
     },
     []
   );
@@ -44,7 +44,7 @@ const y = (l) => (l || []).reduce((r, o) => (r[o.id] = o, r), {}), X = ({
       {
         leftSection: n ? /* @__PURE__ */ e(F, { size: 16 }) : /* @__PURE__ */ e(j, { size: 16, icon: L }),
         maxLength: 50,
-        placeholder: r("changeCover.searchImage"),
+        placeholder: t("changeCover.searchImage"),
         "data-autofocus": !0,
         value: o,
         onChange: I
@@ -52,42 +52,42 @@ const y = (l) => (l || []).reduce((r, o) => (r[o.id] = o, r), {}), X = ({
     ) }),
     /* @__PURE__ */ s(c, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
       !!i.length && /* @__PURE__ */ s(k, { gap: 8, children: [
-        /* @__PURE__ */ e(M, { cols: 4, spacing: 10, children: i.map((t) => /* @__PURE__ */ s(c, { children: [
+        /* @__PURE__ */ e(M, { cols: 4, spacing: 10, children: i.map((r) => /* @__PURE__ */ s(c, { children: [
           /* @__PURE__ */ e(
             N,
             {
-              onClick: () => l?.(t.urls.regular),
+              onClick: () => l?.(r.urls.regular),
               ratio: 120 / 65,
               className: b.itemImage,
               style: {
-                backgroundImage: `url(${t.urls.small})`
+                backgroundImage: `url(${r.urls.small})`
               }
             }
           ),
           /* @__PURE__ */ e(c, { className: b.imageAuthor, children: /* @__PURE__ */ s(C, { truncate: !0, c: "gray", size: "xs", children: [
-            r("changeCover.photoBy"),
+            t("changeCover.photoBy"),
             " ",
             /* @__PURE__ */ e(
               C,
               {
                 component: "a",
                 inherit: !0,
-                href: t.user.links.html,
+                href: r.user.links.html,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 onClick: (S) => S.stopPropagation(),
-                children: t.user.name
+                children: r.user.name
               }
             )
           ] }) })
-        ] }, t.id)) }),
+        ] }, r.id)) }),
         a?.hasMore && /* @__PURE__ */ e(
           _,
           {
             variant: "subtle",
             loading: n,
-            onClick: () => h((t) => t + 1),
-            children: r("loadMore")
+            onClick: () => h((r) => r + 1),
+            children: t("loadMore")
           }
         )
       ] }),
@@ -96,7 +96,7 @@ const y = (l) => (l || []).reduce((r, o) => (r[o.id] = o, r), {}), X = ({
         {
           size: 120,
           illustration: "noImage",
-          description: r("changeCover.noResult"),
+          description: t("changeCover.noResult"),
           titleProps: { size: "xs", c: "dimmed" }
         }
       ) }),

package/dist/components/FilePicker/FilePickerUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,qDAM9B;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,4CA6GA,CAAC"}
+{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,qDAM9B;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,4CAuHA,CAAC"}

package/dist/components/FilePicker/FilePickerUpload.js

@@ -1,70 +1,76 @@
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useCallback as d } from "react";
-import { useTranslation as k, Trans as v } from "react-i18next";
-import { Image02Icon as I } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as E } from "@hugeicons/react";
-import { Stack as x, Text as s } from "@mantine/core";
-import { Dropzone as N, IMAGE_MIME_TYPE as T } from "@mantine/dropzone";
-import { showNotification as h } from "@mantine/notifications";
-import { getMaxUploadSize as g } from "../../config/envConfig.js";
-import { showErrorNotification as b } from "../../helpers/showNotifications.js";
-import j from "./FilePicker.module.css.js";
+import { useCallback as x } from "react";
+import { useTranslation as b, Trans as N } from "react-i18next";
+import { Image02Icon as E } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as I } from "@hugeicons/react";
+import { Stack as u, Text as a } from "@mantine/core";
+import { Dropzone as T, IMAGE_MIME_TYPE as $ } from "@mantine/dropzone";
+import { showNotification as g } from "@mantine/notifications";
+import { getMaxUploadSize as h } from "../../config/envConfig.js";
+import { showErrorNotification as j } from "../../helpers/showNotifications.js";
+import w from "./FilePicker.module.css.js";
 import "@mantine/dropzone/styles.css";
 const q = ({
-  type: a = "image",
-  uploading: u,
+  type: c = "image",
+  uploading: y,
   dropZoneProps: i,
-  onUpload: c,
-  icon: y
+  onUpload: m,
+  icon: z
 }) => {
-  const { t: e } = k("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((g() ?? 5 * 1024 * 1024) / (1024 * 1024)), m = `filePicker.description.${a}`, z = `filePicker.dropFileHere.${a}`, f = (() => {
-    const r = e(m, { maxSize: l });
-    return r !== m ? r : null;
-  })(), M = d(
-    (r) => {
-      if (r.filter(
+  const { t: r } = b("ui"), s = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((h() ?? 5 * 1024 * 1024) / (1024 * 1024)), S = (e) => {
+    if (e >= 1024) {
+      const l = e / 1024;
+      return Number.isInteger(l) ? `${l} GB` : `${l.toFixed(1)} GB`;
+    }
+    return `${e} MB`;
+  }, f = `filePicker.description.${c}`, F = `filePicker.dropFileHere.${c}`, d = (() => {
+    const e = r(f, { maxSize: S(s) });
+    return e !== f ? e : null;
+  })(), M = x(
+    (e) => {
+      if (e.filter(
         (t) => t.errors.some((n) => n.code === "file-invalid-type")
       ).length > 0) {
-        h({
+        g({
           color: "blue",
-          message: e("filePicker.errors.typeIsNotAllowed")
+          message: r("filePicker.errors.typeIsNotAllowed")
         });
         return;
       }
-      if (r.some((t) => t.errors.some((n) => n.code === "file-too-large"))) {
-        b({
-          title: e("errorMessage"),
-          message: e("filePicker.errors.shouldNotExceed", { maxSize: l })
+      if (e.some((t) => t.errors.some((n) => n.code === "file-too-large"))) {
+        j({
+          title: r("errorMessage"),
+          message: r("filePicker.errors.shouldNotExceed", { maxSize: s })
         });
         return;
       }
-      if (r.filter(
+      if (e.filter(
         (t) => t.errors.some((n) => n.code === "too-many-files")
       ).length > 0) {
-        h({
+        g({
           color: "blue",
-          message: e("filePicker.errors.doNotUploadMoreThanSingleFile")
+          message: r("filePicker.errors.doNotUploadMoreThanSingleFile")
         });
         return;
       }
     },
-    [e, l]
-  ), S = d(c, [c]), F = i?.maxSize ?? g() ?? 5 * 1024 * 1024;
+    [r, s]
+  ), k = x(m, [m]), v = i?.maxSize ?? h() ?? 5 * 1024 * 1024;
   return /* @__PURE__ */ o(
-    N,
+    T,
     {
-      loading: u,
-      onDrop: S,
+      loading: y,
+      onDrop: k,
       onReject: M,
       maxFiles: i?.maxFiles || 1,
-      maxSize: F,
-      accept: T,
+      maxSize: v,
+      accept: $,
       px: 60,
       py: "xl",
-      className: `${j.pickerDropZone}`,
+      className: `${w.pickerDropZone}`,
       ...i || {},
       children: /* @__PURE__ */ p(
-        x,
+        u,
         {
           justify: "center",
           gap: "var(--mantine-font-size-xs",
@@ -73,31 +79,33 @@ const q = ({
           style: { pointerEvents: "none" },
           children: [
             /* @__PURE__ */ o(
-              E,
+              I,
               {
                 size: 32,
                 color: "var(--mantine-color-bright)",
-                icon: y ?? I
+                icon: z ?? E
               }
             ),
-            /* @__PURE__ */ p(x, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ o(s, { fw: 500, fz: "sm", c: "bright", lh: "sm", ta: "center", children: /* @__PURE__ */ o(
-                v,
+            /* @__PURE__ */ p(u, { gap: 8, align: "center", children: [
+              /* @__PURE__ */ o(a, { fw: 500, fz: "md", c: "bright", lh: "md", ta: "center", children: /* @__PURE__ */ o(
+                N,
                 {
                   ns: "ui",
-                  i18nKey: z,
+                  i18nKey: F,
                   components: {
                     choose: /* @__PURE__ */ o(
-                      s,
+                      a,
                       {
                         component: "span",
-                        c: "var(--primary-color-text, var(--mantine-primary-color-filled))"
+                        c: "var(--primary-color-text, var(--mantine-primary-color-filled))",
+                        td: "underline",
+                        style: { textUnderlineOffset: "3px" }
                       }
                     )
                   }
                 }
               ) }),
-              f && /* @__PURE__ */ o(s, { fz: "xs", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: f })
+              d && /* @__PURE__ */ o(a, { fz: "sm", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: d })
             ] })
           ]
         }

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

@@ -1,49 +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,
+const o = "_bar_10qoi_1", e = "_waveformClip_10qoi_63", t = "_waveform_10qoi_63", i = "_tailRail_10qoi_101", _ = "_tail_10qoi_101", n = "_tailSpacer_10qoi_133", s = "_hoverActions_10qoi_161", c = "_stem_10qoi_223", p = "_stemActive_10qoi_237", r = "_stemInactive_10qoi_247", a = "_playBtn_10qoi_257", l = "_timer_10qoi_267", v = "_speedTrigger_10qoi_277", m = "_speedChip_10qoi_311", d = "_speedChipActive_10qoi_351", q = "_speedLabel_10qoi_367", w = "_volumeDropdown_10qoi_379", h = "_volumePopoverDropdown_10qoi_395", A = "_volumeSlider_10qoi_403", u = "_speedDropdown_10qoi_449", C = "_hoverActionItem_10qoi_489", D = "_actionIconBtn_10qoi_515", I = {
+  bar: o,
+  waveformClip: e,
+  waveform: t,
+  tailRail: i,
+  tail: _,
   tailSpacer: n,
-  hoverActions: v,
-  stem: i,
-  stemActive: c,
-  stemInactive: p,
-  playBtn: r,
-  timer: a,
-  speedTrigger: h,
-  speedChip: l,
+  hoverActions: s,
+  stem: c,
+  stemActive: p,
+  stemInactive: r,
+  playBtn: a,
+  timer: l,
+  speedTrigger: v,
+  speedChip: m,
   speedChipActive: d,
-  speedLabel: m,
-  volumeDropdown: x,
-  volumeSlider: k,
-  speedDropdown: w,
-  ghostDropdown: A,
-  hoverActionItem: g,
-  actionIconBtn: C
+  speedLabel: q,
+  volumeDropdown: w,
+  volumePopoverDropdown: h,
+  volumeSlider: A,
+  speedDropdown: u,
+  hoverActionItem: C,
+  actionIconBtn: D
 };
 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 actionIconBtn,
+  o as bar,
+  I as default,
+  C as hoverActionItem,
+  s as hoverActions,
+  a as playBtn,
+  m 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,
+  u as speedDropdown,
+  q as speedLabel,
+  v as speedTrigger,
+  c as stem,
+  p as stemActive,
+  r as stemInactive,
+  _ as tail,
+  i as tailRail,
   n as tailSpacer,
-  a as timer,
-  x as volumeDropdown,
-  k as volumeSlider,
-  o as waveform,
-  t as waveformClip
+  l as timer,
+  w as volumeDropdown,
+  h as volumePopoverDropdown,
+  A as volumeSlider,
+  t as waveform,
+  e as waveformClip
 };

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

@@ -1 +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"}
+{"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

@@ -1,9 +1,9 @@
-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 { 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 l from "../MusicPlayerBar.module.css.js";
-function y({
+import s from "../MusicPlayerBar.module.css.js";
+function b({
   popover: e,
   volume: n,
   muted: r,
@@ -14,26 +14,26 @@ function y({
   onToggleMute: d,
   onVolumeChange: m
 }) {
-  const u = x(n, r), f = r ? 0 : n, h = r || n === 0 ? t : a;
-  return /* @__PURE__ */ p(
-    s,
+  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: "right",
-      offset: 4,
+      position: "top",
+      offset: 0,
       withinPortal: !0,
       trapFocus: !1,
       returnFocus: !1,
-      classNames: { dropdown: l.ghostDropdown },
+      classNames: { dropdown: s.volumePopoverDropdown },
       children: [
-        /* @__PURE__ */ o(s.Target, { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(l.Target, { children: /* @__PURE__ */ o(
           w,
           {
             variant: "subtle",
             color: "gray",
             size: 28,
-            "aria-label": h,
+            "aria-label": p,
             onMouseEnter: i ? void 0 : e.open,
             onMouseLeave: i ? void 0 : e.close,
             onClick: () => {
@@ -44,7 +44,7 @@ function y({
               d();
             },
             children: /* @__PURE__ */ o(
-              g,
+              v,
               {
                 icon: u,
                 size: 20,
@@ -53,14 +53,14 @@ function y({
             )
           }
         ) }),
-        /* @__PURE__ */ o(s.Dropdown, { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(l.Dropdown, { children: /* @__PURE__ */ o(
           "div",
           {
-            className: l.volumeDropdown,
+            className: s.volumeDropdown,
             onMouseEnter: e.cancelClose,
             onMouseLeave: e.close,
             children: e.opened && /* @__PURE__ */ o(
-              v,
+              g,
               {
                 min: 0,
                 max: 1,
@@ -68,10 +68,12 @@ function y({
                 value: f,
                 onChange: m,
                 label: null,
-                w: 57,
+                orientation: "vertical",
+                h: 57,
+                w: 10,
                 size: 2,
                 "data-testid": "music-volume-slider",
-                className: l.volumeSlider,
+                className: s.volumeSlider,
                 "aria-label": c
               }
             )
@@ -82,5 +84,5 @@ function y({
   );
 }
 export {
-  y as VolumePopover
+  b as VolumePopover
 };

package/dist/components/PillTabs/PillTabs.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export type PillTabItem = {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    'data-cy'?: string;
+};
+export type PillTabsProps = {
+    value: string;
+    onChange: (value: string) => void;
+    items: PillTabItem[];
+    height?: number;
+    pillHeight?: number;
+    pillPaddingX?: number;
+    rightSlot?: ReactNode;
+    className?: string;
+};
+export declare const PillTabs: ({ value, onChange, items, height, pillHeight, pillPaddingX, rightSlot, className, }: PillTabsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PillTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/PillTabs/PillTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qFAStB,aAAa,4CAkCf,CAAC"}

package/dist/components/PillTabs/PillTabs.js

@@ -0,0 +1,50 @@
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { Tabs as s, Flex as p } from "@mantine/core";
+import e from "./PillTabs.module.css.js";
+const f = ({
+  value: r,
+  onChange: t,
+  items: i,
+  height: d = 44,
+  pillHeight: n = 36,
+  pillPaddingX: b = 8,
+  rightSlot: c,
+  className: o
+}) => /* @__PURE__ */ l(
+  s,
+  {
+    variant: "default",
+    value: r,
+    onChange: (a) => a && t(a),
+    className: o,
+    classNames: { list: e.tabsList, tab: e.tab },
+    w: "100%",
+    children: /* @__PURE__ */ h(s.List, { h: d, children: [
+      i.map((a) => /* @__PURE__ */ l(
+        s.Tab,
+        {
+          value: a.value,
+          disabled: a.disabled,
+          "data-cy": a["data-cy"],
+          h: "100%",
+          p: 0,
+          children: /* @__PURE__ */ l(
+            p,
+            {
+              className: e.tabPill,
+              px: b,
+              h: n,
+              align: "center",
+              children: a.label
+            }
+          )
+        },
+        a.value
+      )),
+      c
+    ] })
+  }
+);
+export {
+  f as PillTabs
+};

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

@@ -0,0 +1,11 @@
+const t = "_tabsList_1dv7h_1", s = "_tab_1dv7h_1", a = "_tabPill_1dv7h_45", b = {
+  tabsList: t,
+  tab: s,
+  tabPill: a
+};
+export {
+  b as default,
+  s as tab,
+  a as tabPill,
+  t as tabsList
+};

package/dist/components/modals/RemoveConfirmModal.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { Unlink03Icon as v } from "@hugeicons/core-free-icons";
+import { Delete02Icon as v } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as y } from "@hugeicons/react";
 import { Stack as C, Text as c } from "@mantine/core";
 import { modals as a } from "@mantine/modals";

package/dist/hooks/useOfficePreviewAvailable.d.ts

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

package/dist/hooks/useOfficePreviewAvailable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOfficePreviewAvailable.d.ts","sourceRoot":"","sources":["../../src/hooks/useOfficePreviewAvailable.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,QAAO,OAsB5C,CAAC"}

package/dist/hooks/useOfficePreviewAvailable.js

@@ -0,0 +1,20 @@
+import { useQuery as a } from "@tanstack/react-query";
+import { isOfficeEnabled as s } from "../config/envConfig.js";
+const o = () => {
+  const e = s(), { data: t } = a({
+    queryKey: ["capabilities", "office"],
+    queryFn: async () => {
+      const i = await fetch("/v1/capabilities", {
+        credentials: "include",
+        cache: "no-store"
+      });
+      return i.ok ? { installed: !!(await i.json())?.office?.installed } : { installed: !1 };
+    },
+    staleTime: 3e4,
+    enabled: e
+  });
+  return e && !!t?.installed;
+};
+export {
+  o as useOfficePreviewAvailable
+};