@layers-app/shared 0.4.9 → 0.4.10

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.js

@@ -1,20 +1,23 @@
-import { useState as m, useEffect as f } from "react";
+import { useState as m, useEffect as y } from "react";
 import { getEnvConfig as b } from "../../../config/envConfig.js";
-import { normalizeSubtitleTrack as A } from "../../VideoPlayer/utils/subtitles.js";
-const U = 3e3, v = 200, h = () => {
+import { normalizeArtifacts as A, areArtifactsSettled as U, shouldKeepPolling as g } from "./artifactStatus.js";
+import { normalizeSubtitleTrack as k } from "../../VideoPlayer/utils/subtitles.js";
+const h = 3e3, v = 200, P = () => {
   const t = b().apiBaseUrl || "";
   return t.endsWith("/") ? t.slice(0, -1) : t;
-}, a = (t, e) => t ? new URL(t, e).toString() : void 0, g = (t, e) => {
-  const n = Array.isArray(t.subtitles) ? t.subtitles.map(A).filter((o) => o.id).map((o) => ({ ...o, url: a(o.url, e) })) : void 0, s = t.storyboard ? {
+}, a = (t, e) => t ? new URL(t, e).toString() : void 0, S = (t, e) => {
+  const d = Array.isArray(t.subtitles) ? t.subtitles.map(k).filter((o) => o.id).map((o) => ({ ...o, url: a(o.url, e) })) : void 0, s = t.storyboard ? {
     ...t.storyboard,
     vttUrl: a(t.storyboard.vttUrl, e),
     metaUrl: a(t.storyboard.metaUrl, e)
-  } : null, l = t.playback?.optimizedReady ?? !1, r = t.processingAvailable === !1 || t.pipelineMode === "UPLOAD_ONLY";
+  } : null, l = t.playback?.optimizedReady ?? !1, i = t.processingAvailable === !1 || t.pipelineMode === "UPLOAD_ONLY", r = t.readiness?.pipelineComplete ?? l, n = A(t.artifacts);
   return {
     videoId: t.videoId,
     state: t.state,
-    isProcessing: !l && !r,
-    processingPercent: t.processing?.percent,
+    isProcessing: !r && !i,
+    processingPercent: t.readiness?.artifactPercent ?? t.processing?.percent,
+    pipelineComplete: r,
+    blockingReason: t.readiness?.blockingReason,
     posterUrl: a(t.cover?.url, e),
     chaptersDisabled: t.chaptersDisabled === !0,
     autogenDisabled: t.autogenDisabled === !0,
@@ -23,49 +26,52 @@ const U = 3e3, v = 200, h = () => {
       rawUrl: a(t.playback?.rawUrl, e),
       optimizedReady: t.playback?.optimizedReady
     },
-    subtitles: n,
+    subtitles: d,
     chapters: Array.isArray(t.chapters) ? t.chapters : void 0,
-    storyboard: s
+    storyboard: s,
+    artifacts: t.artifacts,
+    artifactStatuses: n,
+    artifactsSettled: U(n)
   };
 };
-function P(t, e) {
-  const [n, s] = m({ status: null, loaded: !1 });
-  return f(() => {
+function E(t, e) {
+  const [d, s] = m({ status: null, loaded: !1 });
+  return y(() => {
     if (s({ status: null, loaded: !1 }), !t) {
       s({ status: null, loaded: !0 });
       return;
     }
-    let l = !1, r = null, o = 0;
-    const c = h() || window.location.origin, d = async () => {
-      o += 1;
+    let l = !1, i = null, r = 0;
+    const n = P() || window.location.origin, o = async () => {
+      r += 1;
       try {
-        const i = await fetch(`${c}/v1/videos/${t}/status`, {
+        const c = await fetch(`${n}/v1/videos/${t}/status`, {
           method: "GET",
           credentials: "include",
           headers: { Accept: "application/json" }
         });
         if (l) return;
-        if (!i.ok) {
+        if (!c.ok) {
           s(
             (p) => p.loaded ? p : { status: null, loaded: !0 }
           );
           return;
         }
-        const y = await i.json();
+        const f = await c.json();
         if (l) return;
-        const u = g(y, c);
-        s({ status: u, loaded: !0 }), u.isProcessing && o < v && (r = setTimeout(d, U));
+        const u = S(f, n);
+        s({ status: u, loaded: !0 }), g(u) && r < v && (i = setTimeout(o, h));
       } catch {
         l || s(
-          (i) => i.loaded ? i : { status: null, loaded: !0 }
+          (c) => c.loaded ? c : { status: null, loaded: !0 }
         );
       }
     };
-    return d(), () => {
-      l = !0, r && clearTimeout(r);
+    return o(), () => {
+      l = !0, i && clearTimeout(i);
     };
-  }, [t, e]), n;
+  }, [t, e]), d;
 }
 export {
-  P as useAttachmentVideoStatus
+  E as useAttachmentVideoStatus
 };

package/dist/components/AttachmentsGalleryModal/hooks/useDoubleClickZoom.d.ts

@@ -0,0 +1,4 @@
+export declare const useDoubleClickZoom: () => {
+    onDoubleClick: () => void;
+};
+//# sourceMappingURL=useDoubleClickZoom.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/useDoubleClickZoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoubleClickZoom.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useDoubleClickZoom.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB;;CAgB9B,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useDoubleClickZoom.js

@@ -0,0 +1,17 @@
+import { useRef as s, useCallback as c, useMemo as m } from "react";
+import { useAttachmentsGalleryContext as i } from "../AttachmentsGalleryContext.js";
+import { zoomStep as l } from "../helpers.js";
+const p = () => {
+  const { transformRefs: e, selectedIndex: o } = i(), r = s(null), t = c(() => {
+    const n = e.current[o];
+    n && l({
+      dir: "in",
+      activeRef: n,
+      animationRef: r
+    });
+  }, [o, e]);
+  return m(() => ({ onDoubleClick: t }), [t]);
+};
+export {
+  p as useDoubleClickZoom
+};

package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDownloadFile.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useDownloadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAQvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,eAAe,GAAI,eAAe,aAAa;;;oBAI9C,cAAc;;CAgD3B,CAAC"}
+{"version":3,"file":"useDownloadFile.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useDownloadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAYvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,eAAe,GAAI,eAAe,aAAa;;;oBAK9C,cAAc;;CAmE3B,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.js

@@ -1,38 +1,56 @@
-import { useState as u, useCallback as c, useMemo as p } from "react";
-import { downloadImageFromExternalUrl as a, downloadURL as b } from "../../../helpers/download.js";
-import { isVideoFile as F } from "../../../helpers/fileUtils.js";
-import { useMenu as U } from "../../../hooks/useMenu.js";
-const M = (o) => {
-  const [l, e] = u(!1), r = c(
-    async (d) => {
-      if (d.stopPropagation(), !o)
+import { useState as p, useCallback as y, useMemo as E } from "react";
+import { useTranslation as F } from "react-i18next";
+import { notifications as b } from "@mantine/notifications";
+import { downloadImageFromExternalUrl as u, downloadURL as T } from "../../../helpers/download.js";
+import { isVideoFile as U } from "../../../helpers/fileUtils.js";
+import { useMenu as N } from "../../../hooks/useMenu.js";
+const O = (o) => {
+  const { t: i } = F("ui"), [a, c] = p(!1), f = y(
+    async (w) => {
+      if (w.stopPropagation(), !o)
         return;
-      e(!0);
-      const i = o.originalFileName || "file";
-      if (o?.Url)
-        await a(o?.Url, i), e(!1);
-      else {
-        const s = await fetch(`/v1/attachments/${o.id}`, {
-          method: "GET"
+      c(!0);
+      const l = o.originalFileName || "file";
+      try {
+        if (o?.Url)
+          await u(o?.Url, l);
+        else {
+          const e = await fetch(`/v1/attachments/${o.id}`, {
+            method: "GET"
+          });
+          if (!e.ok) {
+            let r = null;
+            try {
+              const m = await e.clone().json();
+              r = typeof m.code == "string" ? m.code : null;
+            } catch {
+              r = null;
+            }
+            throw new Error(r ?? `Error loading: ${e.statusText}`);
+          }
+          const n = await e.blob(), s = window.URL.createObjectURL(n);
+          s && o && (o.id ? T(s, l) : u(s, l));
+        }
+      } catch (e) {
+        const n = e instanceof Error && e.message.includes("ERR_ATTACHMENT_OFFLINE");
+        b.show({
+          message: i(n ? "gallery.downloadOffline" : "gallery.downloadError"),
+          color: n ? "yellow" : "red"
         });
-        if (!s.ok)
-          throw e(!1), new Error(`Error loading: ${s.statusText}`);
-        const w = await s.blob();
-        e(!1);
-        const n = window.URL.createObjectURL(w);
-        n && o && (o.id ? b(n, i) : a(n, i));
+      } finally {
+        c(!1);
       }
     },
-    [o]
-  ), { isMobile: f } = U(), m = F(
+    [o, i]
+  ), { isMobile: d } = N(), t = U(
     o?.contentType,
     o?.originalFileName
   );
-  return p(
-    () => ({ isVideo: m, isMobile: f, onDownload: r, isFetching: l }),
-    [f, m, r, l]
+  return E(
+    () => ({ isVideo: t, isMobile: d, onDownload: f, isFetching: a }),
+    [d, t, f, a]
   );
 };
 export {
-  M as useDownloadFile
+  O as useDownloadFile
 };

package/dist/components/Chat/ChatInput/ChatInput.module.css.js

@@ -1,47 +1,47 @@
-const t = "_root_1udsd_1", e = "_inputRow_1udsd_17", n = "_inputBox_1udsd_37", d = "_inputArea_1udsd_113", o = "_notice_1udsd_137", _ = "_noticeIcon_1udsd_203", s = "_noticeMain_1udsd_223", c = "_noticeText_1udsd_241", i = "_noticeAction_1udsd_251", a = "_noticeDismiss_1udsd_259", u = "_header_1udsd_279", r = "_headerIcon_1udsd_293", h = "_headerBar_1udsd_313", p = "_headerTitle_1udsd_341", x = "_headerText_1udsd_361", B = "_headerAttachment_1udsd_379", I = "_hiddenFileInput_1udsd_407", m = "_attachments_1udsd_425", A = "_iconButton_1udsd_451", T = "_textarea_1udsd_461", l = "_textareaInput_1udsd_471", w = "_sendButton_1udsd_499", D = {
+const t = "_root_mpx3x_1", e = "_inputRow_mpx3x_17", n = "_inputBox_mpx3x_37", o = "_inputArea_mpx3x_113", _ = "_notice_mpx3x_137", x = "_noticeIcon_mpx3x_203", c = "_noticeMain_mpx3x_223", i = "_noticeText_mpx3x_241", a = "_noticeAction_mpx3x_251", s = "_noticeDismiss_mpx3x_259", p = "_header_mpx3x_279", r = "_headerIcon_mpx3x_293", m = "_headerBar_mpx3x_313", d = "_headerTitle_mpx3x_341", h = "_headerText_mpx3x_361", u = "_headerAttachment_mpx3x_379", B = "_hiddenFileInput_mpx3x_407", I = "_attachments_mpx3x_425", A = "_iconButton_mpx3x_451", T = "_textarea_mpx3x_461", l = "_textareaInput_mpx3x_471", w = "_sendButton_mpx3x_499", D = {
   root: t,
   inputRow: e,
   inputBox: n,
-  inputArea: d,
-  notice: o,
-  noticeIcon: _,
-  noticeMain: s,
-  noticeText: c,
-  noticeAction: i,
-  noticeDismiss: a,
-  header: u,
+  inputArea: o,
+  notice: _,
+  noticeIcon: x,
+  noticeMain: c,
+  noticeText: i,
+  noticeAction: a,
+  noticeDismiss: s,
+  header: p,
   headerIcon: r,
-  headerBar: h,
-  headerTitle: p,
-  headerText: x,
-  headerAttachment: B,
-  hiddenFileInput: I,
-  attachments: m,
+  headerBar: m,
+  headerTitle: d,
+  headerText: h,
+  headerAttachment: u,
+  hiddenFileInput: B,
+  attachments: I,
   iconButton: A,
   textarea: T,
   textareaInput: l,
   sendButton: w
 };
 export {
-  m as attachments,
+  I as attachments,
   D as default,
-  u as header,
-  B as headerAttachment,
-  h as headerBar,
+  p as header,
+  u as headerAttachment,
+  m as headerBar,
   r as headerIcon,
-  x as headerText,
-  p as headerTitle,
-  I as hiddenFileInput,
+  h as headerText,
+  d as headerTitle,
+  B as hiddenFileInput,
   A as iconButton,
-  d as inputArea,
+  o as inputArea,
   n as inputBox,
   e as inputRow,
-  o as notice,
-  i as noticeAction,
-  a as noticeDismiss,
-  _ as noticeIcon,
-  s as noticeMain,
-  c as noticeText,
+  _ as notice,
+  a as noticeAction,
+  s as noticeDismiss,
+  x as noticeIcon,
+  c as noticeMain,
+  i as noticeText,
   t as root,
   w as sendButton,
   T as textarea,

package/dist/components/Chat/ChatInput/index.js

@@ -345,7 +345,7 @@ function Se({
               variant: "filled",
               color: v || o.isRecording ? "red" : "indigo",
               radius: 12,
-              size: 50,
+              size: 54,
               onPointerDown: de,
               onPointerMove: me,
               onPointerUp: ue,
@@ -369,7 +369,7 @@ function Se({
               variant: "filled",
               color: "indigo",
               radius: 12,
-              size: 50,
+              size: 54,
               onClick: y,
               disabled: s || !V,
               loading: U,

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AA6GhC,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,6GAkFvB,CAAC;AASF,eAAO,MAAM,WAAW;;;;CAItB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AA6GhC,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,6GA8EvB,CAAC;AASF,eAAO,MAAM,WAAW;;;;CAItB,CAAC"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -134,10 +134,10 @@ const Q = z(
             ref: a,
             color: t ? "transparent" : r,
             radius: s === "circle" ? "xl" : "sm",
-            styles: t ? {
+            styles: {
               alphaOverlay: { display: "none" },
-              shadowOverlay: { display: "none" }
-            } : void 0,
+              ...t ? { shadowOverlay: { display: "none" } } : {}
+            },
             style: {
               cursor: "pointer",
               color: "var(--mantine-color-white)",

package/dist/components/ControlIcon/ControlIcon.d.ts

@@ -0,0 +1,13 @@
+import { ControlType } from '../FormViewer/types/form';
+/**
+ * Иконка элемента формы: цветной скруглённый квадрат с белым глифом.
+ *
+ * Единый вид для всех мест, где показывается состав слайда — модалка добавления,
+ * карточки в баре слайдов, ноды логики. Цвет и глиф берутся из `controlsDataMap`.
+ */
+export declare const ControlIcon: ({ type, size, }: {
+    type: ControlType;
+    /** Сторона квадрата. Глиф внутри — две трети от неё (24 → 16 из макета). */
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ControlIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ControlIcon/ControlIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAcvD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,iBAGzB;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,mDAmBA,CAAC"}

package/dist/components/ControlIcon/ControlIcon.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { controlsDataMap as a } from "../FormViewer/helpers/controls.js";
+import c from "./ControlIcon.module.css.js";
+const i = (o) => o === "gray" ? "light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-4))" : `var(--mantine-color-${o}-filled)`, m = ({
+  type: o,
+  size: n = 24
+}) => {
+  const r = a[o];
+  return r ? /* @__PURE__ */ t(
+    "span",
+    {
+      className: c.icon,
+      style: {
+        "--icon-bg": i(r.color),
+        "--icon-size": `${n}px`,
+        // Иконки внутри задают размер в `em`.
+        fontSize: `${Math.round(n / 3 * 2)}px`
+      },
+      children: r.icon
+    }
+  ) : null;
+};
+export {
+  m as ControlIcon
+};

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

@@ -0,0 +1,7 @@
+const o = "_icon_1v931_1", c = {
+  icon: o
+};
+export {
+  c as default,
+  o as icon
+};

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":"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,4CAuHA,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,4CA0HA,CAAC"}

package/dist/components/FilePicker/FilePickerUpload.js

@@ -3,7 +3,7 @@ import { useCallback as x } from "react";
 import { useTranslation as b, Trans as N } from "react-i18next";
 import { Image02Icon as E } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as I } from "@hugeicons/react";
-import { Stack as u, Text as a } from "@mantine/core";
+import { Stack as u, Text as c } from "@mantine/core";
 import { Dropzone as T, IMAGE_MIME_TYPE as $ } from "@mantine/dropzone";
 import { showNotification as g } from "@mantine/notifications";
 import { getMaxUploadSize as h } from "../../config/envConfig.js";
@@ -11,20 +11,20 @@ import { showErrorNotification as j } from "../../helpers/showNotifications.js";
 import w from "./FilePicker.module.css.js";
 import "@mantine/dropzone/styles.css";
 const q = ({
-  type: c = "image",
+  type: a = "image",
   uploading: y,
   dropZoneProps: i,
   onUpload: m,
   icon: z
 }) => {
-  const { t: r } = b("ui"), s = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((h() ?? 5 * 1024 * 1024) / (1024 * 1024)), S = (e) => {
+  const { t: r } = b("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((h() ?? 5 * 1024 * 1024) / (1024 * 1024)), F = (e) => {
     if (e >= 1024) {
-      const l = e / 1024;
-      return Number.isInteger(l) ? `${l} GB` : `${l.toFixed(1)} GB`;
+      const s = e / 1024;
+      return Number.isInteger(s) ? `${s} GB` : `${s.toFixed(1)} GB`;
     }
     return `${e} MB`;
-  }, f = `filePicker.description.${c}`, F = `filePicker.dropFileHere.${c}`, d = (() => {
-    const e = r(f, { maxSize: S(s) });
+  }, f = `filePicker.description.${a}`, S = `filePicker.dropFileHere.${a}`, d = (() => {
+    const e = r(f, { maxSize: F(l) });
     return e !== f ? e : null;
   })(), M = x(
     (e) => {
@@ -40,7 +40,7 @@ const q = ({
       if (e.some((t) => t.errors.some((n) => n.code === "file-too-large"))) {
         j({
           title: r("errorMessage"),
-          message: r("filePicker.errors.shouldNotExceed", { maxSize: s })
+          message: r("filePicker.errors.shouldNotExceed", { maxSize: l })
         });
         return;
       }
@@ -54,7 +54,7 @@ const q = ({
         return;
       }
     },
-    [r, s]
+    [r, l]
   ), k = x(m, [m]), v = i?.maxSize ?? h() ?? 5 * 1024 * 1024;
   return /* @__PURE__ */ o(
     T,
@@ -65,6 +65,7 @@ const q = ({
       maxFiles: i?.maxFiles || 1,
       maxSize: v,
       accept: $,
+      useFsAccessApi: !1,
       px: 60,
       py: "xl",
       className: `${w.pickerDropZone}`,
@@ -87,14 +88,14 @@ const q = ({
               }
             ),
             /* @__PURE__ */ p(u, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ o(a, { fw: 500, fz: "md", c: "bright", lh: "md", ta: "center", children: /* @__PURE__ */ o(
+              /* @__PURE__ */ o(c, { fw: 500, fz: "md", c: "bright", lh: "md", ta: "center", children: /* @__PURE__ */ o(
                 N,
                 {
                   ns: "ui",
-                  i18nKey: F,
+                  i18nKey: S,
                   components: {
                     choose: /* @__PURE__ */ o(
-                      a,
+                      c,
                       {
                         component: "span",
                         c: "var(--primary-color-text, var(--mantine-primary-color-filled))",
@@ -105,7 +106,7 @@ const q = ({
                   }
                 }
               ) }),
-              d && /* @__PURE__ */ o(a, { fz: "sm", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: d })
+              d && /* @__PURE__ */ o(c, { fz: "sm", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: d })
             ] })
           ]
         }

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

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

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

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

package/dist/components/FormColorPicker/FormColorPicker.d.ts

@@ -0,0 +1,21 @@
+export type FormColorPickerProps = {
+    /** Выбранный цвет. `undefined`/пусто — цвет не задан явно. */
+    value?: string | null;
+    /**
+     * Реальный цвет элемента — то, что фактически отрисовано, когда `value` не
+     * задан. Пикер обязан открываться на нём: какой-то цвет есть всегда.
+     */
+    fallback?: string | null;
+    /** Вызывается на каждое движение — для живого превью. */
+    onChange?: (value: string) => void;
+    /** Вызывается по окончании выбора (отпускание слайдера, выбор из палитры). */
+    onChangeEnd?: (value: string) => void;
+};
+/**
+ * Выбор цвета для плавающих тулбаров редактора: область насыщенности, слайдеры
+ * оттенка и прозрачности, палитра и поля hex/alpha.
+ *
+ * Отдаёт `#RRGGBB`, либо `#RRGGBBAA` при прозрачности меньше 100%.
+ */
+export declare const FormColorPicker: ({ value, fallback, onChange, onChangeEnd, }: FormColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/FormColorPicker/FormColorPicker.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAyGtB,CAAC"}

package/dist/components/FormColorPicker/FormColorPicker.js

@@ -0,0 +1,92 @@
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
+import { useState as g, useEffect as E, useMemo as P, useRef as b } from "react";
+import { PercentIcon as k } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as y } from "@hugeicons/react";
+import { ColorPicker as z, TextInput as A, NumberInput as D } from "@mantine/core";
+import { useRecentColors as S } from "../ColorPicker/useRecentColors.js";
+import { toHexa as u, hexaToParts as _, partsToHexa as I } from "./colorUtils.js";
+import n from "./FormColorPicker.module.css.js";
+const j = "form-color-picker-recent", N = 9, Y = ({
+  value: o,
+  fallback: R,
+  onChange: w,
+  onChangeEnd: T
+}) => {
+  const l = u(o) ?? u(R) ?? "#000000ff", [f, p] = g(l), [H, c] = g(null);
+  E(() => {
+    p(l), c(null);
+  }, [l]);
+  const { hex: h, alpha: i } = _(f), { recentColors: x, addRecent: d } = S({
+    storageKey: j,
+    maxItems: N
+  }), v = P(
+    () => x.map((e) => e.value),
+    [x]
+  ), m = b(null);
+  E(
+    () => () => {
+      m.current && d(m.current);
+    },
+    [d]
+  );
+  const r = (e, a) => {
+    p(e);
+    const t = B(e);
+    w?.(t), a && (m.current = t, T?.(t));
+  };
+  return /* @__PURE__ */ C("div", { className: n.root, children: [
+    /* @__PURE__ */ s(
+      z,
+      {
+        format: "hexa",
+        fullWidth: !0,
+        value: f,
+        onChange: (e) => r(e, !1),
+        onChangeEnd: (e) => r(e, !0),
+        swatches: v.length ? v : void 0,
+        swatchesPerRow: N
+      }
+    ),
+    /* @__PURE__ */ C("div", { className: n.inputs, children: [
+      /* @__PURE__ */ s(
+        A,
+        {
+          className: n.hexInput,
+          variant: "default",
+          size: "xs",
+          maxLength: 7,
+          spellCheck: !1,
+          "aria-label": "HEX",
+          value: H ?? h,
+          onChange: (e) => {
+            const a = e.currentTarget.value;
+            c(a);
+            const t = u(a);
+            t && r(I(t.slice(0, 7), i), !0);
+          },
+          onBlur: () => c(null)
+        }
+      ),
+      /* @__PURE__ */ s(
+        D,
+        {
+          className: n.alphaInput,
+          variant: "default",
+          size: "xs",
+          min: 0,
+          max: 100,
+          clampBehavior: "strict",
+          allowNegative: !1,
+          allowDecimal: !1,
+          "aria-label": "Alpha",
+          value: i,
+          onChange: (e) => r(I(h, typeof e == "number" ? e : i), !0),
+          rightSection: /* @__PURE__ */ s(y, { icon: k, size: 12 })
+        }
+      )
+    ] })
+  ] });
+}, B = (o) => o.toLowerCase().endsWith("ff") ? o.slice(0, 7) : o;
+export {
+  Y as FormColorPicker
+};

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

@@ -0,0 +1,13 @@
+const t = "_root_34crc_9", n = "_inputs_34crc_29", c = "_hexInput_34crc_37", p = "_alphaInput_34crc_65", o = {
+  root: t,
+  inputs: n,
+  hexInput: c,
+  alphaInput: p
+};
+export {
+  p as alphaInput,
+  o as default,
+  c as hexInput,
+  n as inputs,
+  t as root
+};