@layers-app/shared 0.2.3 → 0.2.4

package/dist/components/FilePicker/FilePicker.js

@@ -1,146 +1,121 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useState as b, useMemo as y } from "react";
-import { ImageAdd02Icon as x } from "@hugeicons/core-free-icons";
+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 W, Button as I, Text as H, Popover as g, Tabs as f, Stack as q } from "@mantine/core";
-import { useMenu as J } from "../../hooks/useMenu.js";
-import { FilePickerGallery as K } from "./FilePickerGallery.js";
-import { FilePickerGiphy as Q } from "./FilePickerGiphy.js";
-import { FilePickerLink as X } from "./FilePickerLink.js";
-import { FilePickerUnsplash as Y } from "./FilePickerUnsplash.js";
-import { FilePickerUpload as Z } from "./FilePickerUpload.js";
+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 _ = [
+const $ = [
   "gallery",
   "upload",
   "link",
   "unsplash",
   "giphy"
 ], me = ({
-  onChange: P,
-  onRemove: L,
-  onUpload: h,
-  uploading: S = !1,
-  showTabs: a = _,
-  children: C,
-  width: M = 610,
-  position: N = "bottom-end",
-  readOnly: w = !1,
-  hasImage: A,
+  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: d,
-  type: U = "image",
-  galleryCollection: c = [],
-  isValidMediaUrl: B,
-  popoverProps: G,
-  dropZoneProps: j,
-  targetProps: T,
-  onOpenedChange: D,
-  locales: n = {
-    gallery: "Gallery",
-    link: "Link",
-    search: "Search",
-    searchImages: "Search image",
-    upload: "Upload",
-    uploadFile: "Upload file",
-    change: "Change",
-    save: "Save",
-    remove: "Remove",
-    error: "Error",
-    dragOrClickToChoose: "Drag images here or click to select files",
-    maxFileSize: "Images wider than 1600px are recommended. Maximum file size: 5MB.",
-    pasteLink: "Paste the image link...",
-    submitLink: "Apply",
-    worksWithAnyImage: "Works with any images from the Internet",
-    noImages: "No images",
-    errors: {
-      typeIsNotAllowed: "This file type is not supported",
-      shouldNotExceed: "File size should not exceed 5 MB.",
-      doNotUploadMoreThanSingleFile: "Please upload no more than one file.",
-      invalidLink: "Invalid link"
-    }
-  }
+  unsplashClientId: c,
+  type: v = "image",
+  galleryCollection: d = [],
+  isValidMediaUrl: N,
+  popoverProps: U,
+  dropZoneProps: V,
+  targetProps: w,
+  onOpenedChange: D
 }) => {
-  const [v, u] = b(!1), { isMobile: l } = J(), m = y(
+  const { t: l } = q("ui"), [b, u] = x(!1), { isMobile: n } = Q(), h = y(
     () => [
       {
         value: "gallery",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.gallery }) }),
-        visible: a.includes("gallery") && !!c.length
+        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
+        visible: a.includes("gallery") && !!d.length
       },
       {
         value: "upload",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.upload }) }),
-        visible: a.includes("upload") && !!h
+        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
+        visible: a.includes("upload") && !!m
       },
       {
         value: "link",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.link }) }),
+        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
         visible: a.includes("link")
       },
       {
         value: "unsplash",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.searchImages }) }),
-        visible: a.includes("unsplash") && d
+        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
+        visible: a.includes("unsplash") && c
       },
       {
         value: "giphy",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: "GIFs" }) }),
         visible: a.includes("giphy") && o
       }
     ].filter((i) => i.visible),
     [
-      l,
+      n,
       a,
-      d,
+      c,
       o,
-      n.gallery,
-      n.link,
-      n.upload,
-      c.length,
-      h
+      l,
+      d.length,
+      m
     ]
-  ), [t, E] = b(() => {
-    if (m[0]) return m[0].value;
-    const i = m.find((V) => V.visible);
+  ), [s, H] = x(() => {
+    if (h[0]) return h[0].value;
+    const i = h.find((T) => T.visible);
     return i ? i.value : "";
   }), O = (i) => {
-    h?.(i, u);
+    m?.(i, u);
   }, p = (i) => {
-    P?.(i), u(!1);
-  }, R = y(() => l ? /* @__PURE__ */ s(W, { size: "lg", children: [
-    /* @__PURE__ */ e(F, { icon: x, size: 22 }),
+    L?.(i), u(!1);
+  }, R = y(() => n ? /* @__PURE__ */ t(E, { size: "lg", children: [
+    /* @__PURE__ */ e(F, { icon: C, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
-    I,
+    P,
     {
       variant: "default",
       size: "xs",
-      leftSection: /* @__PURE__ */ e(F, { icon: x, size: 16 }),
-      children: /* @__PURE__ */ e(H, { fw: 600, size: "sm", children: n?.change })
+      leftSection: /* @__PURE__ */ e(F, { icon: C, size: 16 }),
+      children: /* @__PURE__ */ e(J, { fw: 600, size: "sm", children: l("changeCover.change") })
     }
-  ), [n, l]), k = (i) => {
+  ), [l, n]), k = (i) => {
     u(i), D?.(i);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(
     g,
     {
-      width: M,
+      width: S,
       radius: "var(--mantine-spacing-sm)",
-      position: N,
+      position: A,
       shadow: "md",
-      opened: v,
+      opened: b,
       onChange: k,
       withinPortal: !0,
-      ...G || {},
+      ...U || {},
       children: [
-        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => k(!v), ...T, children: C ?? R }) }),
-        /* @__PURE__ */ s(g.Dropdown, { p: 0, children: [
+        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => k(!b), ...w, children: M ?? R }) }),
+        /* @__PURE__ */ t(g.Dropdown, { p: 0, children: [
           /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
             f,
             {
               defaultValue: "gallery",
-              value: t,
+              value: s,
               styles: {
                 list: {
                   alignItems: "center",
@@ -148,7 +123,7 @@ const _ = [
                 }
               },
               w: "100%",
-              children: /* @__PURE__ */ s(
+              children: /* @__PURE__ */ t(
                 f.List,
                 {
                   style: {
@@ -157,21 +132,21 @@ const _ = [
                   px: 8,
                   h: 54,
                   children: [
-                    m.map((i) => /* @__PURE__ */ e(
+                    h.map((i) => /* @__PURE__ */ e(
                       f.Tab,
                       {
                         className: z.originalTab,
-                        disabled: w,
+                        disabled: B,
                         h: "100%",
                         p: 0,
                         value: i.value,
-                        onClick: () => E(i.value),
+                        onClick: () => H(i.value),
                         children: /* @__PURE__ */ e(r, { className: z.customTab, px: "sm", h: 36, children: i.label })
                       },
                       i.value
                     )),
-                    A && /* @__PURE__ */ e(
-                      I,
+                    I && /* @__PURE__ */ e(
+                      P,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -179,10 +154,10 @@ const _ = [
                         fw: 500,
                         px: "sm",
                         size: "30px",
-                        onClick: L,
+                        onClick: j,
                         color: "var(--mantine-color-gray-light-color)",
                         style: { marginLeft: "auto" },
-                        children: n.remove
+                        children: l("remove")
                       }
                     )
                   ]
@@ -190,48 +165,39 @@ const _ = [
               )
             }
           ) }),
-          /* @__PURE__ */ s(q, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-            t === "gallery" && !!c.length && /* @__PURE__ */ e(
-              K,
+          /* @__PURE__ */ t(K, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+            s === "gallery" && !!d.length && /* @__PURE__ */ e(
+              W,
               {
-                galleryCollection: c,
+                galleryCollection: d,
                 onChange: p
               }
             ),
-            t === "upload" && /* @__PURE__ */ e(
-              Z,
+            s === "upload" && /* @__PURE__ */ e(
+              _,
               {
-                locales: n,
-                uploading: S,
-                dropZoneProps: j,
+                type: v || "image",
+                uploading: G,
+                dropZoneProps: V,
                 onUpload: O
               }
             ),
-            t === "link" && /* @__PURE__ */ e(
-              X,
+            s === "link" && /* @__PURE__ */ e(
+              Y,
               {
-                locales: n,
-                type: U || "image",
+                type: v || "image",
                 onChange: p,
-                isValidMediaUrl: B
+                isValidMediaUrl: N
               }
             ),
-            t === "unsplash" && d && /* @__PURE__ */ e(
-              Y,
+            s === "unsplash" && c && /* @__PURE__ */ e(
+              Z,
               {
-                locales: n,
-                clientId: d,
+                clientId: c,
                 onChange: p
               }
             ),
-            t === "giphy" && o && /* @__PURE__ */ e(
-              Q,
-              {
-                locales: n,
-                token: o,
-                onChange: p
-              }
-            )
+            s === "giphy" && o && /* @__PURE__ */ e(X, { token: o, onChange: p })
           ] })
         ] })
       ]

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

@@ -1,6 +1,4 @@
-import { FilePickerLocales } from './types';
-export declare const FilePickerGiphy: ({ locales, token, onChange, }: {
-    locales: FilePickerLocales;
+export declare const FilePickerGiphy: ({ token, 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":"AA0BA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAoGA,CAAC"}
+{"version":3,"file":"FilePickerGiphy.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGiphy.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,eAAe,GAAI,sBAG7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAoGA,CAAC"}

package/dist/components/FilePicker/FilePickerGiphy.js

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

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

@@ -1,6 +1,5 @@
-import { FilePickerLocales, FileType } from './types';
-export declare const FilePickerLink: ({ locales, onChange, type, isValidMediaUrl, }: {
-    locales: FilePickerLocales;
+import { FileType } from './types';
+export declare const FilePickerLink: ({ onChange, type, isValidMediaUrl, }: {
     onChange?: (v: string) => void;
     type: FileType;
     isValidMediaUrl?: (url: string) => boolean;

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":"AASA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,cAAc,GAAI,+CAK5B;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,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,4CA6DA,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,44 +1,44 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Stack as m, FocusTrap as d, TextInput as c, Flex as f, Button as p } from "@mantine/core";
-import { useForm as h } from "@mantine/form";
-import { isValidUrl as g, isImageUrl as k, isVideoUrl as v, isAudioUrl as x } from "../../helpers/validation.js";
-import F from "./FilePicker.module.css.js";
+import { jsxs as u, jsx as t } 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 L from "./FilePicker.module.css.js";
 const U = ({
-  locales: i,
-  onChange: u,
-  type: s,
-  isValidMediaUrl: a
+  onChange: o,
+  type: a,
+  isValidMediaUrl: s
 }) => {
-  const l = h({
+  const { t: i } = c("ui"), l = g({
     initialValues: {
       url: ""
     },
     validate: {
-      url: (r) => (r || "").trim().length > 0 && g(r) ? null : i.errors.invalidLink
+      url: (e) => (e || "").trim().length > 0 && v(e) ? null : i("changeCover.invalidLink")
     }
   }), n = async () => {
-    const { values: r } = l;
-    let e;
-    s === "image" ? e = await k(r.url) : s === "video" ? a && a(r.url) ? e = !0 : e = await v(r.url) : s === "audio" ? e = await x(r.url) : e = !0, e ? u?.(r.url) : l.setFieldError("url", i.errors.invalidLink);
+    const { values: e } = l;
+    let r;
+    a === "image" ? r = await k(e.url) : a === "video" ? s && s(e.url) ? r = !0 : r = await x(e.url) : a === "audio" ? r = await F(e.url) : r = !0, r ? o?.(e.url) : l.setFieldError("url", i("changeCover.invalidLink"));
   };
-  return /* @__PURE__ */ o(m, { gap: "sm", children: [
+  return /* @__PURE__ */ u(m, { gap: "sm", children: [
     /* @__PURE__ */ t(d, { active: !0, children: /* @__PURE__ */ t(
-      c,
+      f,
       {
         maxLength: 500,
         size: "sm",
-        placeholder: i.pasteLink,
+        placeholder: i("changeCover.pasteLink"),
         "data-autofocus": !0,
         ...l.getInputProps("url")
       }
     ) }),
-    /* @__PURE__ */ t(f, { justify: "flex-end", align: "center", children: /* @__PURE__ */ t(
-      p,
+    /* @__PURE__ */ t(p, { justify: "flex-end", align: "center", children: /* @__PURE__ */ t(
+      h,
       {
         onClick: n,
-        className: F.button,
+        className: L.button,
         disabled: !l.values.url,
-        children: i.save
+        children: i("customDrawer.save")
       }
     ) })
   ] });

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

@@ -1,6 +1,4 @@
-import { FilePickerLocales } from './types';
-export declare const FilePickerUnsplash: ({ locales, onChange, clientId, }: {
-    locales: FilePickerLocales;
+export declare const FilePickerUnsplash: ({ onChange, clientId, }: {
     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":"AA0BA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,kBAAkB,GAAI,kCAIhC;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAwGA,CAAC"}
+{"version":3,"file":"FilePickerUnsplash.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUnsplash.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,kBAAkB,GAAI,yBAGhC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAwGA,CAAC"}