@layers-app/shared 0.4.1 → 0.4.3

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/FormViewer/helpers/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACD,CAAC;AAE9C,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,KAAG,QAkBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,GAAG,SAAS,KAAG,QAoBhD,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,yBAAyB,GAAI,GAAG,SAAS,WACE,CAAC;AAEzD,eAAO,MAAM,WAAW,cAAiC,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACuB,CAAC;AAEtE,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,KAAG,QAkBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,GAAG,SAAS,KAAG,QAoBhD,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,yBAAyB,GAAI,GAAG,SAAS,WACE,CAAC;AAEzD,eAAO,MAAM,WAAW,cAAiC,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/components/FormViewer/helpers/steps.js

@@ -1,6 +1,6 @@
 import { randomId as o } from "@mantine/hooks";
 import { brand as r } from "../../../config/brand.js";
-const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "__start_step__", I = (t) => ({
+const c = (t) => t.find((n) => n.isStart) || t.filter((n) => !n.isEnd).at(0), T = "__end_step__", s = "__start_step__", E = (t) => ({
   id: s,
   trigger: "",
   isStart: !0,
@@ -16,7 +16,7 @@ const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "_
       buttonIcon: "i=player-play"
     }
   ]
-}), E = (t) => ({
+}), I = (t) => ({
   id: e(),
   trigger: "",
   isEnd: !0,
@@ -34,23 +34,23 @@ const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "_
   theme: {
     align: "center"
   }
-}), D = 0, a = 1, d = 9999, p = 99, l = "CREATE_CONDITION_FORM", O = "EDIT_CONDITION_FORM", S = 20, N = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
-`), e = () => o().split("-")[1], u = 100, A = 100;
+}), d = 0, D = 1, a = 9999, p = 99, l = "CREATE_CONDITION_FORM", O = "EDIT_CONDITION_FORM", S = 20, N = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
+`), e = () => o().split("-")[1], f = 100, u = 100;
 export {
   l as CREATE_CONDITION_FORM_ID,
   T as DEFAULT_END_STEP_ID,
-  d as DEFAULT_MAX,
-  u as DEFAULT_MEDIA_BRIGHTNESS,
-  A as DEFAULT_MEDIA_SIZE,
-  D as DEFAULT_MIN,
-  a as DEFAULT_OPTIONS_MIN,
+  a as DEFAULT_MAX,
+  f as DEFAULT_MEDIA_BRIGHTNESS,
+  u as DEFAULT_MEDIA_SIZE,
+  d as DEFAULT_MIN,
+  D as DEFAULT_OPTIONS_MIN,
   p as DEFAULT_OPTION_MAX_LENGTH,
   s as DEFAULT_START_STEP_ID,
   O as EDIT_CONDITION_FORM_ID,
   S as MAX_OPTIONS_COUNT,
   N as getDefaultDropdownOptions,
-  E as getDefaultEndStep,
-  I as getDefaultStartStep,
+  I as getDefaultEndStep,
+  E as getDefaultStartStep,
   c as getFirstStep,
   e as getRandomId
 };

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"}

package/dist/components/LanguagePicker/LanguagePicker.js

@@ -1,55 +1,77 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useMemo as g } from "react";
-import { ArrowDown01Icon as f, Tick02Icon as u } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as s } from "@hugeicons/react";
-import { Select as d, Image as i, Group as x } from "@mantine/core";
-import I from "../../assets/svg/flags/es.svg.js";
-import b from "../../assets/svg/flags/ru.svg.js";
-import h from "../../assets/svg/flags/us.svg.js";
-import l from "./LanguagePicker.module.css.js";
-const t = {
-  ru: b,
-  en: h,
-  es: I
-}, n = [
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
+import { useCallback as m, useMemo as N } from "react";
+import { Tick02Icon as P, ArrowDown01Icon as j } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as f } from "@hugeicons/react";
+import { Group as y, Image as u, Select as z } from "@mantine/core";
+import C from "../../assets/svg/flags/es.svg.js";
+import D from "../../assets/svg/flags/ru.svg.js";
+import M from "../../assets/svg/flags/us.svg.js";
+import s from "./LanguagePicker.module.css.js";
+const O = {
+  ru: D,
+  en: M,
+  es: C
+}, A = [
   { value: "en", label: "English" },
   { value: "ru", label: "Русский" },
   { value: "es", label: "Español (España)" }
-], y = ({
-  option: e,
-  checked: a
-}) => /* @__PURE__ */ p(x, { flex: "1", gap: "xs", children: [
-  /* @__PURE__ */ o(i, { src: t[e.value], className: l.image }),
-  e.label,
-  a && /* @__PURE__ */ o(
-    s,
-    {
-      color: "var(--mantine-primary-color-filled)",
-      size: 16,
-      icon: u,
-      className: l.tickIcon
-    }
-  )
-] }), A = ({
-  value: e,
-  onChange: a,
-  label: c
+], B = ({
+  value: a,
+  onChange: t,
+  label: g,
+  data: p,
+  flagMap: d,
+  size: b,
+  radius: v,
+  variant: x,
+  disabled: h,
+  searchable: k,
+  withinPortal: F
 }) => {
-  const m = g(() => n.find((r) => r.value === e) ? e : "en", [e]);
+  const l = p ?? A, r = d ?? O, I = m(
+    ({ option: e, checked: S }) => /* @__PURE__ */ w(y, { flex: "1", gap: "xs", children: [
+      r[e.value] && /* @__PURE__ */ o(u, { src: r[e.value], className: s.image }),
+      e.label,
+      S && /* @__PURE__ */ o(
+        f,
+        {
+          color: "var(--mantine-primary-color-filled)",
+          size: 16,
+          icon: P,
+          className: s.tickIcon
+        }
+      )
+    ] }),
+    [r]
+  ), c = l[0]?.value ?? a, n = N(
+    () => l.find((e) => e.value === a) ? a : c,
+    [a, l, c]
+  ), E = m(
+    (e) => {
+      e && t(e);
+    },
+    [t]
+  ), i = r[n];
   return /* @__PURE__ */ o(
-    d,
+    z,
     {
-      label: c,
+      label: g,
       flex: 1,
-      onChange: (r) => r && a(r),
-      leftSection: /* @__PURE__ */ o(i, { src: t[e], className: l.image }),
-      value: m,
-      data: n,
-      rightSection: /* @__PURE__ */ o(s, { size: 16, icon: f }),
-      renderOption: y
+      onChange: E,
+      leftSection: i ? /* @__PURE__ */ o(u, { src: i, className: s.image }) : void 0,
+      value: n,
+      data: l,
+      rightSection: /* @__PURE__ */ o(f, { size: 16, icon: j }),
+      renderOption: I,
+      size: b,
+      radius: v,
+      variant: x,
+      disabled: h,
+      searchable: k,
+      comboboxProps: F ? { withinPortal: !0 } : void 0
     }
   );
 };
 export {
-  A as LanguagePicker
+  B as LanguagePicker
 };

package/dist/components/MusicPlayerBar/MusicPlayerBar.d.ts

@@ -0,0 +1,3 @@
+import type { MusicPlayerBarProps } from './types';
+export declare function MusicPlayerBar({ src, duration: durationProp, playbackRates, initialVolume, waveformHeights, disable, showDelete, showDownload, showCopyLink, onDelete, onDownload, onCopyLink, onCopyError, extraActions, }: MusicPlayerBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MusicPlayerBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MusicPlayerBar.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/MusicPlayerBar.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,QAAQ,EAAE,YAAY,EACtB,aAA6B,EAC7B,aAAiB,EACjB,eAAe,EACf,OAAe,EACf,UAAiB,EACjB,YAAmB,EACnB,YAAmB,EACnB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,GACb,EAAE,mBAAmB,2CA+OrB"}