@layers-app/shared 0.4.1 → 0.4.2

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -1,63 +1,72 @@
 import { jsx as S } from "react/jsx-runtime";
-import { useRef as x, useEffect as m } from "react";
-import { useTranslation as D } from "react-i18next";
-import { openRemoveConfirmModal as g } from "../modals/RemoveConfirmModal.js";
+import { useRef as C, useEffect as u } from "react";
+import { useTranslation as k } from "react-i18next";
+import { openRemoveConfirmModal as P } from "../modals/RemoveConfirmModal.js";
 import w from "./CommentComposer.module.css.js";
-const W = ({
-  children: y,
-  onSubmit: v,
-  editorRef: a,
-  commentDraft: l,
+const M = ({
+  children: b,
+  onSubmit: E,
+  editorRef: m,
+  commentDraft: f,
   onBlur: c,
-  inputContainerRef: C,
-  isFloat: f,
+  inputContainerRef: p,
+  isFloat: v,
   isEdit: i,
   hasChanges: s,
-  ns: P
+  ns: y
 }) => {
-  const p = x(null), L = i || f, { t: r } = D(P);
-  return m(() => {
-    const o = (e) => {
+  const d = C(null), L = i || v, { t: r } = k(y);
+  return u(() => {
+    const t = (e) => {
       if (e.code === "Enter" && !e.shiftKey) {
         if (e.stopPropagation(), i ? s : !s) return;
-        p.current && p.current.contains(document.activeElement) && (e.preventDefault(), v());
+        d.current && d.current.contains(document.activeElement) && (e.preventDefault(), E());
       }
     };
-    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [v, i, s]), m(() => {
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [E, i, s]), u(() => {
     if (!L) return;
-    const o = a.current;
-    o && setTimeout(() => {
-      o.focus(() => ({ defaultSelection: "rootEnd" }));
+    const t = m.current;
+    t && setTimeout(() => {
+      t.focus(() => ({ defaultSelection: "rootEnd" }));
     }, 100);
-  }, []), m(() => {
-    const o = a.current;
-    if (!o) return;
+  }, []), u(() => {
+    const t = m.current;
+    if (!t) return;
     const e = () => setTimeout(() => {
-      o.focus(() => ({ defaultSelection: "rootEnd" }));
-    }, 0), t = (u) => {
-      const n = u.target;
+      t.focus(() => ({ defaultSelection: "rootEnd" }));
+    }, 0), o = (a) => {
+      const n = a.target;
       if (!n || n.closest("button") || n.closest("[data-no-focus]")) return;
       if (n.closest("[data-editor-spacer='true']")) {
         e();
         return;
       }
-      const d = n.closest(`.${w.commentComposerWrapper}`);
-      if (!d) return;
-      const E = d.querySelector("[data-comment-footer]");
-      if (!E || !E.contains(n)) return;
-      d.querySelector(`.${w.imagePreviewWrapper}`) || d.querySelector(`.${w.filePreviewWrapper}`) || e();
+      const l = n.closest(`.${w.commentComposerWrapper}`);
+      if (!l) return;
+      const g = l.querySelector("[data-comment-footer]");
+      if (!g || !g.contains(n)) return;
+      l.querySelector(`.${w.imagePreviewWrapper}`) || l.querySelector(`.${w.filePreviewWrapper}`) || e();
     };
-    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [a]), m(() => {
-    const o = (e) => {
-      const t = e.target;
-      if (!t) return;
-      const u = C.current;
-      if (u && !u.contains(t) && !(t.closest(".mantine-Modal-root") || t.closest(".floating-text-format-popup") || t.closest('[data-test-id="floating-link-dropdown"]'))) {
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [m]), u(() => {
+    const t = d.current;
+    if (!t) return;
+    const e = () => {
+      requestAnimationFrame(() => {
+        p.current?.scrollIntoView({ block: "nearest" });
+      });
+    };
+    return t.addEventListener("paste", e), () => t.removeEventListener("paste", e);
+  }, [p]), u(() => {
+    const t = (e) => {
+      const o = e.target;
+      if (!o) return;
+      const a = p.current;
+      if (a && !a.contains(o) && !(o.closest(".mantine-Modal-root") || o.closest(".floating-text-format-popup") || o.closest('[data-test-id="floating-link-dropdown"]'))) {
         if (i) {
           if (!s) {
-            e.stopPropagation(), e.preventDefault(), g({
+            e.stopPropagation(), e.preventDefault(), P({
               title: r("composer.discardTitle"),
               children: r("composer.discardDescription"),
               labels: {
@@ -75,9 +84,9 @@ const W = ({
           c?.();
           return;
         }
-        if (f) {
-          if (l.text.trim() !== "" || (l.files?.length ?? 0) > 0) {
-            e.stopPropagation(), e.preventDefault(), g({
+        if (v) {
+          if (f.text.trim() !== "" || (f.files?.length ?? 0) > 0) {
+            e.stopPropagation(), e.preventDefault(), P({
               title: r("editor.composer.discardCommentTitle"),
               children: r("editor.composer.discardCommentDescription"),
               labels: {
@@ -93,11 +102,12 @@ const W = ({
           c?.();
           return;
         }
+        o.closest('button, [role="button"]') && (window.getSelection()?.removeAllRanges(), document.activeElement?.blur());
       }
     };
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [i, f, s, l, c]), /* @__PURE__ */ S("div", { ref: p, children: y });
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, [i, v, s, f, c]), /* @__PURE__ */ S("div", { ref: d, children: b });
 };
 export {
-  W as CommentEditorHandler
+  M as CommentEditorHandler
 };

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

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+import { type IconSvgElement } from '@hugeicons/react';
 import { FlexProps, FloatingPosition, PopoverProps } from '@mantine/core';
 import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
 import type { BreadcrumbItem, MediaFile } from '../MediaLibrary/types';
@@ -56,7 +57,8 @@ export type FilePickerProps = PropsWithChildren<{
     };
     inline?: boolean;
     tab?: TabType | string;
+    uploadIcon?: IconSvgElement;
 }>;
-export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken: _giphyToken, unsplashClientId: _unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, googleDrive, mediaLibrary, inline, tab: tabProp, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken: _giphyToken, unsplashClientId: _unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, googleDrive, mediaLibrary, inline, tab: tabProp, uploadIcon, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FilePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilePicker/FilePicker.js

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useState as E, useMemo as u, useEffect as ne } from "react";
-import { useTranslation as le } from "react-i18next";
+import { useState as E, useMemo as u, useEffect as le } from "react";
+import { useTranslation as ie } from "react-i18next";
 import { ImageAdd02Icon as V } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as j } from "@hugeicons/react";
-import { Flex as r, ActionIcon as ie, Button as A, Text as re, Tabs as x, Box as ae, Popover as F, Stack as oe } from "@mantine/core";
+import { Flex as r, ActionIcon as re, Button as A, Text as ae, Tabs as x, Box as oe, Popover as F, Stack as se } from "@mantine/core";
 import { getEnvConfig as L } from "../../config/envConfig.js";
-import { isFeature as se } from "../../helpers/feature.js";
-import { useMenu as te } from "../../hooks/useMenu.js";
-import { usePlatform as ce } from "../../hooks/usePlatform.js";
-import { MediaLibraryBrowser as de } from "../MediaLibrary/MediaLibraryBrowser.js";
-import { FilePickerGallery as ue } from "./FilePickerGallery.js";
-import { FilePickerGiphy as he } from "./FilePickerGiphy.js";
-import { FilePickerLink as pe } from "./FilePickerLink.js";
-import { FilePickerUnsplash as me } from "./FilePickerUnsplash.js";
-import { FilePickerGoogleDrive as fe } from "./FilePickerGoogleDrive.js";
-import { FilePickerUpload as ge } from "./FilePickerUpload.js";
-import { coverCollections as ve } from "./coverCollections.js";
+import { isFeature as te } from "../../helpers/feature.js";
+import { useMenu as ce } from "../../hooks/useMenu.js";
+import { usePlatform as de } from "../../hooks/usePlatform.js";
+import { MediaLibraryBrowser as ue } from "../MediaLibrary/MediaLibraryBrowser.js";
+import { FilePickerGallery as he } from "./FilePickerGallery.js";
+import { FilePickerGiphy as pe } from "./FilePickerGiphy.js";
+import { FilePickerLink as me } from "./FilePickerLink.js";
+import { FilePickerUnsplash as fe } from "./FilePickerUnsplash.js";
+import { FilePickerGoogleDrive as ge } from "./FilePickerGoogleDrive.js";
+import { FilePickerUpload as ve } from "./FilePickerUpload.js";
+import { coverCollections as be } from "./coverCollections.js";
 import w from "./FilePicker.module.css.js";
-const be = [
+const Ce = [
   "gallery",
   "upload",
   "link",
@@ -25,19 +25,19 @@ const be = [
   "giphy",
   "googleDrive",
   "media"
-], _e = ({
+], He = ({
   onChange: N,
   onRemove: U,
   onUpload: b,
   uploading: _ = !1,
-  showTabs: o = be,
+  showTabs: o = Ce,
   children: H,
   width: O = 610,
   position: R = "bottom-end",
   readOnly: $ = !1,
   hasImage: q,
-  giphyToken: Ce,
-  unsplashClientId: ke,
+  giphyToken: ke,
+  unsplashClientId: ye,
   type: S = "image",
   galleryCollection: h = [],
   isValidMediaUrl: J,
@@ -48,9 +48,10 @@ const be = [
   googleDrive: l,
   mediaLibrary: a,
   inline: p = !1,
-  tab: C
+  tab: C,
+  uploadIcon: Y
 }) => {
-  const { t: i } = le("ui"), [T, m] = E(!1), { isMobile: I } = te(), M = ce(), f = u(() => h.length > 0 ? h : p ? ve.map((n) => ({
+  const { t: i } = ie("ui"), [T, m] = E(!1), { isMobile: I } = ce(), M = de(), f = u(() => h.length > 0 ? h : p ? be.map((n) => ({
     ...n,
     title: i(`coverGroups.${n.id}`, { defaultValue: n.id })
   })) : h, [h, p, i]), s = u(() => [
@@ -89,7 +90,7 @@ const be = [
     {
       value: "media",
       label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.media", { defaultValue: "Media" }) }) }),
-      visible: o.includes("media") && !!a && se()
+      visible: o.includes("media") && !!a && te()
     }
   ].filter((y) => y.visible), [
     o,
@@ -99,17 +100,17 @@ const be = [
     b,
     l,
     a
-  ]), g = C !== void 0, [Y, P] = E(() => C !== void 0 ? "" : s[0]?.value ?? "");
-  ne(() => {
+  ]), g = C !== void 0, [Z, P] = E(() => C !== void 0 ? "" : s[0]?.value ?? "");
+  le(() => {
     g || s.length && P((n) => n && s.some((y) => y.value === n) ? n : s[0].value);
   }, [s, g]);
-  const k = u(() => s.map((n) => n.value), [s]), v = g ? C : Y, t = u(() => v && k.includes(v) ? v : k[0] ?? "", [v, k]), z = (n) => {
+  const k = u(() => s.map((n) => n.value), [s]), v = g ? C : Z, t = u(() => v && k.includes(v) ? v : k[0] ?? "", [v, k]), z = (n) => {
     g || P(n);
-  }, Z = (n) => {
+  }, D = (n) => {
     b?.(n, m);
   }, c = (n) => {
     N?.(n), p || m(!1);
-  }, D = u(() => I ? /* @__PURE__ */ d(ie, { size: "lg", children: [
+  }, ee = u(() => I ? /* @__PURE__ */ d(re, { size: "lg", children: [
     /* @__PURE__ */ e(j, { icon: V, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
@@ -118,39 +119,40 @@ const be = [
       variant: "default",
       size: "xs",
       leftSection: /* @__PURE__ */ e(j, { icon: V, size: 16 }),
-      children: /* @__PURE__ */ e(re, { fw: 600, size: "sm", children: i("changeCover.change") })
+      children: /* @__PURE__ */ e(ae, { fw: 600, size: "sm", children: i("changeCover.change") })
     }
   ), [i, I]), G = (n) => {
     m(n), X?.(n);
-  }, B = /* @__PURE__ */ d(oe, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+  }, B = /* @__PURE__ */ d(se, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
     t === "gallery" && !!f.length && /* @__PURE__ */ e(
-      ue,
+      he,
       {
         galleryCollection: f,
         onChange: c
       }
     ),
     t === "upload" && /* @__PURE__ */ e(
-      ge,
+      ve,
       {
         type: S || "image",
         uploading: _,
         dropZoneProps: Q,
-        onUpload: Z
+        onUpload: D,
+        icon: Y
       }
     ),
     t === "link" && /* @__PURE__ */ e(
-      pe,
+      me,
       {
         type: S || "image",
         onChange: c,
         isValidMediaUrl: J
       }
     ),
-    t === "unsplash" && /* @__PURE__ */ e(me, { onChange: c }),
-    t === "giphy" && /* @__PURE__ */ e(he, { onChange: c }),
+    t === "unsplash" && /* @__PURE__ */ e(fe, { onChange: c }),
+    t === "giphy" && /* @__PURE__ */ e(pe, { onChange: c }),
     t === "googleDrive" && l && /* @__PURE__ */ e(
-      fe,
+      ge,
       {
         isConnected: l.isConnected,
         connectedEmail: l.connectedEmail,
@@ -167,7 +169,7 @@ const be = [
       }
     ),
     t === "media" && a && /* @__PURE__ */ e(
-      de,
+      ue,
       {
         items: a.items,
         isLoading: a.isLoading,
@@ -179,7 +181,7 @@ const be = [
         }
       }
     )
-  ] }), ee = /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
+  ] }), ne = /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
     x,
     {
       defaultValue: "gallery",
@@ -235,7 +237,7 @@ const be = [
     }
   ) });
   return p ? /* @__PURE__ */ e(
-    ae,
+    oe,
     {
       "data-file-picker-inline": !0,
       bdrs: 8,
@@ -255,9 +257,9 @@ const be = [
       withinPortal: !0,
       ...K || {},
       children: [
-        /* @__PURE__ */ e(F.Target, { children: /* @__PURE__ */ e(r, { onClick: () => G(!T), ...W, children: H ?? D }) }),
+        /* @__PURE__ */ e(F.Target, { children: /* @__PURE__ */ e(r, { onClick: () => G(!T), ...W, children: H ?? ee }) }),
         /* @__PURE__ */ d(F.Dropdown, { p: 0, children: [
-          ee,
+          ne,
           B
         ] })
       ]
@@ -265,5 +267,5 @@ const be = [
   );
 };
 export {
-  _e as FilePicker
+  He as FilePicker
 };

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

@@ -1,10 +1,12 @@
+import { type IconSvgElement } from '@hugeicons/react';
 import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
 import { FileType } from './types';
 import '@mantine/dropzone/styles.css';
-export declare const FilePickerUpload: ({ type, uploading, dropZoneProps, onUpload, }: {
+export declare const FilePickerUpload: ({ type, uploading, dropZoneProps, onUpload, icon, }: {
     type?: FileType;
     uploading: boolean;
     dropZoneProps?: Omit<DropzoneProps, "onDrop">;
     onUpload: (files: FileWithPath[]) => void;
+    icon?: IconSvgElement;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FilePickerUpload.d.ts.map

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":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE,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,qDAM9B;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;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,4CA6GA,CAAC"}

package/dist/components/FilePicker/FilePickerUpload.js

@@ -1,25 +1,26 @@
-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 { Image02Icon as v } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as I } from "@hugeicons/react";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { useCallback as d } from "react";
+import { useTranslation as k, Trans as v } from "react-i18next";
+import { Image02Icon as I } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } 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 { Dropzone as N, 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 j from "./FilePicker.module.css.js";
 import "@mantine/dropzone/styles.css";
-const Y = ({
+const q = ({
   type: a = "image",
   uploading: u,
   dropZoneProps: i,
-  onUpload: c
+  onUpload: c,
+  icon: y
 }) => {
-  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 { t: e } = k("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((g() ?? 5 * 1024 * 1024) / (1024 * 1024)), m = `filePicker.description.${a}`, z = `filePicker.dropFileHere.${a}`, f = (() => {
     const r = e(m, { maxSize: l });
     return r !== m ? r : null;
-  })(), z = p(
+  })(), M = d(
     (r) => {
       if (r.filter(
         (t) => t.errors.some((n) => n.code === "file-invalid-type")
@@ -31,7 +32,7 @@ const Y = ({
         return;
       }
       if (r.some((t) => t.errors.some((n) => n.code === "file-too-large"))) {
-        T({
+        b({
           title: e("errorMessage"),
           message: e("filePicker.errors.shouldNotExceed", { maxSize: l })
         });
@@ -48,21 +49,21 @@ const Y = ({
       }
     },
     [e, l]
-  ), M = p(c, [c]), S = i?.maxSize ?? g() ?? 5 * 1024 * 1024;
+  ), S = d(c, [c]), F = i?.maxSize ?? g() ?? 5 * 1024 * 1024;
   return /* @__PURE__ */ o(
-    E,
+    N,
     {
       loading: u,
-      onDrop: M,
-      onReject: z,
+      onDrop: S,
+      onReject: M,
       maxFiles: i?.maxFiles || 1,
-      maxSize: S,
-      accept: N,
+      maxSize: F,
+      accept: T,
       px: 60,
       py: "xl",
-      className: `${b.pickerDropZone}`,
+      className: `${j.pickerDropZone}`,
       ...i || {},
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ p(
         x,
         {
           justify: "center",
@@ -72,25 +73,24 @@ const Y = ({
           style: { pointerEvents: "none" },
           children: [
             /* @__PURE__ */ o(
-              I,
+              E,
               {
                 size: 32,
                 color: "var(--mantine-color-bright)",
-                icon: v
+                icon: y ?? I
               }
             ),
-            /* @__PURE__ */ d(x, { gap: 8, align: "center", children: [
+            /* @__PURE__ */ p(x, { gap: 8, align: "center", children: [
               /* @__PURE__ */ o(s, { fw: 500, fz: "sm", c: "bright", lh: "sm", ta: "center", children: /* @__PURE__ */ o(
-                k,
+                v,
                 {
                   ns: "ui",
-                  i18nKey: y,
+                  i18nKey: z,
                   components: {
                     choose: /* @__PURE__ */ o(
                       s,
                       {
                         component: "span",
-                        td: "underline",
                         c: "var(--primary-color-text, var(--mantine-primary-color-filled))"
                       }
                     )
@@ -106,5 +106,5 @@ const Y = ({
   );
 };
 export {
-  Y as FilePickerUpload
+  q as FilePickerUpload
 };

package/dist/components/LanguagePicker/LanguagePicker.d.ts

@@ -1,8 +1,18 @@
-interface LanguagePickerProps {
+import { ComboboxItem, SelectProps } from '@mantine/core';
+export interface LanguagePickerProps {
     value: string;
     onChange: (value: string) => void;
     label?: string;
+    /** Override the default 3-language list. */
+    data?: ComboboxItem[];
+    /** Map of language code → flag SVG src. Items without an entry render no leading flag. */
+    flagMap?: Record<string, string>;
+    size?: SelectProps['size'];
+    radius?: SelectProps['radius'];
+    variant?: SelectProps['variant'];
+    disabled?: boolean;
+    searchable?: boolean;
+    withinPortal?: boolean;
 }
-export declare const LanguagePicker: ({ value, onChange, label, }: LanguagePickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const LanguagePicker: ({ value, onChange, label, data, flagMap, size, radius, variant, disabled, searchable, withinPortal, }: LanguagePickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LanguagePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LanguagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LanguagePicker/LanguagePicker.tsx"],"names":[],"mappings":"AAkBA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0BD,eAAO,MAAM,cAAc,GAAI,6BAI5B,mBAAmB,4CAmBrB,CAAC"}
+{"version":3,"file":"LanguagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LanguagePicker/LanguagePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAwB,WAAW,EAAE,MAAM,eAAe,CAAC;AAoBhF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,uGAY5B,mBAAmB,4CA+DrB,CAAC"}