@layers-app/shared 0.2.8 → 0.3.1

package/dist/components/FilePicker/FilePickerGiphy.js

@@ -1,79 +1,77 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as l, useMemo as I, useEffect as b, useCallback as S } from "react";
-import { useTranslation as P } from "react-i18next";
-import { Search01Icon as T } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as w } from "@hugeicons/react";
-import { Stack as C, FocusTrap as z, TextInput as G, Loader as L, Box as k, SimpleGrid as j, AspectRatio as D, Button as F } from "@mantine/core";
-import { useDebouncedValue as M, useDebouncedCallback as q } from "@mantine/hooks";
-import { NoData as B } from "../NoData/NoData.js";
-import { FilePickerSkeletonLoader as N } from "./FilePickerSkeletonLoader.js";
-import { useGiphyPhotos as Q } from "./api/giphyApi.js";
-import R from "./FilePicker.module.css.js";
-const v = (c) => (c || []).reduce((r, o) => (r[o.id] = o, r), {}), W = ({
-  token: c,
-  onChange: r
+import { useState as l, useMemo as x, 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";
+import { Stack as b, FocusTrap as w, TextInput as z, Loader as G, Box as C, SimpleGrid as L, AspectRatio as j, Button as D } from "@mantine/core";
+import { useDebouncedValue as F, useDebouncedCallback as M } from "@mantine/hooks";
+import { NoData as q } from "../NoData/NoData.js";
+import { FilePickerSkeletonLoader as B } from "./FilePickerSkeletonLoader.js";
+import { useGiphyPhotos as N } from "./api/giphyApi.js";
+import Q from "./FilePicker.module.css.js";
+const k = (c) => (c || []).reduce((o, i) => (o[i.id] = i, o), {}), U = ({
+  onChange: c
 }) => {
-  const { t: o } = P("ui"), [m, y] = l(""), [u] = M(m, 800), [d, p] = l(1), [h, g] = l({}), { data: i, isLoading: s } = Q(
-    { q: u, limit: 24, offset: (d - 1) * 24 + 1 },
-    d,
-    c
-  ), a = I(
-    () => Object.values({ ...h, ...v(i?.items) }),
-    [h, i?.items]
-  ), f = q(() => {
+  const { t: o } = S("ui"), [i, v] = l(""), [m] = F(i, 800), [u, d] = l(1), [p, h] = l({}), { data: r, isLoading: s } = N(
+    { q: m, limit: 24, offset: (u - 1) * 24 + 1 },
+    u
+  ), a = x(
+    () => Object.values({ ...p, ...k(r?.items) }),
+    [p, r?.items]
+  ), g = M(() => {
     setTimeout(() => {
-      g((t) => ({ ...t, ...v(i?.items) }));
+      h((t) => ({ ...t, ...k(r?.items) }));
     }, 0);
   }, 100);
-  b(() => {
-    f();
-  }, [i?.items, f]), b(() => {
-    g({});
-  }, [u]);
-  const x = S(
+  f(() => {
+    g();
+  }, [r?.items, g]), f(() => {
+    h({});
+  }, [m]);
+  const y = I(
     (t) => {
-      y(t.currentTarget.value), p(1);
+      v(t.currentTarget.value), d(1);
     },
     []
   );
-  return /* @__PURE__ */ n(C, { gap: "sm", children: [
-    /* @__PURE__ */ e(z, { active: !0, children: /* @__PURE__ */ e(
-      G,
+  return /* @__PURE__ */ n(b, { gap: "sm", children: [
+    /* @__PURE__ */ e(w, { active: !0, children: /* @__PURE__ */ e(
+      z,
       {
-        leftSection: s ? /* @__PURE__ */ e(L, { size: 16 }) : /* @__PURE__ */ e(w, { size: 16, icon: T }),
+        leftSection: s ? /* @__PURE__ */ e(G, { size: 16 }) : /* @__PURE__ */ e(T, { size: 16, icon: P }),
         maxLength: 50,
         placeholder: o("changeCover.searchGifs"),
         "data-autofocus": !0,
-        value: m,
-        onChange: x
+        value: i,
+        onChange: y
       }
     ) }),
-    /* @__PURE__ */ n(k, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
-      !!a.length && /* @__PURE__ */ n(C, { gap: 8, children: [
-        /* @__PURE__ */ e(j, { cols: 4, spacing: 10, children: a.map((t) => /* @__PURE__ */ e(
-          D,
+    /* @__PURE__ */ n(C, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
+      !!a.length && /* @__PURE__ */ n(b, { gap: 8, children: [
+        /* @__PURE__ */ e(L, { cols: 4, spacing: 10, children: a.map((t) => /* @__PURE__ */ e(
+          j,
           {
-            onClick: () => r?.(t.images.original.url),
+            onClick: () => c?.(t.images.original.url),
             ratio: 120 / 65,
-            className: R.itemImage,
+            className: Q.itemImage,
             style: {
               backgroundImage: `url(${t.images.preview_webp.url})`
             }
           },
           t.id
         )) }),
-        i?.hasMore && /* @__PURE__ */ e(
-          F,
+        r?.hasMore && /* @__PURE__ */ e(
+          D,
           {
             variant: "subtle",
             loading: s,
-            onClick: () => p((t) => t + 1),
+            onClick: () => d((t) => t + 1),
             children: o("loadMode")
           }
         )
       ] }),
-      !a.length && !s && /* @__PURE__ */ e(k, { pb: 16, children: /* @__PURE__ */ e(
-        B,
+      !a.length && !s && /* @__PURE__ */ e(C, { pb: 16, children: /* @__PURE__ */ e(
+        q,
         {
           size: 120,
           illustration: "noImage",
@@ -81,10 +79,10 @@ const v = (c) => (c || []).reduce((r, o) => (r[o.id] = o, r), {}), W = ({
           titleProps: { size: "xs", c: "dimmed" }
         }
       ) }),
-      !a.length && s && /* @__PURE__ */ e(N, {})
+      !a.length && s && /* @__PURE__ */ e(B, {})
     ] })
   ] });
 };
 export {
-  W as FilePickerGiphy
+  U as FilePickerGiphy
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerLink.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerLink.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnC,eAAO,MAAM,cAAc,GAAI,sCAI5B;IACD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C,4CAkEA,CAAC"}
+{"version":3,"file":"FilePickerLink.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerLink.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,eAAO,MAAM,cAAc,GAAI,sCAI5B;IACD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C,4CAkEA,CAAC"}

package/dist/components/FilePicker/FilePickerLink.js

@@ -1,45 +1,45 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
-import { Stack as m, FocusTrap as d, TextInput as f, Flex as p, Button as h } from "@mantine/core";
-import { useForm as g } from "@mantine/form";
-import { isValidUrl as v, isImageUrl as k, isVideoUrl as x, isAudioUrl as F } from "../../helpers/validation.js";
-import I from "./FilePicker.module.css.js";
-import { Search01Icon as L } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as w } from "@hugeicons/react";
+import { Search01Icon as m } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as d } from "@hugeicons/react";
+import { Stack as f, FocusTrap as p, TextInput as h, Flex as g, Button as v } from "@mantine/core";
+import { useForm as k } from "@mantine/form";
+import { isValidUrl as x, isImageUrl as F, isVideoUrl as I, isAudioUrl as L } from "../../helpers/validation.js";
+import w from "./FilePicker.module.css.js";
 const P = ({
   onChange: a,
   type: o,
   isValidMediaUrl: s
 }) => {
-  const { t } = c("ui"), l = g({
+  const { t } = c("ui"), l = k({
     initialValues: {
       url: ""
     },
     validate: {
-      url: (e) => (e || "").trim().length > 0 && v(e) ? null : t("changeCover.invalidLink")
+      url: (e) => (e || "").trim().length > 0 && x(e) ? null : t("changeCover.invalidLink")
     }
   }), n = async () => {
     const { values: e } = l;
     let i;
-    o === "image" ? i = await k(e.url) : o === "video" ? s && s(e.url) ? i = !0 : i = await x(e.url) : o === "audio" ? i = await F(e.url) : i = !0, i ? a?.(e.url) : l.setFieldError("url", t("changeCover.invalidLink"));
+    o === "image" ? i = await F(e.url) : o === "video" ? s && s(e.url) ? i = !0 : i = await I(e.url) : o === "audio" ? i = await L(e.url) : i = !0, i ? a?.(e.url) : l.setFieldError("url", t("changeCover.invalidLink"));
   };
-  return /* @__PURE__ */ u(m, { gap: "sm", children: [
-    /* @__PURE__ */ r(d, { active: !0, children: /* @__PURE__ */ r(
-      f,
+  return /* @__PURE__ */ u(f, { gap: "sm", children: [
+    /* @__PURE__ */ r(p, { active: !0, children: /* @__PURE__ */ r(
+      h,
       {
         maxLength: 500,
         size: "sm",
         placeholder: t("changeCover.pasteLink"),
-        leftSection: /* @__PURE__ */ r(w, { size: 16, icon: L }),
+        leftSection: /* @__PURE__ */ r(d, { size: 16, icon: m }),
         "data-autofocus": !0,
         ...l.getInputProps("url")
       }
     ) }),
-    /* @__PURE__ */ r(p, { justify: "flex-end", align: "center", mt: "sm", children: /* @__PURE__ */ r(
-      h,
+    /* @__PURE__ */ r(g, { justify: "flex-end", align: "center", mt: "sm", children: /* @__PURE__ */ r(
+      v,
       {
         onClick: n,
-        className: I.button,
+        className: w.button,
         disabled: !l.values.url,
         children: t("customDrawer.save")
       }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerUnsplash.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUnsplash.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,kBAAkB,GAAI,yBAGhC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CA0HA,CAAC"}
+{"version":3,"file":"FilePickerUnsplash.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUnsplash.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,kBAAkB,GAAI,eAEhC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAyHA,CAAC"}

package/dist/components/FilePicker/FilePickerUnsplash.js

@@ -1,100 +1,98 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as m, useMemo as T, useEffect as k, useCallback as z } from "react";
-import { useTranslation as L } from "react-i18next";
-import { Search01Icon as j } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as B } from "@hugeicons/react";
-import { Stack as C, FocusTrap as D, TextInput as F, Loader as M, Box as c, SimpleGrid as N, AspectRatio as _, Text as b, Button as q } from "@mantine/core";
-import { useDebouncedValue as w, useDebouncedCallback as A } from "@mantine/hooks";
-import { NoData as Q } from "../NoData/NoData.js";
-import { FilePickerSkeletonLoader as R } from "./FilePickerSkeletonLoader.js";
-import { useUnsplashPhotos as U } from "./api/unsplashApi.js";
-import y from "./FilePicker.module.css.js";
-const v = (l) => (l || []).reduce((s, r) => (s[r.id] = r, s), {}), Z = ({
-  onChange: l,
-  clientId: s
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as m, useMemo as P, useEffect as f, useCallback as T } from "react";
+import { useTranslation as z } from "react-i18next";
+import { Search01Icon as L } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as j } from "@hugeicons/react";
+import { Stack as k, FocusTrap as B, TextInput as D, Loader as F, Box as c, SimpleGrid as M, AspectRatio as N, Text as C, Button as _ } from "@mantine/core";
+import { useDebouncedValue as q, useDebouncedCallback as w } from "@mantine/hooks";
+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 = ({
+  onChange: l
 }) => {
-  const { t: r } = L("ui"), [u, x] = m(""), [h] = w(u, 800), [I, p] = m(1), [d, g] = m({}), { data: o, isLoading: n } = U(
+  const { t: r } = z("ui"), [o, v] = m(""), [u] = q(o, 800), [x, h] = m(1), [p, d] = m({}), { data: a, isLoading: n } = R(
     {
-      query: h,
-      page: I,
+      query: u,
+      page: x,
       per_page: 24,
       order_by: "popular"
-    },
-    s
-  ), i = T(
-    () => Object.values({ ...d, ...v(o?.items) }),
-    [d, o?.items]
-  ), f = A(() => {
+    }
+  ), i = P(
+    () => Object.values({ ...p, ...y(a?.items) }),
+    [p, a?.items]
+  ), g = w(() => {
     setTimeout(() => {
-      g((t) => ({ ...t, ...v(o?.items) }));
+      d((t) => ({ ...t, ...y(a?.items) }));
     }, 0);
   }, 100);
-  k(() => {
-    f();
-  }, [o?.items, f]), k(() => {
-    g({});
-  }, [h]);
-  const S = z(
+  f(() => {
+    g();
+  }, [a?.items, g]), f(() => {
+    d({});
+  }, [u]);
+  const I = T(
     (t) => {
-      x(t.currentTarget.value), p(1);
+      v(t.currentTarget.value), h(1);
     },
     []
   );
-  return /* @__PURE__ */ a(C, { gap: "sm", children: [
-    /* @__PURE__ */ e(D, { active: !0, children: /* @__PURE__ */ e(
-      F,
+  return /* @__PURE__ */ s(k, { gap: "sm", children: [
+    /* @__PURE__ */ e(B, { active: !0, children: /* @__PURE__ */ e(
+      D,
       {
-        leftSection: n ? /* @__PURE__ */ e(M, { size: 16 }) : /* @__PURE__ */ e(B, { size: 16, icon: j }),
+        leftSection: n ? /* @__PURE__ */ e(F, { size: 16 }) : /* @__PURE__ */ e(j, { size: 16, icon: L }),
         maxLength: 50,
         placeholder: r("changeCover.searchImage"),
         "data-autofocus": !0,
-        value: u,
-        onChange: S
+        value: o,
+        onChange: I
       }
     ) }),
-    /* @__PURE__ */ a(c, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
-      !!i.length && /* @__PURE__ */ a(C, { gap: 8, children: [
-        /* @__PURE__ */ e(N, { cols: 4, spacing: 10, children: i.map((t) => /* @__PURE__ */ a(c, { children: [
+    /* @__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(
-            _,
+            N,
             {
               onClick: () => l?.(t.urls.regular),
               ratio: 120 / 65,
-              className: y.itemImage,
+              className: b.itemImage,
               style: {
                 backgroundImage: `url(${t.urls.small})`
               }
             }
           ),
-          /* @__PURE__ */ e(c, { className: y.imageAuthor, children: /* @__PURE__ */ a(b, { truncate: !0, c: "gray", size: "xs", children: [
+          /* @__PURE__ */ e(c, { className: b.imageAuthor, children: /* @__PURE__ */ s(C, { truncate: !0, c: "gray", size: "xs", children: [
             r("changeCover.photoBy"),
             " ",
             /* @__PURE__ */ e(
-              b,
+              C,
               {
                 component: "a",
                 inherit: !0,
                 href: t.user.links.html,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                onClick: (P) => P.stopPropagation(),
+                onClick: (S) => S.stopPropagation(),
                 children: t.user.name
               }
             )
           ] }) })
         ] }, t.id)) }),
-        o?.hasMore && /* @__PURE__ */ e(
-          q,
+        a?.hasMore && /* @__PURE__ */ e(
+          _,
           {
             variant: "subtle",
             loading: n,
-            onClick: () => p((t) => t + 1),
+            onClick: () => h((t) => t + 1),
             children: r("loadMore")
           }
         )
       ] }),
       !i.length && !n && /* @__PURE__ */ e(c, { pb: 16, children: /* @__PURE__ */ e(
-        Q,
+        A,
         {
           size: 120,
           illustration: "noImage",
@@ -102,10 +100,10 @@ const v = (l) => (l || []).reduce((s, r) => (s[r.id] = r, s), {}), Z = ({
           titleProps: { size: "xs", c: "dimmed" }
         }
       ) }),
-      !i.length && n && /* @__PURE__ */ e(R, {})
+      !i.length && n && /* @__PURE__ */ e(Q, {})
     ] })
   ] });
 };
 export {
-  Z as FilePickerUnsplash
+  X as FilePickerUnsplash
 };

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":"AAMA,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,+CAK9B;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;CAC3C,4CA2GA,CAAC"}
+{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAMA,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,+CAK9B;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;CAC3C,4CA8GA,CAAC"}

package/dist/components/FilePicker/FilePickerUpload.js

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

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

@@ -5,7 +5,7 @@ type Data = {
     totalPages: number;
     hasMore: boolean;
 };
-export declare const fetchGiphyPhotos: (params: ApiGiphy.Request, page?: number, token?: string) => Promise<Data>;
-export declare const useGiphyPhotos: (params: ApiGiphy.Request, page: number, token?: string) => import("@tanstack/react-query").UseQueryResult<Data, Error>;
+export declare const fetchGiphyPhotos: (params: ApiGiphy.Request, page?: number, _token?: string) => Promise<Data>;
+export declare const useGiphyPhotos: (params: ApiGiphy.Request, page: number, _token?: string) => import("@tanstack/react-query").UseQueryResult<Data, Error>;
 export {};
 //# sourceMappingURL=giphyApi.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"giphyApi.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/api/giphyApi.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,QAAQ,CAAC,OAAO,EACxB,aAAQ,EACR,QAAQ,MAAM,KACb,OAAO,CAAC,IAAI,CA8Bd,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,QAAQ,CAAC,OAAO,EACxB,MAAM,MAAM,EACZ,QAAQ,MAAM,gEAMf,CAAC"}
+{"version":3,"file":"giphyApi.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/api/giphyApi.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,QAAQ,CAAC,OAAO,EACxB,aAAQ,EACR,SAAS,MAAM,KACd,OAAO,CAAC,IAAI,CA2Bd,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,QAAQ,CAAC,OAAO,EACxB,MAAM,MAAM,EACZ,SAAS,MAAM,gEAMhB,CAAC"}

package/dist/components/FilePicker/api/giphyApi.js

@@ -1,26 +1,23 @@
 import { useQuery as h } from "@tanstack/react-query";
-import p from "query-string";
-const u = "1kKxu8nbV5rsb4ieGGw0zERUSw0knTNr", y = async (o, n = 1, i) => {
-  const a = o.q ? "/gifs/search" : "/gifs/trending", s = await fetch(
-    `https://api.giphy.com/v1${a}?${p.stringify({
-      ...o,
-      api_key: i || u
-    })}`
+import u from "query-string";
+const g = async (o, n = 1, e) => {
+  const a = o.q ? "/gifs/search" : "/gifs/trending", i = await fetch(
+    `/v1/media/giphy${a}?${u.stringify(o)}`
   );
-  if (!s.ok)
+  if (!i.ok)
     throw new Error("Failed to fetch Giphy photos");
-  const t = await s.json(), e = t.data, r = Math.ceil(t.pagination.total_count / 12), c = t.pagination.total_count % 12 === 0 || t.pagination.total_count > t.pagination.count + t.pagination.offset;
+  const t = await i.json(), s = t.data, r = Math.ceil(t.pagination.total_count / 12), c = t.pagination.total_count % 12 === 0 || t.pagination.total_count > t.pagination.count + t.pagination.offset;
   return {
-    items: e,
+    items: s,
     page: n,
     totalPages: r,
     hasMore: c
   };
-}, w = (o, n, i) => h({
+}, l = (o, n, e) => h({
   queryKey: ["giphyPhotos", o, n],
-  queryFn: () => y(o, n, i)
+  queryFn: () => g(o, n)
 });
 export {
-  y as fetchGiphyPhotos,
-  w as useGiphyPhotos
+  g as fetchGiphyPhotos,
+  l as useGiphyPhotos
 };

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

@@ -5,7 +5,7 @@ type Data = {
     totalPages: number;
     hasMore: boolean;
 };
-export declare const fetchUnsplashPhotos: (params: ApiUnsplash.Request, clientId?: string, previousData?: Data) => Promise<Data>;
-export declare const useUnsplashPhotos: (params: ApiUnsplash.Request, clientId?: string, rest?: any) => import("@tanstack/react-query").DefinedUseQueryResult<Data, Error>;
+export declare const fetchUnsplashPhotos: (params: ApiUnsplash.Request, _clientId?: string, previousData?: Data) => Promise<Data>;
+export declare const useUnsplashPhotos: (params: ApiUnsplash.Request, _clientId?: string, rest?: any) => import("@tanstack/react-query").DefinedUseQueryResult<Data, Error>;
 export {};
 //# sourceMappingURL=unsplashApi.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"unsplashApi.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/api/unsplashApi.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIpD,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,WAAW,CAAC,OAAO,EAC3B,WAAW,MAAM,EACjB,eAAe,IAAI,KAClB,OAAO,CAAC,IAAI,CA4Bd,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,WAAW,CAAC,OAAO,EAC3B,WAAW,MAAM,EACjB,OAAO,GAAG,uEAOX,CAAC"}
+{"version":3,"file":"unsplashApi.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/api/unsplashApi.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,WAAW,CAAC,OAAO,EAC3B,YAAY,MAAM,EAClB,eAAe,IAAI,KAClB,OAAO,CAAC,IAAI,CAuBd,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,WAAW,CAAC,OAAO,EAC3B,YAAY,MAAM,EAClB,OAAO,GAAG,uEAOX,CAAC"}