@layers-app/shared 0.4.3 → 0.4.5

package/dist/components/EntityIcon.js

@@ -1,22 +1,22 @@
 import { jsx as n } from "react/jsx-runtime";
-import { StarIcon as p, File01Icon as u, Folder02Icon as h, Folder01Icon as y } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as i } from "@hugeicons/react";
-import { Text as s, Box as g, Avatar as I, useMantineTheme as v, parseThemeColor as C } from "@mantine/core";
-import z from "../assets/enitityIcons/flow.svg.js";
-import F from "../assets/enitityIcons/form.svg.js";
-import O from "../assets/enitityIcons/page.svg.js";
-import E from "../assets/enitityIcons/sprint.svg.js";
+import { StarIcon as p, UserIcon as u, File01Icon as h, Folder02Icon as y, Folder01Icon as I } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as c } from "@hugeicons/react";
+import { Text as s, Box as g, Avatar as v, useMantineTheme as z, parseThemeColor as C } from "@mantine/core";
+import F from "../assets/enitityIcons/flow.svg.js";
+import O from "../assets/enitityIcons/form.svg.js";
+import E from "../assets/enitityIcons/page.svg.js";
+import S from "../assets/enitityIcons/sprint.svg.js";
 import { DEFAULT_VALUES as a } from "../constants.js";
-import { IconEntity as c, ProjectIcon as l, renderIcon as S } from "./ProjectIcon/ProjectIcon.js";
-const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, _ = ({
+import { IconEntity as i, ProjectIcon as l, renderIcon as R } from "./ProjectIcon/ProjectIcon.js";
+const f = (o) => !!o && a.COLORS.includes(o), T = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, D = ({
   item: o
 }) => {
   const r = o?.size || 16;
   if (!o) return null;
-  if (R(o)) {
+  if (T(o)) {
     if (o.title === "_system.favorites")
       return /* @__PURE__ */ n(
-        i,
+        c,
         {
           icon: p,
           size: r,
@@ -24,11 +24,20 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
           fill: "var(--mantine-color-yellow-5)"
         }
       );
-    const e = c.parse(o.icon), t = f(e?.color) ? e.color : a.FOLDER_COLOR;
-    return /* @__PURE__ */ n(T, { color: t, size: r, opened: o.isOpen });
+    if (o.title === "_system.shared")
+      return /* @__PURE__ */ n(
+        c,
+        {
+          icon: u,
+          size: r,
+          color: "var(--mantine-color-blue-5)"
+        }
+      );
+    const e = i.parse(o.icon), t = f(e?.color) ? e.color : a.FOLDER_COLOR;
+    return /* @__PURE__ */ n(m, { color: t, size: r, opened: o.isOpen });
   }
   if (o.type === "ATTACHMENT")
-    return /* @__PURE__ */ n(i, { icon: u, size: r });
+    return /* @__PURE__ */ n(c, { icon: h, size: r });
   if (o.type === "PAGE")
     return /* @__PURE__ */ n(
       l,
@@ -36,7 +45,7 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
         fallbackColor: o.icon ? void 0 : "var(--default-page-icon-color)",
         name: o.title,
         icon: o.icon,
-        fallback: /* @__PURE__ */ n(O, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(E, { width: r, height: r })
       }
     );
   if (o.type === "FORM")
@@ -45,7 +54,7 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
       {
         fallbackColor: "var(--default-form-icon-color)",
         icon: o.icon,
-        fallback: /* @__PURE__ */ n(F, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(O, { width: r, height: r })
       }
     );
   if (o.type === "FLOW")
@@ -54,11 +63,11 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
       {
         icon: o.icon,
         fallbackColor: "var(--default-flow-icon-color)",
-        fallback: /* @__PURE__ */ n(z, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(F, { width: r, height: r })
       }
     );
   if (o.type === "SPRINT") {
-    const e = c.parse(o.icon), t = f(e?.color) ? e.color : a.SPRINT_COLOR;
+    const e = i.parse(o.icon), t = f(e?.color) ? e.color : a.SPRINT_COLOR;
     return /* @__PURE__ */ n(
       s,
       {
@@ -71,12 +80,12 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
           lineHeight: "normal",
           width: r + 4
         },
-        children: /* @__PURE__ */ n(E, {})
+        children: /* @__PURE__ */ n(S, {})
       }
     );
   }
   if (o.type === "PROJECT") {
-    const e = c.parse(o.icon);
+    const e = i.parse(o.icon);
     return e?.emoji ? /* @__PURE__ */ n(
       g,
       {
@@ -100,7 +109,7 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
         )
       }
     ) : /* @__PURE__ */ n(
-      I,
+      v,
       {
         variant: "filled",
         radius: 4,
@@ -120,31 +129,31 @@ const f = (o) => !!o && a.COLORS.includes(o), R = (o) => o.type === "FOLDER" ||
               justifyContent: "center",
               lineHeight: "normal"
             },
-            children: S(e, void 0, !0, o.title)
+            children: R(e, void 0, !0, o.title)
           }
         )
       }
     );
   }
   return null;
-}, T = ({
+}, m = ({
   color: o,
   size: r,
   opened: e
 }) => {
-  const t = v(), d = C({
+  const t = z(), d = C({
     color: o || "gray",
     theme: t
   });
   return /* @__PURE__ */ n(
-    i,
+    c,
     {
       color: d.value || void 0,
-      icon: e ? h : y,
+      icon: e ? y : I,
       size: r
     }
   );
 };
 export {
-  _ as EntityIcon
+  D as EntityIcon
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilePicker/FilePicker.js

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useState as E, useMemo as u, useEffect as le } from "react";
-import { useTranslation as ie } from "react-i18next";
-import { ImageAdd02Icon as V } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as j } from "@hugeicons/react";
-import { Flex as r, ActionIcon as re, Button as A, Text as ae, Tabs as x, Box as oe, Popover as F, Stack as se } from "@mantine/core";
-import { getEnvConfig as L } from "../../config/envConfig.js";
-import { isFeature as te } from "../../helpers/feature.js";
-import { useMenu as ce } from "../../hooks/useMenu.js";
-import { usePlatform as de } from "../../hooks/usePlatform.js";
-import { MediaLibraryBrowser as ue } from "../MediaLibrary/MediaLibraryBrowser.js";
-import { FilePickerGallery as he } from "./FilePickerGallery.js";
-import { FilePickerGiphy as pe } from "./FilePickerGiphy.js";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { useState as T, useMemo as d, useEffect as ee } from "react";
+import { useTranslation as ne } from "react-i18next";
+import { ImageAdd02Icon as B } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } from "@hugeicons/react";
+import { Flex as s, ActionIcon as le, Button as V, Text as ie, Box as re, Popover as P, Stack as ae } from "@mantine/core";
+import { getEnvConfig as A } from "../../config/envConfig.js";
+import { isFeature as oe } from "../../helpers/feature.js";
+import { useMenu as te } from "../../hooks/useMenu.js";
+import { usePlatform as se } from "../../hooks/usePlatform.js";
+import { MediaLibraryBrowser as ce } from "../MediaLibrary/MediaLibraryBrowser.js";
+import { PillTabs as de } from "../PillTabs/PillTabs.js";
+import { FilePickerGallery as ue } from "./FilePickerGallery.js";
+import { FilePickerGiphy as he } from "./FilePickerGiphy.js";
 import { FilePickerLink as me } from "./FilePickerLink.js";
-import { FilePickerUnsplash as fe } from "./FilePickerUnsplash.js";
-import { FilePickerGoogleDrive as ge } from "./FilePickerGoogleDrive.js";
-import { FilePickerUpload as ve } from "./FilePickerUpload.js";
-import { coverCollections as be } from "./coverCollections.js";
-import w from "./FilePicker.module.css.js";
-const Ce = [
+import { FilePickerUnsplash as pe } from "./FilePickerUnsplash.js";
+import { FilePickerGoogleDrive as fe } from "./FilePickerGoogleDrive.js";
+import { FilePickerUpload as ge } from "./FilePickerUpload.js";
+import { coverCollections as ve } from "./coverCollections.js";
+const be = [
   "gallery",
   "upload",
   "link",
@@ -25,120 +25,120 @@ const Ce = [
   "giphy",
   "googleDrive",
   "media"
-], He = ({
-  onChange: N,
-  onRemove: U,
+], Oe = ({
+  onChange: j,
+  onRemove: L,
   onUpload: b,
-  uploading: _ = !1,
-  showTabs: o = Ce,
-  children: H,
-  width: O = 610,
-  position: R = "bottom-end",
-  readOnly: $ = !1,
-  hasImage: q,
-  giphyToken: ke,
-  unsplashClientId: ye,
+  uploading: U = !1,
+  showTabs: a = be,
+  children: _,
+  width: H = 610,
+  position: O = "bottom-end",
+  readOnly: X = !1,
+  hasImage: $,
+  giphyToken: Ce,
+  unsplashClientId: ke,
   type: S = "image",
-  galleryCollection: h = [],
-  isValidMediaUrl: J,
-  popoverProps: K,
-  dropZoneProps: Q,
-  targetProps: W,
-  onOpenedChange: X,
+  galleryCollection: u = [],
+  isValidMediaUrl: q,
+  popoverProps: w,
+  dropZoneProps: J,
+  targetProps: K,
+  onOpenedChange: N,
   googleDrive: l,
-  mediaLibrary: a,
-  inline: p = !1,
+  mediaLibrary: r,
+  inline: h = !1,
   tab: C,
-  uploadIcon: Y
+  uploadIcon: Q
 }) => {
-  const { t: i } = ie("ui"), [T, m] = E(!1), { isMobile: I } = ce(), M = de(), f = u(() => h.length > 0 ? h : p ? be.map((n) => ({
+  const { t: i } = ne("ui"), [x, m] = T(!1), { isMobile: y } = te(), I = se(), p = d(() => u.length > 0 ? u : h ? ve.map((n) => ({
     ...n,
     title: i(`coverGroups.${n.id}`, { defaultValue: n.id })
-  })) : h, [h, p, i]), s = u(() => [
+  })) : u, [u, h, i]), o = d(() => [
     {
       value: "gallery",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.gallery") }) }),
-      visible: o.includes("gallery") && !!f.length
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: i("changeCover.gallery") }) }),
+      visible: a.includes("gallery") && !!p.length
     },
     {
       value: "upload",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.upload") }) }),
-      visible: o.includes("upload") && !!b
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: i("changeCover.upload") }) }),
+      visible: a.includes("upload") && !!b
     },
     {
       value: "link",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.link") }) }),
-      visible: o.includes("link")
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: i("changeCover.link") }) }),
+      visible: a.includes("link")
     },
     {
       value: "unsplash",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.searchImages") }) }),
-      visible: o.includes("unsplash") && L().media?.unsplashEnabled !== !1
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: i("changeCover.searchImages") }) }),
+      visible: a.includes("unsplash") && A().media?.unsplashEnabled !== !1
     },
     {
       value: "giphy",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-      visible: o.includes("giphy") && M.has("giphy") && L().media?.giphyEnabled !== !1
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+      visible: a.includes("giphy") && I.has("giphy") && A().media?.giphyEnabled !== !1
     },
     {
       value: "googleDrive",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.googleDrive", {
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: i("changeCover.googleDrive", {
         defaultValue: "Google Drive"
       }) }) }),
-      visible: o.includes("googleDrive") && !!l
+      visible: a.includes("googleDrive") && !!l
     },
     {
       value: "media",
-      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.media", { defaultValue: "Media" }) }) }),
-      visible: o.includes("media") && !!a && te()
+      label: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("span", { children: i("changeCover.media", { defaultValue: "Media" }) }) }),
+      visible: a.includes("media") && !!r && oe()
     }
-  ].filter((y) => y.visible), [
-    o,
-    M,
+  ].filter((F) => F.visible), [
+    a,
+    I,
     i,
-    f.length,
+    p.length,
     b,
     l,
-    a
-  ]), g = C !== void 0, [Z, P] = E(() => C !== void 0 ? "" : s[0]?.value ?? "");
-  le(() => {
-    g || s.length && P((n) => n && s.some((y) => y.value === n) ? n : s[0].value);
-  }, [s, g]);
-  const k = u(() => s.map((n) => n.value), [s]), v = g ? C : Z, t = u(() => v && k.includes(v) ? v : k[0] ?? "", [v, k]), z = (n) => {
-    g || P(n);
-  }, D = (n) => {
+    r
+  ]), f = C !== void 0, [R, M] = T(() => C !== void 0 ? "" : o[0]?.value ?? "");
+  ee(() => {
+    f || o.length && M((n) => n && o.some((F) => F.value === n) ? n : o[0].value);
+  }, [o, f]);
+  const k = d(() => o.map((n) => n.value), [o]), g = f ? C : R, t = d(() => g && k.includes(g) ? g : k[0] ?? "", [g, k]), W = (n) => {
+    f || M(n);
+  }, Y = (n) => {
     b?.(n, m);
   }, c = (n) => {
-    N?.(n), p || m(!1);
-  }, ee = u(() => I ? /* @__PURE__ */ d(re, { size: "lg", children: [
-    /* @__PURE__ */ e(j, { icon: V, size: 22 }),
+    j?.(n), h || m(!1);
+  }, Z = d(() => y ? /* @__PURE__ */ v(le, { size: "lg", children: [
+    /* @__PURE__ */ e(E, { icon: B, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
-    A,
+    V,
     {
       variant: "default",
       size: "xs",
-      leftSection: /* @__PURE__ */ e(j, { icon: V, size: 16 }),
-      children: /* @__PURE__ */ e(ae, { fw: 600, size: "sm", children: i("changeCover.change") })
+      leftSection: /* @__PURE__ */ e(E, { icon: B, size: 16 }),
+      children: /* @__PURE__ */ e(ie, { fw: 600, size: "sm", children: i("changeCover.change") })
     }
-  ), [i, I]), G = (n) => {
-    m(n), X?.(n);
-  }, B = /* @__PURE__ */ d(se, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-    t === "gallery" && !!f.length && /* @__PURE__ */ e(
-      he,
+  ), [i, y]), z = (n) => {
+    m(n), N?.(n);
+  }, G = /* @__PURE__ */ v(ae, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+    t === "gallery" && !!p.length && /* @__PURE__ */ e(
+      ue,
       {
-        galleryCollection: f,
+        galleryCollection: p,
         onChange: c
       }
     ),
     t === "upload" && /* @__PURE__ */ e(
-      ve,
+      ge,
       {
         type: S || "image",
-        uploading: _,
-        dropZoneProps: Q,
-        onUpload: D,
-        icon: Y
+        uploading: U,
+        dropZoneProps: J,
+        onUpload: Y,
+        icon: Q
       }
     ),
     t === "link" && /* @__PURE__ */ e(
@@ -146,13 +146,13 @@ const Ce = [
       {
         type: S || "image",
         onChange: c,
-        isValidMediaUrl: J
+        isValidMediaUrl: q
       }
     ),
-    t === "unsplash" && /* @__PURE__ */ e(fe, { onChange: c }),
-    t === "giphy" && /* @__PURE__ */ e(pe, { onChange: c }),
+    t === "unsplash" && /* @__PURE__ */ e(pe, { onChange: c }),
+    t === "giphy" && /* @__PURE__ */ e(he, { onChange: c }),
     t === "googleDrive" && l && /* @__PURE__ */ e(
-      ge,
+      fe,
       {
         isConnected: l.isConnected,
         connectedEmail: l.connectedEmail,
@@ -168,104 +168,78 @@ const Ce = [
         error: l.error
       }
     ),
-    t === "media" && a && /* @__PURE__ */ e(
-      ue,
+    t === "media" && r && /* @__PURE__ */ e(
+      ce,
       {
-        items: a.items,
-        isLoading: a.isLoading,
-        breadcrumbs: a.breadcrumbs,
-        onFolderClick: a.onFolderClick,
-        onBreadcrumbClick: a.onBreadcrumbClick,
+        items: r.items,
+        isLoading: r.isLoading,
+        breadcrumbs: r.breadcrumbs,
+        onFolderClick: r.onFolderClick,
+        onBreadcrumbClick: r.onBreadcrumbClick,
         onSelect: (n) => {
-          a.onSelect?.(n), m(!1);
+          r.onSelect?.(n), m(!1);
         }
       }
     )
-  ] }), ne = /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-    x,
+  ] }), D = /* @__PURE__ */ e(
+    de,
     {
-      defaultValue: "gallery",
       value: t,
-      onChange: (n) => n && z(n),
-      styles: {
-        list: {
-          alignItems: "center",
-          paddingRight: "var(--mantine-spacing-xs)"
-        }
-      },
-      w: "100%",
-      children: /* @__PURE__ */ d(
-        x.List,
+      onChange: (n) => W(n),
+      height: 54,
+      pillPaddingX: 12,
+      items: o.map((n) => ({
+        value: n.value,
+        label: n.label,
+        disabled: X
+      })),
+      rightSlot: $ && /* @__PURE__ */ e(
+        V,
         {
-          style: {
-            gap: "4px"
-          },
-          px: 8,
-          h: 54,
-          children: [
-            s.map((n) => /* @__PURE__ */ e(
-              x.Tab,
-              {
-                className: w.originalTab,
-                disabled: $,
-                h: "100%",
-                p: 0,
-                value: n.value,
-                onClick: () => z(n.value),
-                children: /* @__PURE__ */ e(r, { className: w.customTab, px: "sm", h: 36, children: n.label })
-              },
-              n.value
-            )),
-            q && /* @__PURE__ */ e(
-              A,
-              {
-                variant: "subtle",
-                fz: "sm",
-                lh: "sm",
-                fw: 500,
-                px: "sm",
-                size: "30px",
-                onClick: U,
-                color: "var(--mantine-color-gray-light-color)",
-                style: { marginLeft: "auto" },
-                children: i("remove")
-              }
-            )
-          ]
+          variant: "subtle",
+          fz: "sm",
+          lh: "sm",
+          fw: 500,
+          px: "sm",
+          size: "30px",
+          onClick: L,
+          color: "var(--mantine-color-gray-light-color)",
+          style: { marginLeft: "auto" },
+          children: i("remove")
         }
       )
     }
-  ) });
-  return p ? /* @__PURE__ */ e(
-    oe,
+  );
+  return h ? /* @__PURE__ */ e(
+    re,
     {
       "data-file-picker-inline": !0,
       bdrs: 8,
       p: 12,
       bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-7))",
-      children: B
+      children: G
     }
-  ) : /* @__PURE__ */ d(
-    F,
+  ) : /* @__PURE__ */ v(
+    P,
     {
-      width: O,
+      width: H,
       radius: "var(--mantine-spacing-sm)",
-      position: R,
+      position: O,
       shadow: "md",
-      opened: T,
-      onChange: G,
+      opened: x,
+      onChange: z,
       withinPortal: !0,
-      ...K || {},
+      ...w || {},
       children: [
-        /* @__PURE__ */ e(F.Target, { children: /* @__PURE__ */ e(r, { onClick: () => G(!T), ...W, children: H ?? ee }) }),
-        /* @__PURE__ */ d(F.Dropdown, { p: 0, children: [
-          ne,
-          B
+        /* @__PURE__ */ e(P.Target, { children: /* @__PURE__ */ e(s, { onClick: () => z(!x), ...K, children: _ ?? Z }) }),
+        /* @__PURE__ */ v(P.Dropdown, { p: 0, children: [
+          D,
+          G
         ] })
       ]
     }
   );
 };
 export {
-  He as FilePicker
+  Oe as FilePicker
 };

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

@@ -1,17 +1,13 @@
-const o = "_itemImage_7zb8o_1", t = "_imageAuthor_7zb8o_27", e = "_originalTab_7zb8o_43", _ = "_customTab_7zb8o_55", a = "_button_7zb8o_71", n = "_pickerDropZone_7zb8o_91", b = {
-  itemImage: o,
+const e = "_itemImage_119se_1", t = "_imageAuthor_119se_27", o = "_button_119se_43", s = "_pickerDropZone_119se_63", _ = {
+  itemImage: e,
   imageAuthor: t,
-  originalTab: e,
-  customTab: _,
-  button: a,
-  pickerDropZone: n
+  button: o,
+  pickerDropZone: s
 };
 export {
-  a as button,
-  _ as customTab,
-  b as default,
+  o as button,
+  _ as default,
   t as imageAuthor,
-  o as itemImage,
-  e as originalTab,
-  n as pickerDropZone
+  e as itemImage,
+  s as pickerDropZone
 };

package/dist/components/FilePicker/FilePickerGallery.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useState as d, useMemo as f } from "react";
 import { useTranslation as x } from "react-i18next";
 import { Search01Icon as $ } from "@hugeicons/core-free-icons";
@@ -6,17 +6,17 @@ import { HugeiconsIcon as v } from "@hugeicons/react";
 import { Stack as m, FocusTrap as g, TextInput as I, Text as u, SimpleGrid as w, AspectRatio as C } from "@mantine/core";
 import S from "./FilePicker.module.css.js";
 const G = ({
-  galleryCollection: n,
+  galleryCollection: i,
   onChange: p
 }) => {
-  const { t: a } = x("ui"), [i, h] = d(""), l = f(() => {
-    const e = i.trim().toLowerCase();
-    return e ? n.map((t) => ({
+  const { t: a } = x("ui"), [s, h] = d(""), c = f(() => {
+    const e = s.trim().toLowerCase();
+    return e ? i.map((t) => ({
       ...t,
-      items: t.items.filter((s) => `${t.title} ${t.id} ${t.path} ${s}`.toLowerCase().includes(e))
-    })).filter((t) => t.items.length > 0) : n;
-  }, [n, i]);
-  return /* @__PURE__ */ c(m, { gap: "sm", children: [
+      items: t.items.filter((n) => `${t.title} ${t.id} ${t.path} ${n}`.toLowerCase().includes(e))
+    })).filter((t) => t.items.length > 0) : i;
+  }, [i, s]);
+  return /* @__PURE__ */ l(m, { gap: "sm", children: [
     /* @__PURE__ */ r(g, { active: !0, children: /* @__PURE__ */ r(
       I,
       {
@@ -24,11 +24,11 @@ const G = ({
         maxLength: 50,
         placeholder: a("changeCover.searchImage"),
         "data-autofocus": !0,
-        value: i,
+        value: s,
         onChange: (e) => h(e.currentTarget.value)
       }
     ) }),
-    /* @__PURE__ */ r(m, { gap: "xs", mah: 400, w: "100%", style: { overflow: "auto" }, children: l.length === 0 && i.trim() ? /* @__PURE__ */ r(u, { fz: "xs", c: "dimmed", ta: "center", py: "xs", children: a("changeCover.noResult") }) : l.map((e) => /* @__PURE__ */ c(m, { gap: 4, pb: "sm", children: [
+    /* @__PURE__ */ r(m, { gap: "xs", mah: 400, w: "100%", style: { overflow: "auto" }, children: c.length === 0 && s.trim() ? /* @__PURE__ */ r(u, { fz: "xs", c: "dimmed", ta: "center", py: "xs", children: a("changeCover.noResult") }) : c.map((e) => /* @__PURE__ */ l(m, { gap: 4, pb: "sm", children: [
       /* @__PURE__ */ r("a", { target: "_blank", href: e?.url || "#", rel: "noreferrer", children: /* @__PURE__ */ r(
         u,
         {
@@ -41,7 +41,7 @@ const G = ({
           children: e.title
         }
       ) }),
-      /* @__PURE__ */ r(w, { spacing: 10, cols: 4, children: e.items.map((t, s) => {
+      /* @__PURE__ */ r(w, { spacing: 10, cols: 4, children: e.items.map((t, n) => {
         const o = "/images/covers/" + e.path + t;
         return /* @__PURE__ */ r(
           C,
@@ -53,7 +53,7 @@ const G = ({
               backgroundImage: `url(${o})`
             }
           },
-          `${e.id}-${t}-${s}`
+          `${e.id}-${t}-${n}`
         );
       }) })
     ] }, e.id)) })