@layers-app/shared 0.3.6 → 0.3.8

package/dist/components/FilePicker/FilePickerGiphy.js

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

package/dist/components/FilePicker/FilePickerLink.js

@@ -1,51 +1,48 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { Search01Icon as m } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as f } from "@hugeicons/react";
-import { Stack as d, 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 z = ({
-  onChange: a,
-  type: l,
-  isValidMediaUrl: s
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { Stack as c, 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 L from "./FilePicker.module.css.js";
+const U = ({
+  onChange: o,
+  type: s,
+  isValidMediaUrl: a
 }) => {
-  const { t } = c("ui"), o = k({
+  const { t: i } = m("ui"), l = g({
     initialValues: {
       url: ""
     },
     validate: {
-      url: (e) => (e || "").trim().length > 0 && x(e) ? null : t("changeCover.invalidLink")
+      url: (e) => (e || "").trim().length > 0 && v(e) ? null : i("changeCover.invalidLink")
     }
   }), n = async () => {
-    const { values: e } = o;
-    let i;
-    l === "image" ? i = await F(e.url) : l === "video" ? s && s(e.url) ? i = !0 : i = await I(e.url) : l === "audio" ? i = await L(e.url) : i = !0, i ? a?.(e.url) : o.setFieldError("url", t("changeCover.invalidLink"));
+    const { values: e } = l;
+    let r;
+    s === "image" ? r = await k(e.url) : s === "video" ? a && a(e.url) ? r = !0 : r = await x(e.url) : s === "audio" ? r = await F(e.url) : r = !0, r ? o?.(e.url) : l.setFieldError("url", i("changeCover.invalidLink"));
   };
-  return /* @__PURE__ */ u(d, { gap: "sm", children: [
-    /* @__PURE__ */ r(p, { active: !0, children: /* @__PURE__ */ r(
-      h,
+  return /* @__PURE__ */ u(c, { gap: "sm", children: [
+    /* @__PURE__ */ t(d, { active: !0, children: /* @__PURE__ */ t(
+      f,
       {
         maxLength: 500,
         size: "sm",
-        placeholder: t(`filePicker.pasteLink.${l}`),
-        leftSection: /* @__PURE__ */ r(f, { size: 16, icon: m }),
+        placeholder: i("changeCover.pasteLink"),
         "data-autofocus": !0,
-        ...o.getInputProps("url")
+        ...l.getInputProps("url")
       }
     ) }),
-    /* @__PURE__ */ r(g, { justify: "flex-end", align: "center", mt: "sm", children: /* @__PURE__ */ r(
-      v,
+    /* @__PURE__ */ t(p, { justify: "flex-end", align: "center", mt: "sm", children: /* @__PURE__ */ t(
+      h,
       {
         onClick: n,
-        className: w.button,
-        disabled: !o.values.url,
-        children: t("customDrawer.save")
+        className: L.button,
+        disabled: !l.values.url,
+        children: i("customDrawer.save")
       }
     ) })
   ] });
 };
 export {
-  z as FilePickerLink
+  U as FilePickerLink
 };

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,eAEhC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAyHA,CAAC"}
+{"version":3,"file":"FilePickerUnsplash.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUnsplash.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,kBAAkB,GAAI,eAEhC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAwHA,CAAC"}

package/dist/components/FilePicker/FilePickerUnsplash.js

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

package/dist/components/FilePicker/FilePickerUpload.js

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

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

@@ -1,3 +1,2 @@
-export * from './coverCollections';
 export * from './FilePicker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

@@ -1,4 +1,4 @@
-const t = "_themeProvider_1fk4v_1", o = "_root_1fk4v_13", e = "_container_1fk4v_71", n = "_media_1fk4v_83", _ = "_background_1fk4v_91", s = "_stepRoot_1fk4v_117", c = "_content_1fk4v_207", i = "_mediaInner_1fk4v_337", a = "_stepTitle_1fk4v_663", r = "_stepDescription_1fk4v_709", d = "_stepIndicator_1fk4v_737", p = "_stepIndicatorIcon_1fk4v_771", l = "_focusBox_1fk4v_809", f = "_dropzone_1fk4v_827", k = "_allSlidesLayout_1fk4v_863", v = "_allSlidesLayoutStep_1fk4v_875", u = {
+const t = "_themeProvider_1lm79_1", o = "_root_1lm79_7", e = "_container_1lm79_36", n = "_media_1lm79_42", _ = "_background_1lm79_46", s = "_stepRoot_1lm79_59", c = "_content_1lm79_104", l = "_mediaInner_1lm79_169", i = "_stepTitle_1lm79_332", a = "_stepDescription_1lm79_355", r = "_stepIndicator_1lm79_369", d = "_stepIndicatorIcon_1lm79_386", m = "_focusBox_1lm79_405", p = "_dropzone_1lm79_414", u = "_allSlidesLayout_1lm79_432", I = "_allSlidesLayoutStep_1lm79_438", S = {
   themeProvider: t,
   root: o,
   container: e,
@@ -6,32 +6,32 @@ const t = "_themeProvider_1fk4v_1", o = "_root_1fk4v_13", e = "_container_1fk4v_
   background: _,
   stepRoot: s,
   content: c,
-  mediaInner: i,
-  stepTitle: a,
-  stepDescription: r,
-  stepIndicator: d,
-  stepIndicatorIcon: p,
-  focusBox: l,
-  dropzone: f,
-  allSlidesLayout: k,
-  allSlidesLayoutStep: v
+  mediaInner: l,
+  stepTitle: i,
+  stepDescription: a,
+  stepIndicator: r,
+  stepIndicatorIcon: d,
+  focusBox: m,
+  dropzone: p,
+  allSlidesLayout: u,
+  allSlidesLayoutStep: I
 };
 export {
-  k as allSlidesLayout,
-  v as allSlidesLayoutStep,
+  u as allSlidesLayout,
+  I as allSlidesLayoutStep,
   _ as background,
   e as container,
   c as content,
-  u as default,
-  f as dropzone,
-  l as focusBox,
+  S as default,
+  p as dropzone,
+  m as focusBox,
   n as media,
-  i as mediaInner,
+  l as mediaInner,
   o as root,
-  r as stepDescription,
-  d as stepIndicator,
-  p as stepIndicatorIcon,
+  a as stepDescription,
+  r as stepIndicator,
+  d as stepIndicatorIcon,
   s as stepRoot,
-  a as stepTitle,
+  i as stepTitle,
   t as themeProvider
 };

package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.module.css.js

@@ -1,4 +1,4 @@
-const s = "_dragOptions_8pbru_1", t = {
+const s = "_dragOptions_gdwk6_1", t = {
   dragOptions: s
 };
 export {

package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.module.css.js

@@ -1,4 +1,4 @@
-const o = "_optionsContainer_19qy4_1", n = {
+const o = "_optionsContainer_1xro2_1", n = {
   optionsContainer: o
 };
 export {

package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.module.css.js

@@ -1,4 +1,4 @@
-const t = "_editableContent_14jzv_1", e = {
+const t = "_editableContent_a0zig_1", e = {
   editableContent: t
 };
 export {

package/dist/components/FormViewer/components/fields/SelectableCard/SelectableCard.module.css.js

@@ -1,15 +1,15 @@
-const o = "_card_18zj4_1", c = "_image_18zj4_95", _ = "_controls_18zj4_119", s = "_radio_18zj4_163", t = "_checkbox_18zj4_173", a = {
+const o = "_card_aspur_1", c = "_image_aspur_48", s = "_controls_aspur_60", a = "_radio_aspur_82", r = "_checkbox_aspur_87", _ = {
   card: o,
   image: c,
-  controls: _,
-  radio: s,
-  checkbox: t
+  controls: s,
+  radio: a,
+  checkbox: r
 };
 export {
   o as card,
-  t as checkbox,
-  _ as controls,
-  a as default,
+  r as checkbox,
+  s as controls,
+  _ as default,
   c as image,
-  s as radio
+  a as radio
 };