@layers-app/shared 0.2.8 → 0.3.0

package/dist/components/FilePicker/FilePicker.js

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

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

@@ -1,17 +1,15 @@
-const o = "_itemImage_5y6cx_1", t = "_imageAuthor_5y6cx_14", c = "_originalTab_5y6cx_22", e = "_customTab_5y6cx_28", _ = "_button_5y6cx_36", a = "_pickerDropZone_5y6cx_46", n = {
-  itemImage: o,
-  imageAuthor: t,
-  originalTab: c,
+const t = "_itemImage_1me1c_1", o = "_imageAuthor_1me1c_14", a = "_originalTab_1me1c_22", e = "_customTab_1me1c_28", m = "_button_1me1c_36", _ = {
+  itemImage: t,
+  imageAuthor: o,
+  originalTab: a,
   customTab: e,
-  button: _,
-  pickerDropZone: a
+  button: m
 };
 export {
-  _ as button,
+  m as button,
   e as customTab,
-  n as default,
-  t as imageAuthor,
-  o as itemImage,
-  c as originalTab,
-  a as pickerDropZone
+  _ as default,
+  o as imageAuthor,
+  t as itemImage,
+  a as originalTab
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerGallery.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,iBAAiB,GAAI,kCAG/B;IACD,iBAAiB,EAAE,4BAA4B,EAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAyEA,CAAC"}
+{"version":3,"file":"FilePickerGallery.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,iBAAiB,GAAI,kCAG/B;IACD,iBAAiB,EAAE,4BAA4B,EAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAqCA,CAAC"}

package/dist/components/FilePicker/FilePickerGallery.js

@@ -1,64 +1,38 @@
-import { jsxs as c, 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";
-import { HugeiconsIcon as v } from "@hugeicons/react";
-import { Stack as m, FocusTrap as g, TextInput as w, Text as u, SimpleGrid as C, AspectRatio as I } from "@mantine/core";
-import S from "./FilePicker.module.css.js";
-const F = ({
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { Stack as l, Text as o, SimpleGrid as p, AspectRatio as c } from "@mantine/core";
+import d from "./FilePicker.module.css.js";
+const x = ({
   galleryCollection: s,
-  onChange: p
-}) => {
-  const { t: a } = x("ui"), [i, h] = d(""), l = f(() => {
-    const e = i.trim().toLowerCase();
-    return e ? s.map((t) => ({
-      ...t,
-      items: t.items.filter((n) => `${t.title} ${t.id} ${t.path} ${n}`.toLowerCase().includes(e))
-    })).filter((t) => t.items.length > 0) : s;
-  }, [s, i]);
-  return /* @__PURE__ */ c(m, { gap: "sm", children: [
-    /* @__PURE__ */ r(g, { active: !0, children: /* @__PURE__ */ r(
-      w,
+  onChange: t
+}) => /* @__PURE__ */ r(l, { gap: "xs", mah: 400, w: "100%", style: { overflow: "auto" }, children: s.map((e) => /* @__PURE__ */ n(l, { gap: 4, pb: "sm", children: [
+  /* @__PURE__ */ r("a", { target: "_blank", href: e?.url || "#", children: /* @__PURE__ */ r(
+    o,
+    {
+      fz: "xs",
+      fw: 500,
+      lh: "xs",
+      c: "dimmed",
+      component: "span",
+      td: "none",
+      children: e.title
+    }
+  ) }),
+  /* @__PURE__ */ r(p, { spacing: 10, cols: 4, children: e.items.map((m, a) => {
+    const i = "/images/covers/" + e.path + m;
+    return /* @__PURE__ */ r(
+      c,
       {
-        leftSection: /* @__PURE__ */ r(v, { size: 16, icon: $ }),
-        maxLength: 50,
-        placeholder: a("changeCover.searchGifs"),
-        "data-autofocus": !0,
-        value: i,
-        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("a", { target: "_blank", href: e?.url || "#", rel: "noreferrer", children: /* @__PURE__ */ r(
-        u,
-        {
-          fz: "xs",
-          fw: 500,
-          lh: "xs",
-          c: "dimmed",
-          component: "span",
-          td: "none",
-          children: e.title
+        onClick: () => t?.(i),
+        ratio: 120 / 65,
+        className: d.itemImage,
+        style: {
+          backgroundImage: `url(${i})`
         }
-      ) }),
-      /* @__PURE__ */ r(C, { spacing: 10, cols: 4, children: e.items.map((t, n) => {
-        const o = "/images/covers/" + e.path + t;
-        return /* @__PURE__ */ r(
-          I,
-          {
-            onClick: () => p?.(o),
-            ratio: 120 / 65,
-            className: S.itemImage,
-            style: {
-              backgroundImage: `url(${o})`
-            }
-          },
-          `${e.id}-${t}-${n}`
-        );
-      }) })
-    ] }, e.id)) })
-  ] });
-};
+      },
+      a
+    );
+  }) })
+] }, e.id)) });
 export {
-  F as FilePickerGallery
+  x as FilePickerGallery
 };

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

@@ -1,4 +1,4 @@
-export declare const FilePickerGiphy: ({ token, onChange, }: {
+export declare const FilePickerGiphy: ({ onChange, }: {
     token?: string;
     onChange?: (v: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerGiphy.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGiphy.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,eAAe,GAAI,sBAG7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAsGA,CAAC"}
+{"version":3,"file":"FilePickerGiphy.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGiphy.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,eAAe,GAAI,eAE7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAoGA,CAAC"}