@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/ErrorPage/components/Error404.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error404.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error404.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;eACkX,CAAC;6CADxW,CAAC"}

package/dist/components/ErrorPage/components/Error404.js

@@ -0,0 +1,5 @@
+import { NotFound as o } from "../../NotFound/NoFound.js";
+const t = o;
+export {
+  t as Error404
+};

package/dist/components/ErrorPage/components/Error406.d.ts

@@ -1,3 +1,4 @@
 export declare const Error406: ({ closeAction }: {
     closeAction?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Error406.d.ts.map

package/dist/components/ErrorPage/components/Error406.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error406.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error406.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,GAAI,iBAAiB;IAAE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CAyCrE,CAAC"}

package/dist/components/ErrorPage/components/Error406.js

@@ -0,0 +1,47 @@
+import { jsxs as i, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { Helmet as c } from "react-helmet";
+import { useTranslation as m } from "react-i18next";
+import { useNavigate as a } from "react-router-dom";
+import { Stack as p, CloseButton as f } from "@mantine/core";
+import { useMenu as u } from "../../../hooks/useMenu.js";
+import { NoData as d } from "../../NoData/NoData.js";
+const C = ({ closeAction: r }) => {
+  const { t: o } = m(), n = a(), { isMobile: s } = u(), e = () => {
+    n("/");
+  };
+  return /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("title", { children: "406" }) }),
+    /* @__PURE__ */ i(p, { p: 80, gap: "sm", justify: "center", flex: 1, align: "center", children: [
+      /* @__PURE__ */ t(
+        d,
+        {
+          title: o("406.title"),
+          description: o("406.description"),
+          illustration: "noAccess",
+          flex: "0,0,0",
+          size: 210,
+          h: "60dvh",
+          w: s ? 500 : "70%",
+          buttons: [
+            {
+              children: o("406.goHome"),
+              onClick: e
+            }
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ t(
+        f,
+        {
+          pos: "absolute",
+          top: 16,
+          right: 16,
+          onClick: e
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  C as Error406
+};

package/dist/components/ErrorPage/components/Error500.d.ts

@@ -1,3 +1,4 @@
 export declare const Error500: ({ closeAction }: {
     closeAction?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Error500.d.ts.map

package/dist/components/ErrorPage/components/Error500.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error500.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error500.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,GAAI,iBAAiB;IAAE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CA8CrE,CAAC"}

package/dist/components/ErrorPage/components/Error500.js

@@ -0,0 +1,58 @@
+import { jsxs as e, Fragment as n, jsx as t } from "react/jsx-runtime";
+import { Helmet as l } from "react-helmet";
+import { useTranslation as s } from "react-i18next";
+import { Stack as m, CloseButton as c } from "@mantine/core";
+import { IconReload as p } from "@tabler/icons-react";
+import { useMenu as a } from "../../../hooks/useMenu.js";
+import { NoData as d } from "../../NoData/NoData.js";
+const k = ({ closeAction: r }) => {
+  const { t: o } = s(), { isMobile: i } = a();
+  return /* @__PURE__ */ e(n, { children: [
+    /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t("title", { children: "500" }) }),
+    /* @__PURE__ */ e(
+      m,
+      {
+        h: "100dvh",
+        p: 80,
+        gap: "sm",
+        justify: "center",
+        flex: 1,
+        align: "center",
+        children: [
+          /* @__PURE__ */ t(
+            d,
+            {
+              title: o("500.title"),
+              description: o("500.description"),
+              illustration: "500",
+              size: 150,
+              flex: "0,0,0",
+              h: "50dvh",
+              w: i ? 500 : "60%",
+              titleProps: { mt: 20 },
+              buttons: [
+                {
+                  leftSection: /* @__PURE__ */ t(p, { size: 18 }),
+                  children: o("500.reload"),
+                  onClick: () => window.location.reload()
+                }
+              ]
+            }
+          ),
+          r && /* @__PURE__ */ t(
+            c,
+            {
+              pos: "absolute",
+              top: 16,
+              right: 16,
+              onClick: r
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  k as Error500
+};

package/dist/components/ErrorPage/components/ErrorUndefined.d.ts

@@ -1,3 +1,4 @@
 export declare const ErrorUndefined: ({ closeAction, }: {
     closeAction?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorUndefined.d.ts.map

package/dist/components/ErrorPage/components/ErrorUndefined.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorUndefined.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/ErrorUndefined.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc,GAAI,kBAE5B;IACD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,4CAqCA,CAAC"}

package/dist/components/ErrorPage/components/ErrorUndefined.js

@@ -0,0 +1,44 @@
+import { jsx as r, Fragment as i, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { useNavigate as s } from "react-router-dom";
+import { Stack as d, CloseButton as c } from "@mantine/core";
+import { NoData as m } from "../../NoData/NoData.js";
+const k = ({
+  closeAction: e
+}) => {
+  const { t: o } = l(), n = s(), t = () => {
+    n("/");
+  };
+  return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ a(d, { p: 80, gap: "sm", justify: "center", flex: 1, align: "center", children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        title: o("undefinedError.title"),
+        illustration: "500",
+        h: "100dvh",
+        buttons: [
+          {
+            children: o("undefinedError.reload"),
+            onClick: () => window.location.reload()
+          },
+          {
+            children: o("undefinedError.goHome"),
+            onClick: t
+          }
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ r(
+      c,
+      {
+        pos: "absolute",
+        top: 16,
+        right: 16,
+        onClick: t
+      }
+    )
+  ] }) });
+};
+export {
+  k as ErrorUndefined
+};

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

@@ -1,3 +1,4 @@
 export * from './Error404';
 export * from './Error406';
 export * from './Error500';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

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

@@ -11,3 +11,4 @@ interface SerializedError {
     code?: string;
 }
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAM7D,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,mBAAmB,GAAG,eAAe,GAAG,SAAS,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,wBAAwB,KAAK,4CAgBtD,CAAC;AAEF,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/ErrorPage/index.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Error403 as f } from "./components/Error403.js";
+import { ErrorUndefined as u } from "./components/ErrorUndefined.js";
+import { Error500 as e } from "./components/Error500.js";
+import { Error406 as a } from "./components/Error406.js";
+import { Error404 as o } from "./components/Error404.js";
+const x = ({ error: m, closeAction: r }) => {
+  if (m && "status" in m)
+    switch (m.status) {
+      case 404:
+        return /* @__PURE__ */ t(o, { size: 280, closeAction: r });
+      case 406:
+        return /* @__PURE__ */ t(a, { closeAction: r });
+      case 500:
+        return /* @__PURE__ */ t(e, { closeAction: r });
+      case 403:
+        return /* @__PURE__ */ t(f, { closeAction: r });
+      default:
+        return /* @__PURE__ */ t(u, { closeAction: r });
+    }
+  return /* @__PURE__ */ t(e, { closeAction: r });
+};
+export {
+  x as ErrorPage
+};

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

@@ -27,3 +27,4 @@ export type FilePickerProps = PropsWithChildren<{
 }>;
 export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FilePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAI7D,OAAO,EAIL,SAAS,EACT,gBAAgB,EAEhB,YAAY,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQhE,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,4BAA4B,EAC7B,MAAM,SAAS,CAAC;AAIjB,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,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,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,kPA6CxB,iBAAiB,CAAC,eAAe,CAAC,4CA2MpC,CAAC"}

package/dist/components/FilePicker/FilePicker.js

@@ -0,0 +1,243 @@
+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 { 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 z from "./FilePicker.module.css.js";
+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,
+  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"
+    }
+  }
+}) => {
+  const [v, u] = b(!1), { isMobile: l } = J(), m = y(
+    () => [
+      {
+        value: "gallery",
+        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.gallery }) }),
+        visible: a.includes("gallery") && !!c.length
+      },
+      {
+        value: "upload",
+        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.upload }) }),
+        visible: a.includes("upload") && !!h
+      },
+      {
+        value: "link",
+        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.link }) }),
+        visible: a.includes("link")
+      },
+      {
+        value: "unsplash",
+        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n?.searchImages }) }),
+        visible: a.includes("unsplash") && d
+      },
+      {
+        value: "giphy",
+        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+        visible: a.includes("giphy") && o
+      }
+    ].filter((i) => i.visible),
+    [
+      l,
+      a,
+      d,
+      o,
+      n.gallery,
+      n.link,
+      n.upload,
+      c.length,
+      h
+    ]
+  ), [t, E] = b(() => {
+    if (m[0]) return m[0].value;
+    const i = m.find((V) => V.visible);
+    return i ? i.value : "";
+  }), O = (i) => {
+    h?.(i, u);
+  }, p = (i) => {
+    P?.(i), u(!1);
+  }, R = y(() => l ? /* @__PURE__ */ s(W, { size: "lg", children: [
+    /* @__PURE__ */ e(F, { icon: x, size: 22 }),
+    " "
+  ] }) : /* @__PURE__ */ e(
+    I,
+    {
+      variant: "default",
+      size: "xs",
+      leftSection: /* @__PURE__ */ e(F, { icon: x, size: 16 }),
+      children: /* @__PURE__ */ e(H, { fw: 600, size: "sm", children: n?.change })
+    }
+  ), [n, l]), k = (i) => {
+    u(i), D?.(i);
+  };
+  return /* @__PURE__ */ s(
+    g,
+    {
+      width: M,
+      radius: "var(--mantine-spacing-sm)",
+      position: N,
+      shadow: "md",
+      opened: v,
+      onChange: k,
+      withinPortal: !0,
+      ...G || {},
+      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(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
+            f,
+            {
+              defaultValue: "gallery",
+              value: t,
+              styles: {
+                list: {
+                  alignItems: "center",
+                  paddingRight: "var(--mantine-spacing-xs)"
+                }
+              },
+              w: "100%",
+              children: /* @__PURE__ */ s(
+                f.List,
+                {
+                  style: {
+                    gap: "4px"
+                  },
+                  px: 8,
+                  h: 54,
+                  children: [
+                    m.map((i) => /* @__PURE__ */ e(
+                      f.Tab,
+                      {
+                        className: z.originalTab,
+                        disabled: w,
+                        h: "100%",
+                        p: 0,
+                        value: i.value,
+                        onClick: () => E(i.value),
+                        children: /* @__PURE__ */ e(r, { className: z.customTab, px: "sm", h: 36, children: i.label })
+                      },
+                      i.value
+                    )),
+                    A && /* @__PURE__ */ e(
+                      I,
+                      {
+                        variant: "subtle",
+                        fz: "sm",
+                        lh: "sm",
+                        fw: 500,
+                        px: "sm",
+                        size: "30px",
+                        onClick: L,
+                        color: "var(--mantine-color-gray-light-color)",
+                        style: { marginLeft: "auto" },
+                        children: n.remove
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ s(q, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+            t === "gallery" && !!c.length && /* @__PURE__ */ e(
+              K,
+              {
+                galleryCollection: c,
+                onChange: p
+              }
+            ),
+            t === "upload" && /* @__PURE__ */ e(
+              Z,
+              {
+                locales: n,
+                uploading: S,
+                dropZoneProps: j,
+                onUpload: O
+              }
+            ),
+            t === "link" && /* @__PURE__ */ e(
+              X,
+              {
+                locales: n,
+                type: U || "image",
+                onChange: p,
+                isValidMediaUrl: B
+              }
+            ),
+            t === "unsplash" && d && /* @__PURE__ */ e(
+              Y,
+              {
+                locales: n,
+                clientId: d,
+                onChange: p
+              }
+            ),
+            t === "giphy" && o && /* @__PURE__ */ e(
+              Q,
+              {
+                locales: n,
+                token: o,
+                onChange: p
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  me as FilePicker
+};

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

@@ -0,0 +1,13 @@
+const t = "_itemImage_3fqzc_1", o = "_originalTab_3fqzc_14", a = "_customTab_3fqzc_20", c = "_button_3fqzc_28", _ = {
+  itemImage: t,
+  originalTab: o,
+  customTab: a,
+  button: c
+};
+export {
+  c as button,
+  a as customTab,
+  _ as default,
+  t as itemImage,
+  o as originalTab
+};

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

@@ -3,3 +3,4 @@ export declare const FilePickerGallery: ({ galleryCollection, onChange, }: {
     galleryCollection: ImagePickerGalleryCollection[];
     onChange?: (v: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilePickerGallery.d.ts.map

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

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

package/dist/components/FilePicker/FilePickerGallery.js

@@ -0,0 +1,38 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { Stack as l, Text as o, SimpleGrid as p, AspectRatio as c } from "@mantine/core";
+import d from "./FilePicker.module.css.js";
+const x = ({
+  galleryCollection: s,
+  onChange: t
+}) => /* @__PURE__ */ r(l, { gap: "xs", mah: 400, w: "100%", style: { overflow: "auto" }, children: s.map((e) => /* @__PURE__ */ n(l, { gap: 4, pb: "sm", children: [
+  /* @__PURE__ */ r("a", { target: "_blank", href: e?.url || "#", children: /* @__PURE__ */ r(
+    o,
+    {
+      fz: "xs",
+      fw: 500,
+      lh: "xs",
+      c: "dimmed",
+      component: "span",
+      td: "none",
+      children: e.title
+    }
+  ) }),
+  /* @__PURE__ */ r(p, { spacing: 10, cols: 4, children: e.items.map((m, a) => {
+    const i = "/images/covers/" + e.path + m;
+    return /* @__PURE__ */ r(
+      c,
+      {
+        onClick: () => t?.(i),
+        ratio: 120 / 65,
+        className: d.itemImage,
+        style: {
+          backgroundImage: `url(${i})`
+        }
+      },
+      a
+    );
+  }) })
+] }, e.id)) });
+export {
+  x as FilePickerGallery
+};

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

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

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

@@ -0,0 +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"}

package/dist/components/FilePicker/FilePickerGiphy.js

@@ -0,0 +1,91 @@
+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
+}) => {
+  const { t: I } = w(), [l, x] = m(""), [u] = q(l, 800), [d, p] = m(1), [h, g] = m({}), { data: o, isLoading: a } = Q(
+    { q: u, limit: 24, offset: (d - 1) * 24 + 1 },
+    d,
+    r
+  ), n = v(
+    () => Object.values({ ...h, ...C(o?.items) }),
+    [h, o?.items]
+  ), f = B(() => {
+    setTimeout(() => {
+      g((e) => ({ ...e, ...C(o?.items) }));
+    }, 0);
+  }, 100);
+  b(() => {
+    f();
+  }, [o?.items, f]), b(() => {
+    g({});
+  }, [u]);
+  const S = P(
+    (e) => {
+      x(e.currentTarget.value), p(1);
+    },
+    []
+  );
+  return /* @__PURE__ */ c(k, { gap: "sm", children: [
+    /* @__PURE__ */ t(
+      T,
+      {
+        leftSection: a ? /* @__PURE__ */ t(j, { size: 16 }) : /* @__PURE__ */ t(L, { size: 16, icon: z }),
+        maxLength: 50,
+        placeholder: i.search,
+        "data-autofocus": !0,
+        value: l,
+        onChange: S
+      }
+    ),
+    /* @__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,
+          {
+            onClick: () => s?.(e.images.original.url),
+            ratio: 120 / 65,
+            className: A.itemImage,
+            style: {
+              backgroundImage: `url(${e.images.preview_webp.url})`
+            }
+          },
+          e.id
+        )) }),
+        o?.hasMore && /* @__PURE__ */ t(
+          M,
+          {
+            variant: "subtle",
+            loading: a,
+            onClick: () => p((e) => e + 1),
+            children: I("loadMode")
+          }
+        )
+      ] }),
+      !n.length && !a && /* @__PURE__ */ t(y, { pb: 16, children: /* @__PURE__ */ t(
+        F,
+        {
+          size: 120,
+          illustration: "noImage",
+          description: i.noImages,
+          titleProps: { size: "xs", c: "dimmed" }
+        }
+      ) }),
+      !n.length && a && /* @__PURE__ */ t(N, {})
+    ] })
+  ] });
+};
+export {
+  W as FilePickerGiphy
+};

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

@@ -5,3 +5,4 @@ export declare const FilePickerLink: ({ locales, onChange, type, isValidMediaUrl
     type: FileType;
     isValidMediaUrl?: (url: string) => boolean;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilePickerLink.d.ts.map

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

@@ -0,0 +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"}