@layers-app/shared 0.2.2 → 0.2.3

package/dist/components/CommentComposer/index.js

@@ -1,197 +1,221 @@
-import { jsx as o, jsxs as z } from "react/jsx-runtime";
-import { useState as K, useRef as v, useMemo as _ } from "react";
-import { useTranslation as X } from "react-i18next";
-import { Attachment02Icon as V, Sent02Icon as Z } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as A } from "@hugeicons/react";
-import { Stack as q, Box as Q, Group as N, FileButton as Y, ActionIcon as $, UnstyledButton as D, Text as ee, Button as te } from "@mantine/core";
-import { showErrorNotification as L } from "../../helpers/showNotifications.js";
-import { AttachmentsPreview as oe } from "../AttachmentsPreview/AttachmentsPreview.js";
-import { CommentEditorHandler as ne } from "./CommentEditorHotkeys.js";
-import { useFloatingPosition as re } from "./useFloatingPosition.js";
-import h from "./CommentComposer.module.css.js";
-function M(t) {
-  return "id" in t;
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { useState as Q, useRef as v, useMemo as O, useCallback as ee, useEffect as L } from "react";
+import { useTranslation as te } from "react-i18next";
+import { Attachment02Icon as oe, 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 U, UnstyledButton as le, Text as ce, Button as ae, Popover as _ } from "@mantine/core";
+import { showErrorNotification as P } from "../../helpers/showNotifications.js";
+import { AttachmentsPreview as de } from "../AttachmentsPreview/AttachmentsPreview.js";
+import { CommentEditorHandler as me } from "./CommentEditorHotkeys.js";
+import { useVirtualAnchor as fe } from "./useVirtualAnchor.js";
+import x from "./CommentComposer.module.css.js";
+function W(n) {
+  return "id" in n;
 }
-function se(t) {
-  return typeof t == "object" && "isTemp" in t;
+function ue(n) {
+  return typeof n == "object" && "isTemp" in n;
 }
-function ie(t) {
-  const l = URL.createObjectURL(t);
+function pe(n) {
+  const a = URL.createObjectURL(n);
   return {
     id: `temp-${crypto.randomUUID()}`,
-    name: t.name,
-    type: t.type,
-    size: t.size,
-    url: l,
-    src: l,
-    isImage: t.type.startsWith("image/"),
+    name: n.name,
+    type: n.type,
+    size: n.size,
+    url: a,
+    src: a,
+    isImage: n.type.startsWith("image/"),
     isTemp: !0,
-    raw: t
+    raw: n
   };
 }
-const ce = 5 * 1024 * 1024, le = 10;
-function U(t, l) {
-  return t(`composer.${l}`, { defaultValue: "" }) || t(`editor.composer.${l}`);
+const he = 5 * 1024 * 1024, ge = 10;
+function j(n, a) {
+  return n(`composer.${a}`, { defaultValue: "" }) || n(`editor.composer.${a}`);
 }
-const be = ({
-  children: t,
-  onSubmit: l,
-  initialDraft: a,
-  updateLocation: T,
-  onBlur: j,
-  setEdit: B,
-  ns: C = "comments"
+const _e = ({
+  children: n,
+  onSubmit: a,
+  initialDraft: d,
+  updateLocation: z,
+  onBlur: k,
+  setEdit: N,
+  ns: I = "comments"
 }) => {
-  const [m, R] = K({
-    text: a?.text ?? "",
-    files: a?.files ?? []
-  }), { t: p } = X(C), k = p(C === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), u = v(null), d = typeof a?.text < "u", i = {
+  const [m, R] = Q({
+    text: d?.text ?? "",
+    files: d?.files ?? []
+  }), { t: y } = te(I), G = y(I === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), h = v(null), f = typeof d?.text < "u", c = {
     text: m.text,
     files: m.files
-  }, F = v(null), O = _(
+  }, X = v(null), p = v(null), Y = O(
     () => ({
       container: document.createElement("div"),
       elements: []
     }),
     []
-  ), P = v(null), b = !!T;
-  re({
-    boxRef: F,
-    isFloat: b,
-    updateLocation: T,
-    selectionRef: P,
-    selectionState: O
-  });
-  const { textChanged: H, newFiles: W, deletedFiles: G, hasChanges: w } = _(() => {
-    const e = a?.files || [], n = m.files, r = a?.text !== i.text, s = n.filter((c) => c.isTemp), x = new Set(
-      n.filter(
-        (c) => M(c)
-      ).map((c) => c.id)
-    ), f = e.filter(M).filter((c) => !x.has(c.id)), y = d ? JSON.stringify(a) === JSON.stringify(m) : i.text.trim().length > 0 || s.length > 0 || f.length > 0;
+  ), q = v(null), u = !!z, J = fe({
+    isFloat: u,
+    updateLocation: z,
+    selectionRef: q,
+    selectionState: Y
+  }), S = 10 * 30 * 0.7, b = ee(() => {
+    if (!p.current) return;
+    const e = p.current, t = e.querySelector(
+      '[class*="editorWrapper"]'
+    ), s = t?.scrollHeight || 0, o = s > S, l = s > 35, i = e.closest(
+      '[class*="commentComposerFloat"]'
+    ) || e;
+    u && l ? i.setAttribute("data-multiline", "true") : i.removeAttribute("data-multiline"), o && t ? (t.style.maxHeight = `${S}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", i.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", i.removeAttribute("data-editor-constrained"));
+  }, [p, u, S]);
+  L(() => {
+    b();
+  }, [b]), L(() => {
+    if (!p.current) return;
+    const e = new ResizeObserver(() => {
+      b();
+    });
+    return e.observe(p.current), () => {
+      e.disconnect();
+    };
+  }, [b]), L(() => {
+    const e = document.querySelector("main");
+    if (e && u) {
+      const t = e.style.overflow;
+      return e.style.overflow = "hidden", () => {
+        e.style.overflow = t;
+      };
+    }
+  }, [u]);
+  const { textChanged: K, newFiles: V, deletedFiles: Z, hasChanges: F } = O(() => {
+    const e = d?.files || [], t = m.files, s = d?.text !== c.text, o = t.filter((i) => i.isTemp), g = new Set(
+      t.filter(
+        (i) => W(i)
+      ).map((i) => i.id)
+    ), l = e.filter(W).filter((i) => !g.has(i.id)), E = f ? JSON.stringify(d) === JSON.stringify(m) : c.text.trim().length > 0 || o.length > 0 || l.length > 0;
     return {
-      textChanged: r,
-      newFiles: s,
-      deletedFiles: f,
-      hasChanges: y
+      textChanged: s,
+      newFiles: o,
+      deletedFiles: l,
+      hasChanges: E
     };
-  }, [d, a, m, i.text]), S = () => {
-    B ? B({
+  }, [f, d, m, c.text]), H = () => {
+    N ? N({
       id: "",
       text: "",
       files: []
-    }) : j?.();
-  }, I = (e, n = !1) => {
-    R((r) => {
-      if (n)
+    }) : k?.();
+  }, T = (e, t = !1) => {
+    R((s) => {
+      if (t)
         return { text: "", files: [] };
-      const s = typeof e == "function" ? e(r) : e;
+      const o = typeof e == "function" ? e(s) : e;
       return {
-        text: s.text,
-        files: s.files
+        text: o.text,
+        files: o.files
       };
     });
-  }, J = (e, n) => {
-    e && n((r) => {
-      const s = r.files, x = le - s.length, f = [], y = [];
-      e.forEach((E) => {
-        E.size > ce ? y.push(E) : f.push(E);
-      }), y.length > 0 && L({
-        message: U(p, "uploadErrors.fileTooLarge")
-      }), f.length > x && L({
-        message: U(p, "uploadErrors.tooManyFiles")
+  }, D = (e, t) => {
+    e && t((s) => {
+      const o = s.files, g = ge - o.length, l = [], E = [];
+      e.forEach((A) => {
+        A.size > he ? E.push(A) : l.push(A);
+      }), E.length > 0 && P({
+        message: j(y, "uploadErrors.fileTooLarge")
+      }), l.length > g && P({
+        message: j(y, "uploadErrors.tooManyFiles")
       });
-      const c = f.slice(0, x);
+      const i = l.slice(0, g);
       return {
-        ...r,
-        files: [...s, ...c.map(ie)]
+        ...s,
+        files: [...o, ...i.map(pe)]
       };
     });
-  }, g = async () => {
+  }, w = async () => {
     try {
-      d ? await l({
+      f ? await a({
         mode: "edit",
         data: {
-          textChanged: H,
-          newFiles: W,
-          deletedFiles: G,
-          newText: i.text
+          textChanged: K,
+          newFiles: V,
+          deletedFiles: Z,
+          newText: c.text
         }
-      }) : await l({
+      }) : await a({
         mode: "create",
         data: {
-          text: i.text,
-          files: m.files.filter(se)
+          text: c.text,
+          files: m.files.filter(ue)
         }
       });
     } catch {
       return;
     }
-    S(), u.current && u.current.update(() => {
-      const e = u.current._editorState._nodeMap.get("root");
+    H(), h.current && h.current.update(() => {
+      const e = h.current._editorState._nodeMap.get("root");
       if (!e) return;
       e.clear();
-      const n = u.current._nodes.get("paragraph");
-      if (!n) return;
-      const r = new n.klass();
-      e.append(r), r.select();
-    }), I({ text: "", files: [] }, !0);
-  };
-  return /* @__PURE__ */ o(
-    q,
+      const t = h.current._nodes.get("paragraph");
+      if (!t) return;
+      const s = new t.klass();
+      e.append(s), s.select();
+    }), T({ text: "", files: [] }, !0);
+  }, M = /* @__PURE__ */ r(
+    re,
     {
-      ref: F,
+      ref: p,
       className: `
-      ${h.commentComposerWrapper}
-      ${b ? h.commentComposerFloat : ""}
-      ${d ? h.editMode : ""}
+      ${x.commentComposerWrapper}
+      ${f ? x.editMode : ""}
+      ${u ? x.commentComposerFloat : ""}
   `,
-      children: /* @__PURE__ */ z(
+      children: /* @__PURE__ */ C(
         "div",
         {
-          className: h.composerContainer,
+          className: x.composerContainer,
           style: {
-            "--placeholder-text": `"${k}"`
+            "--placeholder-text": `"${G}"`
           },
           children: [
-            /* @__PURE__ */ o("div", { className: h.editorWrapper, children: /* @__PURE__ */ o(
-              ne,
+            /* @__PURE__ */ r("div", { className: x.editorWrapper, children: /* @__PURE__ */ r(
+              me,
               {
-                onSubmit: g,
-                editorRef: u,
-                inputContainerRef: F,
-                commentDraft: i,
-                onBlur: S,
-                isEdit: d,
-                isFloat: b,
-                hasChanges: w,
-                ns: C,
-                children: t?.({
-                  onSubmit: g,
+                onSubmit: w,
+                editorRef: h,
+                inputContainerRef: p,
+                commentDraft: c,
+                onBlur: H,
+                isEdit: f,
+                isFloat: u,
+                hasChanges: F,
+                ns: I,
+                children: n?.({
+                  onSubmit: w,
                   handleBlur: () => {
                   },
-                  setCommentDraft: I,
-                  commentDraft: i,
-                  editorRef: u,
-                  initialContent: a?.text ?? ""
+                  setCommentDraft: T,
+                  commentDraft: c,
+                  editorRef: h,
+                  initialContent: d?.text ?? ""
                 })
               }
             ) }),
-            /* @__PURE__ */ o(Q, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
-            /* @__PURE__ */ o(
-              oe,
+            /* @__PURE__ */ r(se, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
+            /* @__PURE__ */ r(
+              de,
               {
                 files: m.files,
                 mode: "draft",
-                onRemove: (e) => R((n) => ({
-                  ...n,
-                  files: n.files.filter((r, s) => s !== e)
+                onRemove: (e) => R((t) => ({
+                  ...t,
+                  files: t.files.filter((s, o) => o !== e)
                 }))
               }
             ),
-            /* @__PURE__ */ z(
-              N,
+            /* @__PURE__ */ C(
+              B,
               {
-                justify: d ? "space-between" : "flex-end",
+                justify: f ? "space-between" : "flex-end",
                 "data-comment-footer": !0,
                 align: "center",
                 w: "unset",
@@ -199,26 +223,26 @@ const be = ({
                 tabIndex: 0,
                 gap: "4px",
                 children: [
-                  /* @__PURE__ */ o(
-                    Y,
+                  /* @__PURE__ */ r(
+                    ie,
                     {
-                      onChange: (e) => J(e, I),
+                      onChange: (e) => D(e, T),
                       multiple: !0,
-                      children: (e) => /* @__PURE__ */ o($, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ o(
-                        A,
+                      children: (e) => /* @__PURE__ */ r(U, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ r(
+                        $,
                         {
                           style: { transform: "rotate(35deg)" },
-                          icon: V,
+                          icon: oe,
                           size: 20
                         }
                       ) })
                     }
                   ),
-                  d ? /* @__PURE__ */ z(N, { gap: "8px", children: [
-                    /* @__PURE__ */ o(
-                      D,
+                  f ? /* @__PURE__ */ C(B, { gap: "8px", children: [
+                    /* @__PURE__ */ r(
+                      le,
                       {
-                        onClick: S,
+                        onClick: H,
                         "data-no-focus": !0,
                         style: {
                           cursor: "pointer",
@@ -227,29 +251,29 @@ const be = ({
                           background: "none",
                           border: "none"
                         },
-                        children: /* @__PURE__ */ o(ee, { size: "sm", c: "dimmed", children: p("composer.cancel") })
+                        children: /* @__PURE__ */ r(ce, { size: "sm", c: "dimmed", children: y("composer.cancel") })
                       }
                     ),
-                    /* @__PURE__ */ o(
-                      te,
+                    /* @__PURE__ */ r(
+                      ae,
                       {
                         size: "xs",
                         radius: "md",
-                        onClick: g,
-                        disabled: d ? w : !w,
-                        children: p("composer.save")
+                        onClick: w,
+                        disabled: f ? F : !F,
+                        children: y("composer.save")
                       }
                     )
-                  ] }) : /* @__PURE__ */ o(
-                    $,
+                  ] }) : /* @__PURE__ */ r(
+                    U,
                     {
                       color: "var(--mantine-primary-color-filled)",
                       size: "lg",
                       "data-comment-submit-button": !0,
                       variant: "filled",
-                      onClick: g,
-                      disabled: !i.text.trim() && i.files.length === 0,
-                      children: /* @__PURE__ */ o(A, { icon: Z, size: 20 })
+                      onClick: w,
+                      disabled: !c.text.trim() && c.files.length === 0,
+                      children: /* @__PURE__ */ r($, { icon: ne, size: 20 })
                     }
                   )
                 ]
@@ -260,7 +284,67 @@ const be = ({
       )
     }
   );
+  return u ? /* @__PURE__ */ C(
+    _,
+    {
+      opened: !0,
+      position: "bottom-start",
+      offset: 10,
+      withinPortal: !1,
+      floatingStrategy: "fixed",
+      zIndex: 100,
+      middlewares: {
+        flip: { padding: 8 },
+        shift: { padding: 8 },
+        size: {
+          padding: 8,
+          apply: ({ availableHeight: e, rects: t, elements: s }) => {
+            const o = s.floating;
+            if (!o) return;
+            if (e < t.floating.height) {
+              const l = Math.max(e, 120);
+              Object.assign(o.style, {
+                maxHeight: `${l}px`,
+                overflowY: "auto"
+              }), o.setAttribute("data-constrained", "true");
+            } else
+              o.style.maxHeight = "", o.style.overflowY = "", o.removeAttribute("data-constrained");
+          }
+        }
+      },
+      styles: {
+        dropdown: {
+          padding: 0
+        }
+      },
+      children: [
+        /* @__PURE__ */ r(_.Target, { children: /* @__PURE__ */ r(
+          "div",
+          {
+            ref: J,
+            style: {
+              position: "fixed",
+              width: "5px",
+              height: "5px",
+              pointerEvents: "none",
+              visibility: "hidden",
+              top: 0,
+              left: 0
+            }
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          _.Dropdown,
+          {
+            ref: X,
+            className: x.commentComposerFloat,
+            children: M
+          }
+        )
+      ]
+    }
+  ) : M;
 };
 export {
-  be as CommentComposer
+  _e as CommentComposer
 };

package/dist/components/CommentComposer/{useFloatingPosition.d.ts → useVirtualAnchor.d.ts}

@@ -1,5 +1,4 @@
-interface UseFloatingPositionProps {
-    boxRef: React.RefObject<HTMLDivElement>;
+interface UseVirtualAnchorProps {
     isFloat: boolean;
     updateLocation?: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
         container: HTMLDivElement;
@@ -11,6 +10,6 @@ interface UseFloatingPositionProps {
         elements: HTMLSpanElement[];
     };
 }
-export declare function useFloatingPosition({ boxRef, isFloat, updateLocation, selectionRef, selectionState, }: UseFloatingPositionProps): void;
+export declare function useVirtualAnchor({ isFloat, updateLocation, selectionRef, selectionState, }: UseVirtualAnchorProps): import("react").MutableRefObject<HTMLDivElement | null>;
 export {};
-//# sourceMappingURL=useFloatingPosition.d.ts.map
+//# sourceMappingURL=useVirtualAnchor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useVirtualAnchor.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACzC,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,KACE,IAAI,CAAC;IACV,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,qBAAqB,2DAsHvB"}

package/dist/components/CommentComposer/useVirtualAnchor.js

@@ -0,0 +1,71 @@
+import { useRef as h, useCallback as g, useLayoutEffect as p, useEffect as d } from "react";
+function R({
+  isFloat: n,
+  updateLocation: f,
+  selectionRef: m,
+  selectionState: o
+}) {
+  const u = h(null), a = h(null), b = h(!1), c = g(() => {
+    if (!u.current || !n) return;
+    const { elements: e } = o;
+    if (!e || e.length === 0) return;
+    const i = e[0], r = e[e.length - 1];
+    if (!i.isConnected || !r.isConnected) return;
+    const t = i.getBoundingClientRect(), s = r.getBoundingClientRect(), l = {
+      top: t.top,
+      bottom: s.bottom,
+      left: Math.min(t.left, s.left),
+      right: Math.max(t.right, s.right),
+      width: Math.max(t.right, s.right) - Math.min(t.left, s.left),
+      height: s.bottom - t.top,
+      x: Math.min(t.left, s.left),
+      y: t.top
+    };
+    a.current = l, u.current && (u.current.style.top = `${l.top}px`, u.current.style.left = `${l.left}px`), b.current = !0;
+  }, [n, o]);
+  return p(() => {
+    if (!n || !f) return;
+    const e = u.current;
+    if (!e) return;
+    f(e, m, o);
+    const i = setTimeout(() => {
+      c();
+    }, 50), r = o.container, t = document.body;
+    return t && r && !t.contains(r) && t.appendChild(r), () => {
+      clearTimeout(i), t && r && t.contains(r) && t.removeChild(r);
+    };
+  }, [
+    n,
+    f,
+    m,
+    o,
+    c
+  ]), d(() => {
+    if (!n) return;
+    const e = new ResizeObserver(() => {
+      c();
+    }), i = new MutationObserver(() => {
+      c();
+    });
+    return o.elements.length > 0 && o.elements.forEach((r) => {
+      e.observe(r), i.observe(r, {
+        attributes: !0,
+        childList: !0,
+        subtree: !0
+      });
+    }), () => {
+      e.disconnect(), i.disconnect();
+    };
+  }, [n, o.elements, c]), d(() => {
+    if (!n) return;
+    const e = () => {
+      c();
+    };
+    return window.addEventListener("scroll", e, { passive: !0 }), () => {
+      window.removeEventListener("scroll", e);
+    };
+  }, [n, c]), u;
+}
+export {
+  R as useVirtualAnchor
+};

package/dist/components/FilePicker/FilePicker.js

@@ -80,7 +80,7 @@ const _ = [
       },
       {
         value: "unsplash",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n?.searchImages }) }),
+        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.searchImages }) }),
         visible: a.includes("unsplash") && d
       },
       {

package/dist/components/FormViewer/hooks/useFormGlobalTheme.d.ts

@@ -10,19 +10,19 @@ export declare const useFormGlobalTheme: ({ innerId }: {
         black?: string | undefined;
         colors?: {
             [x: string & {}]: import("@mantine/core").MantineColorsTuple | undefined;
-            gray?: import("@mantine/core").MantineColorsTuple | undefined;
             blue?: import("@mantine/core").MantineColorsTuple | undefined;
+            indigo?: import("@mantine/core").MantineColorsTuple | undefined;
             violet?: import("@mantine/core").MantineColorsTuple | undefined;
-            cyan?: import("@mantine/core").MantineColorsTuple | undefined;
+            grape?: import("@mantine/core").MantineColorsTuple | undefined;
             green?: import("@mantine/core").MantineColorsTuple | undefined;
+            orange?: import("@mantine/core").MantineColorsTuple | undefined;
+            gray?: import("@mantine/core").MantineColorsTuple | undefined;
+            cyan?: import("@mantine/core").MantineColorsTuple | undefined;
             yellow?: import("@mantine/core").MantineColorsTuple | undefined;
             red?: import("@mantine/core").MantineColorsTuple | undefined;
             dark?: import("@mantine/core").MantineColorsTuple | undefined;
             pink?: import("@mantine/core").MantineColorsTuple | undefined;
-            grape?: import("@mantine/core").MantineColorsTuple | undefined;
-            indigo?: import("@mantine/core").MantineColorsTuple | undefined;
             lime?: import("@mantine/core").MantineColorsTuple | undefined;
-            orange?: import("@mantine/core").MantineColorsTuple | undefined;
             teal?: import("@mantine/core").MantineColorsTuple | undefined;
         } | undefined;
         primaryShade?: import("@mantine/core").MantineColorShade | {

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

@@ -0,0 +1,9 @@
+import { AvatarProps } from '@mantine/core';
+export interface GroupAvatarProps extends Omit<AvatarProps, 'src'>, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AvatarProps> {
+    groupIcon?: string | null;
+    groupId?: string;
+    groupName?: string;
+    size?: number | string;
+}
+export declare const GroupAvatar: import("react").ForwardRefExoticComponent<GroupAvatarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GroupAvatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,EAC9B,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,6GAgBvB,CAAC"}