@layers-app/shared 0.4.7 → 0.4.8

package/dist/components/ColorPicker/useRecentColors.js

@@ -1,6 +1,8 @@
-import { useState as I, useCallback as c } from "react";
-const d = "color-picker-recent", p = 11;
-function n(e) {
+import { useState as R, useCallback as f, useRef as A, useEffect as w } from "react";
+import { resolveRecentKind as I, IS_APPLE as C } from "./types.js";
+const k = "color-picker-recent", L = 11;
+let i = 0;
+function a(e) {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : [];
@@ -8,32 +10,53 @@ function n(e) {
     return [];
   }
 }
-function E(e, t, o) {
+function T(e, t, r) {
   try {
-    localStorage.setItem(e, JSON.stringify(t.slice(0, o)));
+    localStorage.setItem(e, JSON.stringify(t.slice(0, r)));
   } catch {
   }
 }
-function v(e) {
-  const t = e?.storageKey ?? d, o = e?.maxItems ?? p, [i, r] = I(() => n(t)), S = c(() => {
-    r(n(t));
-  }, [t]), g = c(
-    (s, a, f) => {
-      const y = n(t).filter(
-        (m) => !(m.value === s && m.sectionKey === a)
-      ), l = [{ value: s, sectionKey: a, border: f }, ...y].slice(0, o);
-      E(t, l, o), r(l);
+function _(e) {
+  return e.code !== "KeyH" || !e.shiftKey || e.altKey ? !1 : C ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey;
+}
+function F(e) {
+  const t = e?.storageKey ?? k, r = e?.maxItems ?? L, l = e?.onApplyShortcut, s = e?.shortcutScoped ?? !1, [p, u] = R(
+    () => a(t)
+  ), h = f(() => {
+    u(a(t));
+  }, [t]), K = f(
+    (o, c, n) => {
+      const g = a(t).filter(
+        (S) => !(S.value === o && S.sectionKey === c)
+      ), m = [{ value: o, sectionKey: c, border: n }, ...g].slice(
+        0,
+        r
+      );
+      T(t, m, r), u(m);
     },
-    [t, o]
-  ), u = c(() => {
+    [t, r]
+  ), E = f(() => {
     try {
       localStorage.removeItem(t);
     } catch {
     }
-    r([]);
-  }, [t]);
-  return { recentColors: i, addRecent: g, clearRecent: u, reload: S };
+    u([]);
+  }, [t]), y = A(l);
+  y.current = l;
+  const d = !!l;
+  return w(() => {
+    if (!d) return;
+    s && (i += 1);
+    const o = (c) => {
+      if (!_(c) || !s && i > 0) return;
+      const n = a(t)[0];
+      n && (c.preventDefault(), y.current?.(n.value, I(n.sectionKey)));
+    };
+    return window.addEventListener("keydown", o), () => {
+      window.removeEventListener("keydown", o), s && (i -= 1);
+    };
+  }, [d, s, t]), { recentColors: p, addRecent: K, clearRecent: E, reload: h };
 }
 export {
-  v as useRecentColors
+  F as useRecentColors
 };

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

@@ -1,15 +1,15 @@
-const o = "_commentComposerWrapper_17oei_1", e = "_commentComposerFloat_17oei_68", r = "_composerContainer_17oei_97", t = "_editorWrapper_17oei_113", p = "_editMode_17oei_192", m = {
+const o = "_commentComposerWrapper_jn3k1_1", e = "_commentComposerFloat_jn3k1_135", r = "_composerContainer_jn3k1_193", t = "_editorWrapper_jn3k1_225", n = "_editMode_jn3k1_383", p = {
   commentComposerWrapper: o,
   commentComposerFloat: e,
   composerContainer: r,
   editorWrapper: t,
-  editMode: p
+  editMode: n
 };
 export {
   e as commentComposerFloat,
   o as commentComposerWrapper,
   r as composerContainer,
-  m as default,
-  p as editMode,
+  p as default,
+  n as editMode,
   t as editorWrapper
 };

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CommentComposerTypes } from './types';
-export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, }: {
+export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, forceAutoFocus, }: {
     children: React.ReactNode;
     onSubmit: () => void;
     editorRef: React.MutableRefObject<any>;
@@ -14,5 +14,6 @@ export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, com
     isEdit: boolean;
     hasChanges: boolean;
     ns: string;
+    forceAutoFocus?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommentEditorHotkeys.d.ts.map

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CA2KA,CAAC"}
+{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8HAYlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA6KA,CAAC"}

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -1,55 +1,58 @@
-import { jsx as S } from "react/jsx-runtime";
-import { useRef as C, useEffect as u } from "react";
+import { jsx as C } from "react/jsx-runtime";
+import { useRef as T, 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 M = ({
+import v from "./CommentComposer.module.css.js";
+const W = ({
   children: b,
   onSubmit: E,
-  editorRef: m,
+  editorRef: a,
   commentDraft: f,
   onBlur: c,
   inputContainerRef: p,
-  isFloat: v,
+  isFloat: w,
   isEdit: i,
   hasChanges: s,
-  ns: y
+  ns: L,
+  forceAutoFocus: S
 }) => {
-  const d = C(null), L = i || v, { t: r } = k(y);
+  const d = T(null), g = i || w || S, { t: r } = k(L);
   return u(() => {
     const t = (e) => {
       if (e.code === "Enter" && !e.shiftKey) {
-        if (e.stopPropagation(), i ? s : !s) return;
+        if (document.querySelector('[id^="mention-item-"]') || (e.stopPropagation(), i ? s : !s)) return;
         d.current && d.current.contains(document.activeElement) && (e.preventDefault(), E());
       }
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [E, i, s]), u(() => {
-    if (!L) return;
-    const t = m.current;
-    t && setTimeout(() => {
+    if (!g) return;
+    const t = a.current;
+    if (!t) return;
+    const e = window.setTimeout(() => {
       t.focus(() => ({ defaultSelection: "rootEnd" }));
     }, 100);
-  }, []), u(() => {
-    const t = m.current;
+    return () => window.clearTimeout(e);
+  }, [g]), u(() => {
+    const t = a.current;
     if (!t) return;
     const e = () => setTimeout(() => {
       t.focus(() => ({ defaultSelection: "rootEnd" }));
-    }, 0), o = (a) => {
-      const n = a.target;
+    }, 0), o = (m) => {
+      const n = m.target;
       if (!n || n.closest("button") || n.closest("[data-no-focus]")) return;
       if (n.closest("[data-editor-spacer='true']")) {
         e();
         return;
       }
-      const l = n.closest(`.${w.commentComposerWrapper}`);
+      const l = n.closest(`.${v.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();
+      const y = l.querySelector("[data-comment-footer]");
+      if (!y || !y.contains(n)) return;
+      l.querySelector(`.${v.imagePreviewWrapper}`) || l.querySelector(`.${v.filePreviewWrapper}`) || e();
     };
     return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [m]), u(() => {
+  }, [a]), u(() => {
     const t = d.current;
     if (!t) return;
     const e = () => {
@@ -62,8 +65,8 @@ const M = ({
     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"]'))) {
+      const m = p.current;
+      if (m && !m.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(), P({
@@ -84,7 +87,7 @@ const M = ({
           c?.();
           return;
         }
-        if (v) {
+        if (w) {
           if (f.text.trim() !== "" || (f.files?.length ?? 0) > 0) {
             e.stopPropagation(), e.preventDefault(), P({
               title: r("editor.composer.discardCommentTitle"),
@@ -106,8 +109,8 @@ const M = ({
       }
     };
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [i, v, s, f, c]), /* @__PURE__ */ S("div", { ref: d, children: b });
+  }, [i, w, s, f, c]), /* @__PURE__ */ C("div", { ref: d, children: b });
 };
 export {
-  M as CommentEditorHandler
+  W as CommentEditorHandler
 };

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

@@ -1,3 +1,3 @@
 import { CommentComposerProps } from './types';
-export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, autoFocus, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAsctB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,uFAS7B,oBAAoB,4CAuctB,CAAC"}

package/dist/components/CommentComposer/index.js

@@ -1,66 +1,67 @@
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { useState as Z, useRef as v, useMemo as U, useCallback as ee, useEffect as A } from "react";
-import { useTranslation as te } from "react-i18next";
-import { Attachment02Icon as oe, Sent02Icon as ne } from "@hugeicons/core-free-icons";
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { useState as ee, useRef as v, useMemo as U, useCallback as te, useEffect as A } from "react";
+import { useTranslation as oe } from "react-i18next";
+import { Attachment02Icon as re, Sent02Icon as ne } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as $ } from "@hugeicons/react";
-import { Stack as re, Box as se, Group as B, FileButton as ie, ActionIcon as P, UnstyledButton as le, Text as ae, Button as ce, Popover as L } from "@mantine/core";
-import { getMaxUploadSize as de } from "../../config/envConfig.js";
+import { Stack as se, Box as ie, Group as B, FileButton as le, ActionIcon as P, UnstyledButton as ae, Text as ce, Button as de, Popover as L } from "@mantine/core";
+import { getMaxUploadSize as me } from "../../config/envConfig.js";
 import { showErrorNotification as W } from "../../helpers/showNotifications.js";
-import { AttachmentsPreview as me } from "../AttachmentsPreview/AttachmentsPreview.js";
-import { CommentEditorHandler as ue } from "./CommentEditorHotkeys.js";
-import { useVirtualAnchor as fe } from "./useVirtualAnchor.js";
+import { AttachmentsPreview as ue } from "../AttachmentsPreview/AttachmentsPreview.js";
+import { CommentEditorHandler as fe } from "./CommentEditorHotkeys.js";
+import { useVirtualAnchor as pe } from "./useVirtualAnchor.js";
 import y from "./CommentComposer.module.css.js";
-function j(n) {
-  return "id" in n;
+function j(r) {
+  return "id" in r;
 }
-function pe(n) {
-  return typeof n == "object" && "isTemp" in n;
+function he(r) {
+  return typeof r == "object" && "isTemp" in r;
 }
-function he(n) {
-  const c = URL.createObjectURL(n);
+function ge(r) {
+  const c = URL.createObjectURL(r);
   return {
     id: `temp-${crypto.randomUUID()}`,
-    name: n.name,
-    type: n.type,
-    size: n.size,
+    name: r.name,
+    type: r.type,
+    size: r.size,
     url: c,
     src: c,
-    isImage: n.type.startsWith("image/"),
+    isImage: r.type.startsWith("image/"),
     isTemp: !0,
-    raw: n
+    raw: r
   };
 }
-const M = () => de() ?? 5 * 1024 * 1024, ge = 10;
-function xe(n, c) {
-  return n(`composer.${c}`, { defaultValue: "" }) || n(`editor.composer.${c}`);
+const M = () => me() ?? 5 * 1024 * 1024, xe = 10;
+function ye(r, c) {
+  return r(`composer.${c}`, { defaultValue: "" }) || r(`editor.composer.${c}`);
 }
-const Ne = ({
-  children: n,
+const Re = ({
+  children: r,
   onSubmit: c,
   initialDraft: d,
   updateLocation: N,
   onBlur: k,
   setEdit: R,
-  ns: S = "comments"
+  ns: S = "comments",
+  autoFocus: G
 }) => {
-  const [m, _] = Z({
+  const [m, _] = ee({
     text: d?.text ?? "",
     files: d?.files ?? []
-  }), { t: h } = te(S), G = h(S === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), g = v(null), u = typeof d?.text < "u", a = {
+  }), { t: h } = oe(S), X = h(S === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), g = v(null), u = typeof d?.text < "u", a = {
     text: m.text,
     files: m.files
-  }, X = v(null), p = v(null), Y = U(
+  }, Y = v(null), p = v(null), V = U(
     () => ({
       container: document.createElement("div"),
       elements: []
     }),
     []
-  ), V = v(null), f = !!N, q = fe({
+  ), q = v(null), f = !!N, J = pe({
     isFloat: f,
     updateLocation: N,
-    selectionRef: V,
-    selectionState: Y
-  }), I = 10 * 30 * 0.7, b = ee(() => {
+    selectionRef: q,
+    selectionState: V
+  }), I = 10 * 30 * 0.7, b = te(() => {
     if (!p.current) return;
     const e = p.current, t = e.querySelector(
       '[class*="editorWrapper"]'
@@ -88,7 +89,7 @@ const Ne = ({
       };
     }
   }, [f]);
-  const { textChanged: J, newFiles: K, deletedFiles: D, hasChanges: F } = U(() => {
+  const { textChanged: K, newFiles: D, deletedFiles: Q, hasChanges: F } = U(() => {
     const e = d?.files || [], t = m.files, s = d?.text !== a.text, o = t.filter((i) => i.isTemp), x = new Set(
       t.filter(
         (i) => j(i)
@@ -116,9 +117,9 @@ const Ne = ({
         files: o.files
       };
     });
-  }, Q = (e, t) => {
+  }, Z = (e, t) => {
     e && t((s) => {
-      const o = s.files, x = ge - o.length, l = [], E = [];
+      const o = s.files, x = xe - o.length, l = [], E = [];
       e.forEach((z) => {
         z.size > M() ? E.push(z) : l.push(z);
       }), E.length > 0 && W({
@@ -127,12 +128,12 @@ const Ne = ({
           maxSize: Math.round(M() / (1024 * 1024))
         })
       }), l.length > x && W({
-        message: xe(h, "uploadErrors.tooManyFiles")
+        message: ye(h, "uploadErrors.tooManyFiles")
       });
       const i = l.slice(0, x);
       return {
         ...s,
-        files: [...o, ...i.map(he)]
+        files: [...o, ...i.map(ge)]
       };
     });
   }, w = async () => {
@@ -140,16 +141,16 @@ const Ne = ({
       u ? await c({
         mode: "edit",
         data: {
-          textChanged: J,
-          newFiles: K,
-          deletedFiles: D,
+          textChanged: K,
+          newFiles: D,
+          deletedFiles: Q,
           newText: a.text
         }
       }) : await c({
         mode: "create",
         data: {
           text: a.text,
-          files: m.files.filter(pe)
+          files: m.files.filter(he)
         }
       });
     } catch {
@@ -164,8 +165,8 @@ const Ne = ({
       const s = new t.klass();
       e.append(s), s.select();
     }), T({ text: "", files: [] }, !0);
-  }, O = /* @__PURE__ */ r(
-    re,
+  }, O = /* @__PURE__ */ n(
+    se,
     {
       ref: p,
       className: `
@@ -178,11 +179,11 @@ const Ne = ({
         {
           className: y.composerContainer,
           style: {
-            "--placeholder-text": `"${G}"`
+            "--placeholder-text": `"${X}"`
           },
           children: [
-            /* @__PURE__ */ r("div", { className: y.editorWrapper, children: /* @__PURE__ */ r(
-              ue,
+            /* @__PURE__ */ n("div", { className: y.editorWrapper, children: /* @__PURE__ */ n(
+              fe,
               {
                 onSubmit: w,
                 editorRef: g,
@@ -193,7 +194,8 @@ const Ne = ({
                 isFloat: f,
                 hasChanges: F,
                 ns: S,
-                children: n?.({
+                forceAutoFocus: G,
+                children: r?.({
                   onSubmit: w,
                   handleBlur: () => {
                   },
@@ -204,9 +206,9 @@ const Ne = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ r(se, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
-            /* @__PURE__ */ r(
-              me,
+            /* @__PURE__ */ n(ie, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
+            /* @__PURE__ */ n(
+              ue,
               {
                 files: m.files,
                 mode: "draft",
@@ -227,24 +229,24 @@ const Ne = ({
                 tabIndex: 0,
                 gap: "4px",
                 children: [
-                  /* @__PURE__ */ r(
-                    ie,
+                  /* @__PURE__ */ n(
+                    le,
                     {
-                      onChange: (e) => Q(e, T),
+                      onChange: (e) => Z(e, T),
                       multiple: !0,
-                      children: (e) => /* @__PURE__ */ r(P, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ r(
+                      children: (e) => /* @__PURE__ */ n(P, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ n(
                         $,
                         {
                           style: { transform: "rotate(35deg)" },
-                          icon: oe,
+                          icon: re,
                           size: 20
                         }
                       ) })
                     }
                   ),
                   u ? /* @__PURE__ */ C(B, { gap: "8px", children: [
-                    /* @__PURE__ */ r(
-                      le,
+                    /* @__PURE__ */ n(
+                      ae,
                       {
                         onClick: H,
                         "data-no-focus": !0,
@@ -255,11 +257,11 @@ const Ne = ({
                           background: "none",
                           border: "none"
                         },
-                        children: /* @__PURE__ */ r(ae, { size: "sm", c: "dimmed", children: h("composer.cancel") })
+                        children: /* @__PURE__ */ n(ce, { size: "sm", c: "dimmed", children: h("composer.cancel") })
                       }
                     ),
-                    /* @__PURE__ */ r(
-                      ce,
+                    /* @__PURE__ */ n(
+                      de,
                       {
                         size: "xs",
                         radius: "md",
@@ -268,7 +270,7 @@ const Ne = ({
                         children: h("composer.save")
                       }
                     )
-                  ] }) : /* @__PURE__ */ r(
+                  ] }) : /* @__PURE__ */ n(
                     P,
                     {
                       size: "lg",
@@ -276,7 +278,7 @@ const Ne = ({
                       variant: "filled",
                       onClick: w,
                       disabled: !a.text.trim() && a.files.length === 0,
-                      children: /* @__PURE__ */ r($, { icon: ne, size: 20 })
+                      children: /* @__PURE__ */ n($, { icon: ne, size: 20 })
                     }
                   )
                 ]
@@ -321,10 +323,10 @@ const Ne = ({
         }
       },
       children: [
-        /* @__PURE__ */ r(L.Target, { children: /* @__PURE__ */ r(
+        /* @__PURE__ */ n(L.Target, { children: /* @__PURE__ */ n(
           "div",
           {
-            ref: q,
+            ref: J,
             style: {
               position: "fixed",
               width: "5px",
@@ -336,10 +338,10 @@ const Ne = ({
             }
           }
         ) }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           L.Dropdown,
           {
-            ref: X,
+            ref: Y,
             className: y.commentComposerFloat,
             children: O
           }
@@ -349,5 +351,5 @@ const Ne = ({
   ) : O;
 };
 export {
-  Ne as CommentComposer
+  Re as CommentComposer
 };

package/dist/components/CommentComposer/types.d.ts

@@ -34,6 +34,11 @@ export declare namespace CommentComposerTypes {
         isImage: boolean;
         isTemp: boolean;
         raw?: File;
+        /** Natural media pixel dimensions when the backend reports them — lets the
+         *  preview reserve the exact aspect-ratio box so the row doesn't reflow once
+         *  the media loads. Undefined falls back to a fixed placeholder aspect. */
+        width?: number;
+        height?: number;
     }
     type AnyCommentFile = CommentAttachment;
     interface CommentDraft {
@@ -82,6 +87,7 @@ export interface CommentComposerBaseProps {
     initialDraft?: CommentComposerTypes.ComposerInitialDraft;
     ns?: string;
     placementData?: PlacementData;
+    autoFocus?: boolean;
     setEdit?: (v: {
         id: string;
         text: string;

package/dist/components/CommentComposer/types.d.ts.map

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

package/dist/components/CommunitiesDialog/styles.module.css.js

@@ -1,4 +1,4 @@
-const s = "_section_s7rqu_1", t = {
+const s = "_section_6nzxb_1", t = {
   section: s
 };
 export {

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

@@ -1,4 +1,4 @@
-const r = "_brandingWrapper_vvk0o_1", a = {
+const r = "_brandingWrapper_ag0no_1", a = {
   brandingWrapper: r
 };
 export {

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

@@ -1,4 +1,4 @@
-const o = "_root_195do_1", t = {
+const o = "_root_122b9_1", t = {
   root: o
 };
 export {