@layers-app/shared 0.4.6 → 0.4.8

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

@@ -1,68 +1,207 @@
-import { jsx as e, jsxs as n, Fragment as b } from "react/jsx-runtime";
-import w, { useState as v } from "react";
-import { Group as y, ActionIcon as d, Menu as i } from "@mantine/core";
-import { SmileIcon as j, LinkBackwardIcon as A, MoreVerticalIcon as x, Copy01Icon as B, Share08Icon as P, PinIcon as $, Edit02Icon as E, Delete02Icon as O } from "@hugeicons/core-free-icons";
+import { jsx as e, jsxs as n, Fragment as $ } from "react/jsx-runtime";
+import B, { useState as w } from "react";
+import { useTranslation as D } from "react-i18next";
+import { SmileIcon as E, ArrowDown01Icon as T, LinkBackwardIcon as C, MoreVerticalIcon as _, Copy01Icon as j, Share08Icon as H, PinIcon as N, Edit02Icon as Q, Delete02Icon as R } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as o } from "@hugeicons/react";
-import { EmojiPicker as _ } from "../../EmojiPicker/EmojiPicker.js";
-import { IconEntity as D } from "../../ProjectIcon/ProjectIcon.js";
-import G from "./MessageActions.module.css.js";
-const H = w.memo(function({
-  onReaction: t,
-  canAddReaction: I = !0,
-  onReply: m,
-  onEdit: r,
-  onDelete: c,
-  onCopy: s,
-  onForward: a,
-  onPin: l,
-  showEdit: h,
-  showDelete: p,
-  className: u,
-  style: g
+import { Group as b, Popover as u, ActionIcon as t, Menu as r } from "@mantine/core";
+import { EmojiPicker as q } from "../../EmojiPicker/EmojiPicker.js";
+import { IconEntity as G } from "../../ProjectIcon/ProjectIcon.js";
+import K from "./MessageActions.module.css.js";
+const L = ["👍", "❤️", "😂", "🔥", "🎉"], U = B.memo(function({
+  onReaction: s,
+  canAddReaction: y = !0,
+  onReply: f,
+  onThread: g,
+  onEdit: l,
+  onDelete: d,
+  onCopy: m,
+  onForward: p,
+  onPin: h,
+  showEdit: I,
+  showDelete: z,
+  className: k,
+  style: S
 }) {
-  const [z, k] = v(!1), S = !!(r || c || s || a || l || h || p), C = (f) => {
-    if (!t) return;
-    const M = D.parse(f);
-    t(M?.emoji ?? f);
+  const { t: a } = D("meet"), [v, M] = w(!1), [A, c] = w(!1), x = !!(l || d || m || p || h || I || z), O = (i) => {
+    if (!s) return;
+    const P = G.parse(i);
+    s(P?.emoji ?? i);
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `${G.root}${u ? ` ${u}` : ""}`,
-      style: g,
+      className: `${K.root}${k ? ` ${k}` : ""}`,
+      style: S,
       "data-testid": "message-actions",
-      children: /* @__PURE__ */ n(y, { gap: 2, wrap: "nowrap", children: [
-        t && I && /* @__PURE__ */ e(
-          _,
+      children: /* @__PURE__ */ n(b, { gap: 2, wrap: "nowrap", children: [
+        s && y && /* @__PURE__ */ n(
+          u,
           {
-            onChange: C,
+            opened: A,
+            onChange: c,
             position: "top-start",
-            showRemoveButton: !1,
-            showIcons: !1,
-            showRandomButton: !1,
+            shadow: "md",
+            radius: "xl",
             withinPortal: !0,
-            children: /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, "aria-label": "Add reaction", children: /* @__PURE__ */ e(o, { icon: j, size: 16 }) })
+            keepMounted: !0,
+            children: [
+              /* @__PURE__ */ e(u.Target, { children: /* @__PURE__ */ e(
+                t,
+                {
+                  variant: "subtle",
+                  color: "gray",
+                  size: 22,
+                  radius: 8,
+                  "aria-label": "Add reaction",
+                  onClick: () => c((i) => !i),
+                  children: /* @__PURE__ */ e(o, { icon: E, size: 16 })
+                }
+              ) }),
+              /* @__PURE__ */ e(u.Dropdown, { p: 4, children: /* @__PURE__ */ n(b, { gap: 2, wrap: "nowrap", children: [
+                L.map((i) => /* @__PURE__ */ e(
+                  t,
+                  {
+                    variant: "subtle",
+                    color: "gray",
+                    size: 30,
+                    radius: "xl",
+                    onClick: () => {
+                      s(i), c(!1);
+                    },
+                    "aria-label": `React ${i}`,
+                    style: { fontSize: 18, lineHeight: 1 },
+                    children: i
+                  },
+                  i
+                )),
+                /* @__PURE__ */ e(
+                  q,
+                  {
+                    onChange: (i) => {
+                      O(i), c(!1);
+                    },
+                    position: "top-start",
+                    showRemoveButton: !1,
+                    showIcons: !1,
+                    showRandomButton: !1,
+                    withinPortal: !0,
+                    children: /* @__PURE__ */ e(
+                      t,
+                      {
+                        variant: "subtle",
+                        color: "gray",
+                        size: 30,
+                        radius: "xl",
+                        "aria-label": "More reactions",
+                        children: /* @__PURE__ */ e(o, { icon: T, size: 16 })
+                      }
+                    )
+                  }
+                )
+              ] }) })
+            ]
           }
         ),
-        m && /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, onClick: m, "aria-label": "Reply", children: /* @__PURE__ */ e(o, { icon: A, size: 16 }) }),
-        S && /* @__PURE__ */ n(i, { position: "bottom-end", withinPortal: !0, shadow: "md", width: 200, opened: z, onChange: k, children: [
-          /* @__PURE__ */ e(i.Target, { children: /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, "aria-label": "More actions", children: /* @__PURE__ */ e(o, { icon: x, size: 16 }) }) }),
-          /* @__PURE__ */ n(i.Dropdown, { children: [
-            s && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: B, size: 16 }), onClick: s, children: "Copy" }),
-            a && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: P, size: 16 }), onClick: a, children: "Forward" }),
-            l && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: $, size: 16 }), onClick: l, children: "Pin" }),
-            (h || r) && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: E, size: 16 }), onClick: r, children: "Edit" }),
-            (p || c) && /* @__PURE__ */ n(b, { children: [
-              /* @__PURE__ */ e(i.Divider, {}),
-              /* @__PURE__ */ e(i.Item, { color: "red", leftSection: /* @__PURE__ */ e(o, { icon: O, size: 16 }), onClick: c, children: "Delete" })
-            ] })
-          ] })
-        ] })
+        f && /* @__PURE__ */ e(
+          t,
+          {
+            variant: "subtle",
+            color: "gray",
+            size: 22,
+            radius: 8,
+            onClick: f,
+            "aria-label": "Reply in thread",
+            children: /* @__PURE__ */ e(o, { icon: C, size: 16 })
+          }
+        ),
+        g && /* @__PURE__ */ e(
+          t,
+          {
+            variant: "subtle",
+            color: "gray",
+            size: 22,
+            radius: 8,
+            onClick: g,
+            "aria-label": "Open thread",
+            "data-cy": "message-thread-open",
+            children: /* @__PURE__ */ e(o, { icon: C, size: 16 })
+          }
+        ),
+        x && /* @__PURE__ */ n(
+          r,
+          {
+            position: "bottom-end",
+            withinPortal: !0,
+            shadow: "md",
+            width: 200,
+            opened: v,
+            onChange: M,
+            children: [
+              /* @__PURE__ */ e(r.Target, { children: /* @__PURE__ */ e(
+                t,
+                {
+                  variant: "subtle",
+                  color: "gray",
+                  size: 22,
+                  radius: 8,
+                  "aria-label": "More actions",
+                  children: /* @__PURE__ */ e(o, { icon: _, size: 16 })
+                }
+              ) }),
+              /* @__PURE__ */ n(r.Dropdown, { children: [
+                m && /* @__PURE__ */ e(
+                  r.Item,
+                  {
+                    leftSection: /* @__PURE__ */ e(o, { icon: j, size: 16 }),
+                    onClick: m,
+                    children: a("message.copy", "Copy")
+                  }
+                ),
+                p && /* @__PURE__ */ e(
+                  r.Item,
+                  {
+                    leftSection: /* @__PURE__ */ e(o, { icon: H, size: 16 }),
+                    onClick: p,
+                    children: a("message.forward", "Forward")
+                  }
+                ),
+                h && /* @__PURE__ */ e(
+                  r.Item,
+                  {
+                    leftSection: /* @__PURE__ */ e(o, { icon: N, size: 16 }),
+                    onClick: h,
+                    children: a("message.pin", "Pin")
+                  }
+                ),
+                (I || l) && /* @__PURE__ */ e(
+                  r.Item,
+                  {
+                    leftSection: /* @__PURE__ */ e(o, { icon: Q, size: 16 }),
+                    onClick: l,
+                    children: a("message.edit", "Edit")
+                  }
+                ),
+                (z || d) && /* @__PURE__ */ n($, { children: [
+                  /* @__PURE__ */ e(r.Divider, {}),
+                  /* @__PURE__ */ e(
+                    r.Item,
+                    {
+                      color: "red",
+                      leftSection: /* @__PURE__ */ e(o, { icon: R, size: 16 }),
+                      onClick: d,
+                      children: a("message.delete", "Delete")
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
       ] })
     }
   );
 });
-H.displayName = "MessageActions";
+U.displayName = "MessageActions";
 export {
-  H as MessageActions
+  U as MessageActions
 };

package/dist/components/Chat/MessageAuthor/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+export interface MessageAuthorBadge {
+    label: string;
+    variant?: 'anonymous' | 'external';
+}
 export interface MessageAuthorProps {
     /** Author display name */
     name: string;
@@ -12,8 +16,10 @@ export interface MessageAuthorProps {
     className?: string;
     /** Custom style */
     style?: React.CSSProperties;
+    /** Category pill next to the name (anonymous guest / external non-member) */
+    badge?: MessageAuthorBadge;
 }
-export declare function MessageAuthor({ name, color, outgoing, onClick, className, style, }: MessageAuthorProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageAuthor({ name, color, outgoing, onClick, className, style, badge, }: MessageAuthorProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MessageAuthor {
     var displayName: string;
 }

package/dist/components/Chat/MessageAuthor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageAuthor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,2CAyBpB;yBAhCe,aAAa"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageAuthor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,2CA0CpB;yBAlDe,aAAa"}

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

@@ -1,36 +1,50 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useMemo as d } from "react";
-import { Text as n } from "@mantine/core";
-import { getAuthorColor as c } from "../colors.js";
-function l({
-  name: o,
-  color: s = 6,
-  outgoing: a,
-  onClick: e,
-  className: m,
-  style: r
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { Group as c, Badge as p, Text as g } from "@mantine/core";
+import { getAuthorColor as x } from "../colors.js";
+function f({
+  name: i,
+  color: m = 6,
+  outgoing: n,
+  onClick: r,
+  className: l,
+  style: t,
+  badge: e
 }) {
-  const t = a ? "var(--mantine-color-green-6)" : c(s), i = d(
-    () => ({ ...r, color: t, maxHeight: 38, cursor: e ? "pointer" : void 0 }),
-    [r, t, e]
-  );
-  return /* @__PURE__ */ u(
-    n,
+  const o = n ? "var(--mantine-color-green-6)" : x(m), d = h(
+    () => ({ ...t, color: o, maxHeight: 38, cursor: r ? "pointer" : void 0 }),
+    [t, o, r]
+  ), a = /* @__PURE__ */ s(
+    g,
     {
       size: "sm",
       fw: 600,
       truncate: !0,
-      className: m,
-      style: i,
-      mb: 4,
+      className: l,
+      style: d,
+      mb: e ? void 0 : 4,
       "data-testid": "message-author",
-      "data-clickable": e ? !0 : void 0,
-      onClick: e,
-      children: o
+      "data-clickable": r ? !0 : void 0,
+      onClick: r,
+      children: i
     }
   );
+  return e ? /* @__PURE__ */ u(c, { gap: 6, wrap: "nowrap", mb: 4, style: { maxWidth: "100%" }, children: [
+    a,
+    /* @__PURE__ */ s(
+      p,
+      {
+        size: "xs",
+        variant: "light",
+        color: e.variant === "external" ? "orange" : "gray",
+        styles: { root: { flexShrink: 0 } },
+        "data-testid": "message-author-badge",
+        children: e.label
+      }
+    )
+  ] }) : a;
 }
-l.displayName = "MessageAuthor";
+f.displayName = "MessageAuthor";
 export {
-  l as MessageAuthor
+  f as MessageAuthor
 };

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

@@ -1,21 +1,23 @@
-const o = "_container_r29um_1", t = "_root_r29um_31", r = "_wrapper_r29um_45", _ = "_top_r29um_55", c = "_items_r29um_55", n = "_scrollToBottomWrap_r29um_99", s = "_floatingTopAction_r29um_119", a = "_scrollToBottomBadge_r29um_149", l = {
+const o = "_container_9s5zl_1", t = "_root_9s5zl_31", l = "_virtualRoot_9s5zl_51", s = "_virtualRow_9s5zl_95", _ = "_flowRow_9s5zl_109", c = "_highlightRow_9s5zl_121", n = "_scrollToBottomWrap_9s5zl_143", r = "_floatingTopAction_9s5zl_163", i = "_scrollToBottomBadge_9s5zl_193", a = {
   container: o,
   root: t,
-  wrapper: r,
-  top: _,
-  items: c,
+  virtualRoot: l,
+  virtualRow: s,
+  flowRow: _,
+  highlightRow: c,
   scrollToBottomWrap: n,
-  floatingTopAction: s,
-  scrollToBottomBadge: a
+  floatingTopAction: r,
+  scrollToBottomBadge: i
 };
 export {
   o as container,
-  l as default,
-  s as floatingTopAction,
-  c as items,
+  a as default,
+  r as floatingTopAction,
+  _ as flowRow,
+  c as highlightRow,
   t as root,
-  a as scrollToBottomBadge,
+  i as scrollToBottomBadge,
   n as scrollToBottomWrap,
-  _ as top,
-  r as wrapper
+  l as virtualRoot,
+  s as virtualRow
 };

package/dist/components/Chat/MessageList/index.d.ts

@@ -1,39 +1,31 @@
 import React from 'react';
-export interface MessageListProps {
-    children: React.ReactNode;
+export interface MessageListProps<T> {
+    /** Source items, oldest-first. */
+    items: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    getItemKey: (item: T, index: number) => string;
+    /** Estimated row height for the virtualized (older-history) path only. A
+     *  function lets the host return a content-aware estimate per item. */
+    estimateItemSize?: number | ((item: T, index: number) => number);
     className?: string;
     style?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
     stickToBottom?: boolean;
     unreadCount?: number;
     onStickChange?: (stuck: boolean) => void;
-    resetKey?: string | null;
-    /**
-     * Called when the user scrolls near the top — used to load an older page of
-     * history. Should resolve once the older messages have been prepended; the
-     * list preserves the visual scroll position across the prepend.
-     */
+    /** Called when the user scrolls near the top — loads an older page; the list
+     *  preserves the visual scroll position across the prepend. */
     onReachTop?: () => void | Promise<void>;
-    /**
-     * Floating control pinned bottom-right, stacked ABOVE the scroll-to-bottom
-     * arrow (e.g. the "jump to mention" button). Shown independently of the
-     * arrow — it raises above the arrow when the arrow is visible, otherwise
-     * sits at the arrow's spot.
-     */
     floatingTopAction?: React.ReactNode;
-    /**
-     * Lift the floating controls (scroll-to-bottom arrow + floatingTopAction) up
-     * by this many px — so a composer that overlays the list bottom (frosted
-     * floating input) doesn't sit on top of them.
-     */
     bottomOffset?: number;
+    /** Empty space reserved below the last row so it clears a floating composer. */
+    contentBottomPad?: number;
 }
 export interface MessageListHandle {
-    /**
-     * Snap to the latest message and re-arm bottom-stick. Hosts call this when
-     * the local user sends a message so the view jumps to their just-sent
-     * content even if they had scrolled up — matching Telegram/Slack behavior.
-     */
     scrollToBottom: () => void;
+    scrollToKey: (key: string) => void;
 }
-export declare const MessageList: React.ForwardRefExoticComponent<MessageListProps & React.RefAttributes<MessageListHandle>>;
+export declare const MessageList: <T>(props: MessageListProps<T> & {
+    ref?: React.ForwardedRef<MessageListHandle>;
+}) => React.ReactElement;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/MessageList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,4FAoOvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,kCAAkC;IAClC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C;2EACuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;mEAC+D;IAC/D,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA8UD,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,EAC3D,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KACzE,KAAK,CAAC,YAAY,CAAC"}