@layers-app/shared 0.2.4 → 0.2.6

package/dist/components/EmojiPicker/utils.js

@@ -0,0 +1,46 @@
+import { excludeCategories as f } from "./constants.js";
+let r = null;
+const u = async (a) => {
+  if (r) return r;
+  const n = (await import("../../assets/jsons/icons.min.json.js")).default.filter(
+    (e) => e.s === "filled" && !f.includes(e.c)
+  ), i = n.find((e) => e.n === "tool"), c = n.find((e) => e.n === "check");
+  let l;
+  if (a === "PROJECT") {
+    const e = [
+      "check",
+      "bug",
+      "heart-handshake",
+      "square-rotated",
+      "circle-dashed"
+    ], s = n.filter(
+      (t) => t.n.startsWith("antenna-bars-") || e.includes(t.n)
+    );
+    s.forEach((t) => {
+      t.c = "Additional";
+    });
+    const d = n.filter(
+      (t) => !t.n.startsWith("antenna-bars-") && !e.includes(t.n)
+    );
+    i && (i.c = "Additional", s.some((t) => t.n === "tool") || s.push(i)), c && (c.c = "Additional", s.some((t) => t.n === "check") || s.push(c)), l = [...s, ...d];
+  } else
+    l = n;
+  return r = l, r;
+};
+async function m(a) {
+  const o = await u(a);
+  if (!o || o.length === 0) return;
+  const n = Math.floor(Math.random() * o.length);
+  return o[n].n;
+}
+const p = async () => {
+  const a = navigator.userAgent, o = await navigator.userAgentData?.getHighEntropyValues([
+    "platformVersion"
+  ]), n = o?.platform === "Windows" && Number(o?.platformVersion?.split(".")[0]) >= 13, i = /Windows NT 10\.0/.test(a);
+  return n ? (await import("../../assets/jsons/emoji-categorized-windows.json.js")).default : i ? (await import("../../assets/jsons/emoji-categorized-windows10.json.js")).default : (await import("../../assets/jsons/emoji-categorized.json.js")).default;
+};
+export {
+  p as getEmojis,
+  u as getIconsList,
+  m as getRandomIcon
+};

package/dist/components/EntityIcon.d.ts

@@ -1,4 +1,4 @@
-export declare const EntityIcon: <T extends {
+interface IProps {
     type?: string | null;
     icon?: string | null;
     title?: string | null;
@@ -7,7 +7,10 @@ export declare const EntityIcon: <T extends {
     parentId?: string | null;
     isFolder?: boolean;
     pathById?: string[];
-}>({ item, }: {
+    isOpen?: boolean;
+}
+export declare const EntityIcon: <T extends IProps>({ item }: {
     item?: T;
 }) => import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=EntityIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,GACrB,CAAC,SAAS;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,EACD,WAEC;IACD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,mDA0HA,CAAC"}
+{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAOD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,UAAU;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,mDAwHlE,CAAC"}

package/dist/components/EntityIcon.js

@@ -1,76 +1,74 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Folder01Icon as i } from "@hugeicons/core-free-icons";
+import { jsx as n } from "react/jsx-runtime";
+import { Folder01Icon as t, Folder02Icon as f } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as l } from "@hugeicons/react";
-import { Text as c, Box as d, Avatar as p } from "@mantine/core";
-import u from "../assets/enitityIcons/flow.svg.js";
-import h from "../assets/enitityIcons/form.svg.js";
-import y from "../assets/enitityIcons/page.svg.js";
-import g from "../assets/enitityIcons/sprint.svg.js";
-import { ProjectIcon as e, IconEntity as a, renderIcon as I } from "./ProjectIcon/ProjectIcon.js";
-const S = ({
-  item: o
-}) => {
-  const n = o?.size || 16;
+import { Text as c, Box as s, Avatar as d } from "@mantine/core";
+import p from "../assets/enitityIcons/flow.svg.js";
+import u from "../assets/enitityIcons/form.svg.js";
+import h from "../assets/enitityIcons/page.svg.js";
+import y from "../assets/enitityIcons/sprint.svg.js";
+import { ProjectIcon as i, IconEntity as a, renderIcon as g } from "./ProjectIcon/ProjectIcon.js";
+const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, k = ({ item: o }) => {
+  const r = o?.size || 16;
   if (!o) return null;
   if (o.type === "FOLDER")
-    return /* @__PURE__ */ r(l, { icon: i, size: n });
+    return /* @__PURE__ */ n(l, { icon: t, size: r });
   if (o.type === "PAGE")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
-        fallbackColor: "var(--default-page-icon-color)",
+        fallbackColor: o.icon ? void 0 : "var(--default-page-icon-color)",
         name: o.title,
         icon: o.icon,
-        fallback: /* @__PURE__ */ r(y, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(h, { width: r, height: r })
       }
     );
   if (o.type === "FORM")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
         fallbackColor: "var(--default-form-icon-color)",
         icon: o.icon,
-        fallback: /* @__PURE__ */ r(h, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(u, { width: r, height: r })
       }
     );
   if (o.type === "FLOW")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
         icon: o.icon,
         fallbackColor: "var(--default-flow-icon-color)",
-        fallback: /* @__PURE__ */ r(u, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(p, { width: r, height: r })
       }
     );
   if (o.type === "SPRINT") {
-    const t = a.parse(o.icon);
-    return /* @__PURE__ */ r(
+    const e = a.parse(o.icon);
+    return /* @__PURE__ */ n(
       c,
       {
-        fz: n,
-        c: t?.color || "yellow.6",
+        fz: r,
+        c: e?.color || "yellow.6",
         style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           lineHeight: "normal",
-          width: n + 4
+          width: r + 4
         },
-        children: /* @__PURE__ */ r(g, {})
+        children: /* @__PURE__ */ n(y, {})
       }
     );
   }
   if (o.type === "PROJECT") {
-    const t = a.parse(o.icon), f = o.type === "PROJECT" && o?.pathById?.findIndex((s) => s === o?.parentId) === 1;
-    return o.isFolder || f ? /* @__PURE__ */ r(
+    const e = a.parse(o.icon);
+    return I(o) ? /* @__PURE__ */ n(
       l,
       {
-        color: t?.color || void 0,
-        icon: i,
-        size: n
+        color: e?.color || void 0,
+        icon: o.isOpen ? f : t,
+        size: r
       }
-    ) : t?.emoji ? /* @__PURE__ */ r(
-      d,
+    ) : e?.emoji ? /* @__PURE__ */ n(
+      s,
       {
         bg: "gray.1",
         style: {
@@ -78,20 +76,20 @@ const S = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          width: n,
-          height: n
+          width: r,
+          height: r
         },
-        children: /* @__PURE__ */ r(e, { p: 0, icon: o.icon, size: 14, textSize: 12 })
+        children: /* @__PURE__ */ n(i, { p: 0, icon: o.icon, size: 14, textSize: 12 })
       }
-    ) : /* @__PURE__ */ r(
-      p,
+    ) : /* @__PURE__ */ n(
+      d,
       {
         variant: "filled",
         radius: 4,
-        name: o.title || "",
+        name: o.id || "",
         size: 16,
-        color: t?.color || "initials",
-        children: /* @__PURE__ */ r(
+        color: e?.color || "initials",
+        children: /* @__PURE__ */ n(
           c,
           {
             fz: 12,
@@ -104,7 +102,7 @@ const S = ({
               justifyContent: "center",
               lineHeight: "normal"
             },
-            children: I(t, void 0, !0, o.title)
+            children: g(e, void 0, !0, o.title)
           }
         )
       }
@@ -113,5 +111,5 @@ const S = ({
   return null;
 };
 export {
-  S as EntityIcon
+  k as EntityIcon
 };

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

@@ -1,8 +1,9 @@
 import { PropsWithChildren } from 'react';
 import { FlexProps, FloatingPosition, PopoverProps } from '@mantine/core';
 import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
+import type { BreadcrumbItem, MediaFile } from '../MediaLibrary/types';
 import { FileType, ImagePickerGalleryCollection } from './types';
-declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy"];
+declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy", "googleDrive", "media"];
 type TabType = (typeof baseTabsList)[number];
 export type FilePickerProps = PropsWithChildren<{
     onChange?: (v: string) => void;
@@ -23,7 +24,37 @@ export type FilePickerProps = PropsWithChildren<{
     isValidMediaUrl?: (url: string) => boolean;
     targetProps?: FlexProps;
     onOpenedChange?: (opened: boolean) => void;
+    googleDrive?: {
+        isConnected: boolean;
+        connectedEmail?: string;
+        files: Array<{
+            id: string;
+            name: string;
+            mimeType: string;
+            thumbnailLink?: string;
+            iconLink?: string;
+        }>;
+        isLoading: boolean;
+        hasMore: boolean;
+        isImporting: boolean;
+        onSearch: (query: string) => void;
+        onLoadMore: () => void;
+        onSelect: (file: {
+            id: string;
+            name: string;
+            mimeType: string;
+        }, done: (url: string) => void) => void;
+        error: string | null;
+    };
+    mediaLibrary?: {
+        items: MediaFile[];
+        isLoading?: boolean;
+        breadcrumbs?: BreadcrumbItem[];
+        onFolderClick?: (folder: MediaFile) => void;
+        onBreadcrumbClick?: (crumb: BreadcrumbItem, index: number) => void;
+        onSelect?: (file: MediaFile) => void;
+    };
 }>;
-export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, googleDrive, mediaLibrary, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FilePicker.d.ts.map

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":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAK7D,OAAO,EAIL,SAAS,EACT,gBAAgB,EAEhB,YAAY,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQhE,OAAO,EAAE,QAAQ,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIjE,QAAA,MAAM,YAAY,6DAMR,CAAC;AAEX,KAAK,OAAO,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,yOAoBxB,iBAAiB,CAAC,eAAe,CAAC,4CA4MpC,CAAC"}
+{"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,121 +1,141 @@
 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 C } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as F } from "@hugeicons/react";
-import { Flex as r, ActionIcon as E, Button as P, Text as J, Popover as g, Tabs as f, Stack as K } from "@mantine/core";
-import { useMenu as Q } from "../../hooks/useMenu.js";
-import { FilePickerGallery as W } from "./FilePickerGallery.js";
-import { FilePickerGiphy as X } from "./FilePickerGiphy.js";
-import { FilePickerLink as Y } from "./FilePickerLink.js";
-import { FilePickerUnsplash as Z } from "./FilePickerUnsplash.js";
-import { FilePickerUpload as _ } from "./FilePickerUpload.js";
-import z from "./FilePicker.module.css.js";
-const $ = [
+import { useState as F, useMemo as M } from "react";
+import { useTranslation as Q } from "react-i18next";
+import { ImageAdd02Icon as P } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as S } from "@hugeicons/react";
+import { Flex as r, ActionIcon as W, Button as z, Text as X, Popover as g, Tabs as v, Stack as Y } from "@mantine/core";
+import { isFeature as Z } from "../../helpers/feature.js";
+import { useMenu as _ } from "../../hooks/useMenu.js";
+import { MediaLibraryBrowser as $ } from "../MediaLibrary/MediaLibraryBrowser.js";
+import { FilePickerGallery as T } from "./FilePickerGallery.js";
+import { FilePickerGiphy as D } from "./FilePickerGiphy.js";
+import { FilePickerLink as ee } from "./FilePickerLink.js";
+import { FilePickerUnsplash as ne } from "./FilePickerUnsplash.js";
+import { FilePickerGoogleDrive as ie } from "./FilePickerGoogleDrive.js";
+import { FilePickerUpload as le } from "./FilePickerUpload.js";
+import y from "./FilePicker.module.css.js";
+const re = [
   "gallery",
   "upload",
   "link",
   "unsplash",
-  "giphy"
-], me = ({
-  onChange: L,
-  onRemove: j,
-  onUpload: m,
-  uploading: G = !1,
-  showTabs: a = $,
-  children: M,
-  width: S = 610,
-  position: A = "bottom-end",
-  readOnly: B = !1,
-  hasImage: I,
-  giphyToken: o,
-  unsplashClientId: c,
-  type: v = "image",
-  galleryCollection: d = [],
+  "giphy",
+  "googleDrive",
+  "media"
+], xe = ({
+  onChange: B,
+  onRemove: G,
+  onUpload: f,
+  uploading: I = !1,
+  showTabs: s = re,
+  children: V,
+  width: j = 610,
+  position: L = "bottom-end",
+  readOnly: A = !1,
+  hasImage: E,
+  giphyToken: d,
+  unsplashClientId: m,
+  type: b = "image",
+  galleryCollection: u = [],
   isValidMediaUrl: N,
   popoverProps: U,
-  dropZoneProps: V,
-  targetProps: w,
-  onOpenedChange: D
+  dropZoneProps: H,
+  targetProps: O,
+  onOpenedChange: R,
+  googleDrive: i,
+  mediaLibrary: a
 }) => {
-  const { t: l } = q("ui"), [b, u] = x(!1), { isMobile: n } = Q(), h = y(
+  const { t: l } = Q("ui"), [k, h] = F(!1), { isMobile: C } = _(), p = M(
     () => [
       {
         value: "gallery",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
-        visible: a.includes("gallery") && !!d.length
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
+        visible: s.includes("gallery") && !!u.length
       },
       {
         value: "upload",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
-        visible: a.includes("upload") && !!m
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
+        visible: s.includes("upload") && !!f
       },
       {
         value: "link",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
-        visible: a.includes("link")
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
+        visible: s.includes("link")
       },
       {
         value: "unsplash",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
-        visible: a.includes("unsplash") && c
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
+        visible: s.includes("unsplash") && m
       },
       {
         value: "giphy",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-        visible: a.includes("giphy") && o
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+        visible: s.includes("giphy") && d
+      },
+      {
+        value: "googleDrive",
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.googleDrive", {
+          defaultValue: "Google Drive"
+        }) }) }),
+        visible: s.includes("googleDrive") && !!i
+      },
+      {
+        value: "media",
+        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.media", { defaultValue: "Media" }) }) }),
+        visible: s.includes("media") && !!a && Z()
       }
-    ].filter((i) => i.visible),
+    ].filter((n) => n.visible),
     [
-      n,
-      a,
-      c,
-      o,
+      s,
+      m,
+      d,
       l,
-      d.length,
-      m
+      u.length,
+      f,
+      i,
+      a
     ]
-  ), [s, H] = x(() => {
-    if (h[0]) return h[0].value;
-    const i = h.find((T) => T.visible);
-    return i ? i.value : "";
-  }), O = (i) => {
-    m?.(i, u);
-  }, p = (i) => {
-    L?.(i), u(!1);
-  }, R = y(() => n ? /* @__PURE__ */ t(E, { size: "lg", children: [
-    /* @__PURE__ */ e(F, { icon: C, size: 22 }),
+  ), [o, q] = F(() => {
+    if (p[0]) return p[0].value;
+    const n = p.find((K) => K.visible);
+    return n ? n.value : "";
+  }), w = (n) => {
+    f?.(n, h);
+  }, c = (n) => {
+    B?.(n), h(!1);
+  }, J = M(() => C ? /* @__PURE__ */ t(W, { size: "lg", children: [
+    /* @__PURE__ */ e(S, { icon: P, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
-    P,
+    z,
     {
       variant: "default",
       size: "xs",
-      leftSection: /* @__PURE__ */ e(F, { icon: C, size: 16 }),
-      children: /* @__PURE__ */ e(J, { fw: 600, size: "sm", children: l("changeCover.change") })
+      leftSection: /* @__PURE__ */ e(S, { icon: P, size: 16 }),
+      children: /* @__PURE__ */ e(X, { fw: 600, size: "sm", children: l("changeCover.change") })
     }
-  ), [l, n]), k = (i) => {
-    u(i), D?.(i);
+  ), [l, C]), x = (n) => {
+    h(n), R?.(n);
   };
   return /* @__PURE__ */ t(
     g,
     {
-      width: S,
+      width: j,
       radius: "var(--mantine-spacing-sm)",
-      position: A,
+      position: L,
       shadow: "md",
-      opened: b,
-      onChange: k,
+      opened: k,
+      onChange: x,
       withinPortal: !0,
       ...U || {},
       children: [
-        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => k(!b), ...w, children: M ?? R }) }),
+        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => x(!k), ...O, children: V ?? J }) }),
         /* @__PURE__ */ t(g.Dropdown, { p: 0, children: [
           /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-            f,
+            v,
             {
               defaultValue: "gallery",
-              value: s,
+              value: o,
               styles: {
                 list: {
                   alignItems: "center",
@@ -124,7 +144,7 @@ const $ = [
               },
               w: "100%",
               children: /* @__PURE__ */ t(
-                f.List,
+                v.List,
                 {
                   style: {
                     gap: "4px"
@@ -132,21 +152,21 @@ const $ = [
                   px: 8,
                   h: 54,
                   children: [
-                    h.map((i) => /* @__PURE__ */ e(
-                      f.Tab,
+                    p.map((n) => /* @__PURE__ */ e(
+                      v.Tab,
                       {
-                        className: z.originalTab,
-                        disabled: B,
+                        className: y.originalTab,
+                        disabled: A,
                         h: "100%",
                         p: 0,
-                        value: i.value,
-                        onClick: () => H(i.value),
-                        children: /* @__PURE__ */ e(r, { className: z.customTab, px: "sm", h: 36, children: i.label })
+                        value: n.value,
+                        onClick: () => q(n.value),
+                        children: /* @__PURE__ */ e(r, { className: y.customTab, px: "sm", h: 36, children: n.label })
                       },
-                      i.value
+                      n.value
                     )),
-                    I && /* @__PURE__ */ e(
-                      P,
+                    E && /* @__PURE__ */ e(
+                      z,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -154,7 +174,7 @@ const $ = [
                         fw: 500,
                         px: "sm",
                         size: "30px",
-                        onClick: j,
+                        onClick: G,
                         color: "var(--mantine-color-gray-light-color)",
                         style: { marginLeft: "auto" },
                         children: l("remove")
@@ -165,39 +185,69 @@ const $ = [
               )
             }
           ) }),
-          /* @__PURE__ */ t(K, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-            s === "gallery" && !!d.length && /* @__PURE__ */ e(
-              W,
+          /* @__PURE__ */ t(Y, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+            o === "gallery" && !!u.length && /* @__PURE__ */ e(
+              T,
               {
-                galleryCollection: d,
-                onChange: p
+                galleryCollection: u,
+                onChange: c
               }
             ),
-            s === "upload" && /* @__PURE__ */ e(
-              _,
+            o === "upload" && /* @__PURE__ */ e(
+              le,
               {
-                type: v || "image",
-                uploading: G,
-                dropZoneProps: V,
-                onUpload: O
+                type: b || "image",
+                uploading: I,
+                dropZoneProps: H,
+                onUpload: w
               }
             ),
-            s === "link" && /* @__PURE__ */ e(
-              Y,
+            o === "link" && /* @__PURE__ */ e(
+              ee,
               {
-                type: v || "image",
-                onChange: p,
+                type: b || "image",
+                onChange: c,
                 isValidMediaUrl: N
               }
             ),
-            s === "unsplash" && c && /* @__PURE__ */ e(
-              Z,
+            o === "unsplash" && m && /* @__PURE__ */ e(
+              ne,
+              {
+                clientId: m,
+                onChange: c
+              }
+            ),
+            o === "giphy" && d && /* @__PURE__ */ e(D, { token: d, onChange: c }),
+            o === "googleDrive" && i && /* @__PURE__ */ e(
+              ie,
               {
-                clientId: c,
-                onChange: p
+                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: (n) => {
+                  i.onSelect(n, c);
+                },
+                error: i.error
               }
             ),
-            s === "giphy" && o && /* @__PURE__ */ e(X, { token: o, onChange: p })
+            o === "media" && a && /* @__PURE__ */ e(
+              $,
+              {
+                items: a.items,
+                isLoading: a.isLoading,
+                breadcrumbs: a.breadcrumbs,
+                onFolderClick: a.onFolderClick,
+                onBreadcrumbClick: a.onBreadcrumbClick,
+                onSelect: (n) => {
+                  a.onSelect?.(n), h(!1);
+                }
+              }
+            )
           ] })
         ] })
       ]
@@ -205,5 +255,5 @@ const $ = [
   );
 };
 export {
-  me as FilePicker
+  xe as FilePicker
 };