@photon-ai/pho-ui 4.3.1 → 4.5.0

package/dist/chunks/chat-DUqWlXqt.js

@@ -0,0 +1,619 @@
+"use client";
+import { t as v } from "./cn-ChIgwEl3.js";
+import { n as se } from "./link-provider-DXzDQ08N.js";
+import { FADE_SWAP as B, PRESS_SCALE_ROW as le, SPRING_PRESS as ce, TRAVEL_LINEAR as de } from "../motion.js";
+import { a as D } from "./button-CgUS0j3D.js";
+import { t as L } from "./createReactComponent-BqCmnqfX.js";
+import { t as ue } from "./input-DjvZoF8v.js";
+import { n as G } from "./avatar-BkmGDIqf.js";
+import { t as pe } from "./IconSearch-BKAHkLyX.js";
+import { t as C } from "./scroll-area-DSwD9th7.js";
+import { i as he } from "./status-view-C8tabjDu.js";
+import { t as k } from "./skeleton-DwjSl4vC.js";
+import { createContext as fe, useCallback as q, useContext as me, useEffect as ve, useId as xe, useLayoutEffect as be, useMemo as Y, useRef as _, useState as R } from "react";
+import { Fragment as Z, jsx as e, jsxs as y } from "react/jsx-runtime";
+import { AnimatePresence as we, motion as M, useReducedMotion as ee } from "motion/react";
+var ge = [
+  ["path", {
+    d: "M5 12l14 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M5 12l6 6",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M5 12l6 -6",
+    key: "svg-2"
+  }]
+], ye = L("outline", "arrow-left", "ArrowLeft", ge), Ne = [
+  ["path", {
+    d: "M12 5l0 14",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M18 11l-6 -6",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M6 11l6 -6",
+    key: "svg-2"
+  }]
+], Ce = L("outline", "arrow-up", "ArrowUp", Ne), _e = [["path", {
+  d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0",
+  key: "svg-0"
+}], ["path", {
+  d: "M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2",
+  key: "svg-1"
+}]], ke = L("outline", "user", "User", _e), Se = [
+  ["path", {
+    d: "M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M16 3.13a4 4 0 0 1 0 7.75",
+    key: "svg-2"
+  }],
+  ["path", {
+    d: "M21 21v-2a4 4 0 0 0 -3 -3.85",
+    key: "svg-3"
+  }]
+], Pe = L("outline", "users", "Users", Se), Re = "rounded-base border border-pho-secondary bg-pho-primary", A = "@2xl", Ae = 672, Ee = 24, Ie = 8, te = "min-h-[61px]", Me = 273, S = 256, z = 320, Le = 16;
+function J(t, r) {
+  const a = Math.max(S, t);
+  return r <= 0 ? Number.isFinite(a) ? a : S : Math.min(a, Math.max(S, r - z));
+}
+var re = fe(null);
+function E(t) {
+  const r = me(re);
+  if (r == null) throw new Error(`Chat.${t} must be used inside Chat.Root`);
+  return r;
+}
+var W = typeof window > "u" ? ve : be;
+function O(t) {
+  return t === "thread" ? 1 : -1;
+}
+function Te(t, r) {
+  return t === "compact" || t === "auto" && r > 0 && r < Ae;
+}
+function I(t, r) {
+  return r ? {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0 }
+  } : {
+    initial: {
+      x: t * Ee,
+      opacity: 0,
+      filter: "blur(1px)"
+    },
+    animate: {
+      x: 0,
+      opacity: 1,
+      filter: "blur(0px)"
+    },
+    exit: {
+      x: -t * Ie,
+      opacity: 0,
+      filter: "blur(1px)"
+    },
+    transition: {
+      x: de,
+      opacity: B,
+      filter: B
+    }
+  };
+}
+function Oe(t) {
+  return {
+    enter: (r) => I(r, t).initial,
+    rest: (r) => I(r, t).animate,
+    leave: (r) => I(r, t).exit
+  };
+}
+function ae({ as: t, show: r, swapped: a, direction: l, reduceMotion: o, children: c, ...s }) {
+  const u = I(l, o), f = {
+    custom: l,
+    variants: Oe(o),
+    initial: "enter",
+    animate: "rest",
+    exit: "leave",
+    transition: u.transition
+  };
+  return /* @__PURE__ */ e(we, {
+    initial: !a && r ? !1 : void 0,
+    mode: "popLayout",
+    custom: l,
+    children: r ? t === "aside" ? /* @__PURE__ */ e(M.aside, {
+      ...s,
+      ...f,
+      children: c
+    }, "list") : /* @__PURE__ */ e(M.section, {
+      ...s,
+      ...f,
+      children: c
+    }, "thread") : null
+  });
+}
+function ze({ layout: t = "default", pane: r, defaultPane: a = "list", onPaneChange: l, className: o, style: c, ref: s, ...u }) {
+  const [f, m] = R(a), [g, w] = R(Me), [i, n] = R(0), p = _(null), x = r !== void 0, h = x ? r : f, [b, d] = R(() => O(h)), [$, ne] = R(!1), H = _(h);
+  let P = b, T = $;
+  H.current !== h && (P = O(h), T = !0, H.current = h, P !== b && d(P), $ || ne(!0));
+  const V = q((N) => {
+    d(O(N)), x || m(N), l?.(N);
+  }, [x, l]), X = q((N) => {
+    w(J(N, p.current?.clientWidth ?? 0));
+  }, []), U = Te(t, i);
+  W(() => {
+    const N = p.current;
+    if (!N || typeof ResizeObserver > "u") return;
+    const F = () => {
+      const K = N.clientWidth;
+      n(K), w((oe) => J(oe, K));
+    };
+    F();
+    const j = new ResizeObserver(F);
+    return j.observe(N), () => j.disconnect();
+  }, []);
+  const ie = Y(() => ({
+    layout: t,
+    pane: h,
+    setPane: V,
+    direction: P,
+    swap: U,
+    swapped: T,
+    listWidth: g,
+    frameWidth: i,
+    resizeList: X,
+    rootRef: p
+  }), [
+    t,
+    h,
+    V,
+    P,
+    U,
+    T,
+    g,
+    i,
+    X
+  ]);
+  return /* @__PURE__ */ e(re.Provider, {
+    value: ie,
+    children: /* @__PURE__ */ e("div", {
+      ref: (N) => {
+        p.current = N, typeof s == "function" ? s(N) : s && (s.current = N);
+      },
+      "data-chat": "",
+      "data-basic-page-card": "",
+      "data-layout": t,
+      "data-pane": h,
+      style: {
+        ...c,
+        "--chat-list-width": `${g}px`
+      },
+      className: v(Re, "@container relative flex min-h-0 min-w-0 overflow-hidden", o),
+      ...u
+    })
+  });
+}
+function De({ className: t, children: r, id: a, ...l }) {
+  const { layout: o, pane: c, direction: s, swap: u, swapped: f } = E("List"), m = ee(), g = xe(), w = a ?? g, i = v("border-pho-secondary bg-pho-page relative z-10 flex min-h-0 shrink-0 flex-col", o === "default" && "min-w-64 w-[var(--chat-list-width)] border-r", o === "compact" && "w-full", o === "auto" && v(`w-full ${A}:min-w-64 ${A}:w-[var(--chat-list-width)] ${A}:border-r`, !u && c === "thread" && "@max-2xl:hidden"), t), n = /* @__PURE__ */ y(Z, { children: [r, o !== "compact" && /* @__PURE__ */ e(We, { controlsId: w })] }), p = {
+    id: w,
+    "aria-label": "Conversations",
+    "data-chat-list": "",
+    className: i,
+    ...l
+  };
+  return u ? /* @__PURE__ */ e(ae, {
+    as: "aside",
+    show: c === "list",
+    swapped: f,
+    direction: s,
+    reduceMotion: m,
+    ...p,
+    children: n
+  }) : /* @__PURE__ */ e("aside", {
+    ...p,
+    children: n
+  });
+}
+function We({ controlsId: t }) {
+  const { layout: r, listWidth: a, frameWidth: l, resizeList: o, rootRef: c } = E("Splitter"), s = _(null), u = (i) => {
+    i.button === 0 && (i.currentTarget.setPointerCapture?.(i.pointerId), s.current = {
+      x: i.clientX,
+      width: a
+    });
+  }, f = (i) => {
+    const n = s.current;
+    if (n == null) return;
+    const p = c.current, x = p != null && getComputedStyle(p).direction === "rtl", h = (i.clientX - n.x) * (x ? -1 : 1);
+    o(n.width + h);
+  }, m = () => {
+    s.current = null;
+  }, g = (i) => {
+    const n = c.current, p = n != null && getComputedStyle(n).direction === "rtl", x = p ? "ArrowRight" : "ArrowLeft", h = p ? "ArrowLeft" : "ArrowRight", b = i.shiftKey ? 32 : Le;
+    if (i.key === x)
+      i.preventDefault(), o(a - b);
+    else if (i.key === h)
+      i.preventDefault(), o(a + b);
+    else if (i.key === "Home")
+      i.preventDefault(), o(S);
+    else if (i.key === "End") {
+      i.preventDefault();
+      const d = n?.clientWidth ?? 0;
+      d > 0 && o(d - z);
+    }
+  }, w = l > 0 ? Math.max(S, l - z) : a;
+  return /* @__PURE__ */ e("div", {
+    role: "separator",
+    "aria-orientation": "vertical",
+    "aria-label": "Resize conversation list",
+    "aria-controls": t,
+    "aria-valuenow": a,
+    "aria-valuemin": S,
+    "aria-valuemax": w,
+    "aria-valuetext": `${a} pixels`,
+    tabIndex: 0,
+    "data-chat-splitter": "",
+    onPointerDown: u,
+    onPointerMove: f,
+    onPointerUp: m,
+    onPointerCancel: m,
+    onKeyDown: g,
+    className: v("absolute inset-y-0 -right-3 z-10 w-6 cursor-col-resize touch-none select-none", "outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-2", "after:absolute after:inset-y-0 after:left-1/2 after:w-px after:-translate-x-1/2 after:bg-transparent", "[@media(hover:hover)]:hover:after:bg-pho-brand focus-visible:after:bg-pho-brand", r === "auto" && "@max-2xl:hidden")
+  });
+}
+function $e({ className: t, placeholder: r = "Search", ...a }) {
+  return /* @__PURE__ */ e("div", {
+    "data-chat-search": "",
+    className: v("p-3", te, t),
+    children: /* @__PURE__ */ e(ue, {
+      size: "sm",
+      icon: pe,
+      placeholder: r,
+      "aria-label": "Search conversations",
+      autoComplete: "off",
+      spellCheck: !1,
+      ...a
+    })
+  });
+}
+function He({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e("div", {
+    "data-chat-conversations": "",
+    className: v("flex min-h-0 flex-1 flex-col", t),
+    ...a,
+    children: /* @__PURE__ */ y(C.Root, {
+      className: "min-h-0 flex-1",
+      children: [/* @__PURE__ */ e(C.Viewport, { children: /* @__PURE__ */ e(C.Content, {
+        style: { minWidth: 0 },
+        className: "flex min-h-full flex-col px-3 py-1",
+        children: r
+      }) }), /* @__PURE__ */ e(C.Scrollbar, { children: /* @__PURE__ */ e(C.Thumb, {}) })]
+    })
+  });
+}
+function Ve({ className: t, ...r }) {
+  return /* @__PURE__ */ e("ul", {
+    "data-chat-conversation-list": "",
+    className: v("m-0 flex list-none flex-col gap-0.5 *:m-0", t),
+    ...r
+  });
+}
+var Xe = "outline-pho-brand rounded-base flex w-full cursor-pointer items-center gap-3 px-2 py-2.5 text-left transition-colors focus-visible:outline-2 focus-visible:-outline-offset-1", Ue = "bg-pho-primary text-pho-primary ring-pho-secondary ring-1 ring-inset *:data-icon:text-pho-primary", Fe = "hover:bg-pho-ghost-hover", Q = {
+  initial: !1,
+  whileTap: { scale: le },
+  transition: ce
+};
+function je({ title: t, time: r, preview: a, avatar: l, group: o, active: c, className: s, href: u, onClick: f, ...m }) {
+  const { layout: g, setPane: w } = E("Conversation"), i = se(), n = Y(() => M.create(i), [i]), p = v(Xe, c ? Ue : Fe, s), x = () => {
+    g !== "default" && w("thread");
+  }, h = /* @__PURE__ */ y(Z, { children: [l ?? /* @__PURE__ */ e(G.Root, {
+    size: "sm",
+    children: /* @__PURE__ */ e(G.Fallback, { children: o ? /* @__PURE__ */ e(Pe, {
+      className: "size-4",
+      "aria-hidden": !0
+    }) : /* @__PURE__ */ e(ke, {
+      className: "size-4",
+      "aria-hidden": !0
+    }) })
+  }), /* @__PURE__ */ y("span", {
+    className: "min-w-0 flex-1",
+    children: [/* @__PURE__ */ y("span", {
+      className: "flex items-baseline justify-between gap-2",
+      children: [/* @__PURE__ */ e("span", {
+        className: "text-pho-primary min-w-0 truncate text-base font-medium",
+        children: t
+      }), r != null && /* @__PURE__ */ e("span", {
+        className: "text-pho-description shrink-0 text-xs font-normal whitespace-nowrap tabular-nums",
+        children: r
+      })]
+    }), a != null && /* @__PURE__ */ e("span", {
+      className: "text-pho-description mt-0.5 block min-w-0 truncate text-xs font-normal",
+      children: a
+    })]
+  })] });
+  return u !== void 0 ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, {
+    href: u,
+    "aria-current": c ? "page" : void 0,
+    ...m,
+    onClick: (b) => {
+      f?.(b), b.defaultPrevented || x();
+    },
+    className: p,
+    ...Q,
+    children: h
+  }) }) : /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(M.button, {
+    type: "button",
+    "aria-current": c ? "true" : void 0,
+    ...m,
+    onClick: (b) => {
+      f?.(b), b.defaultPrevented || x();
+    },
+    className: p,
+    ...Q,
+    children: h
+  }) });
+}
+function Ke({ className: t, children: r, ...a }) {
+  const { layout: l, pane: o, direction: c, swap: s, swapped: u } = E("Thread"), f = ee(), m = v("bg-pho-primary flex min-h-0 flex-1 flex-col", l === "default" && "min-w-80", l === "compact" && "min-w-0", l === "auto" && `min-w-0 ${A}:min-w-80`, !s && l === "auto" && o === "list" && "@max-2xl:hidden", t);
+  return s ? /* @__PURE__ */ e(ae, {
+    as: "section",
+    show: o === "thread",
+    swapped: u,
+    direction: c,
+    reduceMotion: f,
+    "aria-label": "Conversation",
+    "data-chat-thread": "",
+    className: m,
+    ...a,
+    children: r
+  }) : /* @__PURE__ */ e("section", {
+    "aria-label": "Conversation",
+    "data-chat-thread": "",
+    className: m,
+    ...a,
+    children: r
+  });
+}
+function Be({ avatar: t, actions: r, backLabel: a = "Back to conversations", className: l, children: o, ...c }) {
+  const { layout: s, setPane: u } = E("Header");
+  return /* @__PURE__ */ y("header", {
+    "data-chat-header": "",
+    className: v("flex shrink-0 items-center gap-3 px-4 py-1.5", te, l),
+    ...c,
+    children: [
+      s !== "default" && /* @__PURE__ */ e(D, {
+        variant: "ghost",
+        size: "sm",
+        shape: "circle",
+        svgOnly: !0,
+        "aria-label": a,
+        "data-chat-back": "",
+        className: v("-ml-1 shrink-0", s === "auto" && `${A}:hidden`),
+        onClick: () => u("list"),
+        children: /* @__PURE__ */ e(ye, {})
+      }),
+      t,
+      /* @__PURE__ */ e("div", {
+        className: "flex min-w-0 flex-1 flex-col",
+        children: o
+      }),
+      r != null && /* @__PURE__ */ e("div", {
+        className: "flex shrink-0 items-center gap-1",
+        children: r
+      })
+    ]
+  });
+}
+function Ge({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e("h2", {
+    "data-chat-title": "",
+    className: v("text-pho-primary m-0 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 overflow-visible text-base font-medium", t),
+    ...a,
+    children: r
+  });
+}
+function qe({ className: t, ...r }) {
+  return /* @__PURE__ */ e("p", {
+    "data-chat-description": "",
+    className: v("text-pho-description m-0 min-w-0 truncate text-xs", t),
+    ...r
+  });
+}
+var Je = 40;
+function Qe({ hasEarlier: t = !1, loadingEarlier: r = !1, onLoadEarlier: a, earlierLabel: l = "Load earlier messages", className: o, children: c, ...s }) {
+  const u = _(null), f = _(null), m = _(!0), g = _(null);
+  W(() => {
+    const n = u.current, p = f.current;
+    if (!n || !p) return;
+    const x = () => {
+      const b = g.current;
+      if (b) {
+        g.current = null, n.scrollTop = n.scrollHeight - b.height + b.top;
+        return;
+      }
+      m.current && (n.scrollTop = n.scrollHeight);
+    };
+    if (x(), typeof ResizeObserver > "u") return;
+    const h = new ResizeObserver(x);
+    return h.observe(p), h.observe(n), () => h.disconnect();
+  }, []);
+  const w = () => {
+    const n = u.current;
+    n && (m.current = n.scrollHeight - n.scrollTop - n.clientHeight < Je);
+  }, i = () => {
+    const n = u.current;
+    n && (g.current = {
+      height: n.scrollHeight,
+      top: n.scrollTop
+    }), m.current = !1, a?.();
+  };
+  return /* @__PURE__ */ e("div", {
+    "data-chat-messages": "",
+    className: v("flex min-h-0 flex-1 flex-col [--pho-bubble-backdrop:var(--background-color-pho-primary)]", o),
+    ...s,
+    children: /* @__PURE__ */ y(C.Root, {
+      className: "min-h-0 flex-1",
+      children: [/* @__PURE__ */ e(C.Viewport, {
+        ref: u,
+        onScroll: w,
+        children: /* @__PURE__ */ y(C.Content, {
+          ref: f,
+          style: { minWidth: 0 },
+          className: "flex min-h-full flex-col gap-1 p-4",
+          children: [t && /* @__PURE__ */ e("div", {
+            className: "flex justify-center",
+            children: /* @__PURE__ */ e(D, {
+              variant: "outlined",
+              size: "sm",
+              loading: r,
+              onClick: i,
+              children: l
+            })
+          }), c]
+        })
+      }), /* @__PURE__ */ e(C.Scrollbar, { children: /* @__PURE__ */ e(C.Thumb, {}) })]
+    })
+  });
+}
+function Ye({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e("div", {
+    "data-chat-divider": "",
+    className: v("text-pho-description py-1 text-center text-xs", t),
+    ...a,
+    children: r
+  });
+}
+function Ze({ className: t, ...r }) {
+  return /* @__PURE__ */ e("footer", {
+    "data-chat-footer": "",
+    className: v("shrink-0 px-4 py-3", t),
+    ...r
+  });
+}
+var et = 200;
+function tt({ value: t, onValueChange: r, onSend: a, placeholder: l = "Message", sending: o = !1, disabled: c = !1, canSend: s, prefix: u, meta: f, sendLabel: m = "Send", children: g, textareaRef: w, className: i, ...n }) {
+  const p = _(null), x = !o && !c && (s ?? t.trim().length > 0);
+  W(() => {
+    const d = p.current;
+    d && (d.style.height = "0px", d.style.height = `${Math.min(d.scrollHeight, et)}px`);
+  }, [t]);
+  const h = (d) => {
+    d.preventDefault(), x && a();
+  }, b = (d) => {
+    d.key === "Enter" && !d.shiftKey && !d.nativeEvent.isComposing && (d.preventDefault(), x && a());
+  };
+  return /* @__PURE__ */ y("form", {
+    "aria-label": "Message composer",
+    "data-chat-composer": "",
+    onSubmit: h,
+    className: v("rounded-base bg-pho-primary ring-pho-primary focus-within:ring-pho-brand ring-1 transition-shadow duration-100 ease-linear ring-inset focus-within:ring-2", c && "opacity-50", i),
+    ...n,
+    children: [
+      g,
+      /* @__PURE__ */ e("textarea", {
+        ref: (d) => {
+          p.current = d, typeof w == "function" ? w(d) : w && (w.current = d);
+        },
+        value: t,
+        onChange: (d) => r(d.target.value),
+        onKeyDown: b,
+        rows: 1,
+        placeholder: l,
+        "aria-label": "Message",
+        disabled: c,
+        readOnly: o,
+        className: "text-pho-primary placeholder:text-pho-placeholder m-0 block w-full resize-none bg-transparent px-4 pt-3 pb-1 text-base outline-none disabled:cursor-not-allowed"
+      }),
+      /* @__PURE__ */ y("div", {
+        className: "flex items-center gap-2 px-2 pb-2",
+        children: [
+          u,
+          /* @__PURE__ */ e("p", {
+            className: "text-pho-description m-0 min-w-0 flex-1 truncate text-xs",
+            children: f
+          }),
+          /* @__PURE__ */ e(D, {
+            type: "submit",
+            size: "sm",
+            shape: "circle",
+            svgOnly: !0,
+            "aria-label": m,
+            disabled: !x,
+            loading: o,
+            children: /* @__PURE__ */ e(Ce, {})
+          })
+        ]
+      })
+    ]
+  });
+}
+function rt({ className: t, size: r = "sm", ...a }) {
+  return /* @__PURE__ */ e("div", {
+    "data-chat-empty": "",
+    className: v("flex flex-1 flex-col items-center justify-center px-6 py-8", t),
+    children: /* @__PURE__ */ e(he, {
+      size: r,
+      ...a
+    })
+  });
+}
+function at({ rows: t = 5 }) {
+  return /* @__PURE__ */ e("div", {
+    "aria-hidden": !0,
+    "data-chat-conversations-loading": "",
+    className: "flex flex-col gap-0.5",
+    children: Array.from({ length: t }, (r, a) => /* @__PURE__ */ y("div", {
+      className: "flex items-center gap-3 px-2 py-2.5",
+      children: [/* @__PURE__ */ e(k, { className: "size-8 shrink-0 rounded-full" }), /* @__PURE__ */ y("div", {
+        className: "min-w-0 flex-1",
+        children: [/* @__PURE__ */ y("div", {
+          className: "flex items-center justify-between gap-2",
+          children: [/* @__PURE__ */ e(k, { className: "h-3.5 w-32" }), /* @__PURE__ */ e(k, { className: "h-2.5 w-8" })]
+        }), /* @__PURE__ */ e(k, { className: "mt-2 h-2.5 w-44" })]
+      })]
+    }, a))
+  });
+}
+function nt() {
+  return /* @__PURE__ */ y("div", {
+    "aria-hidden": !0,
+    "data-chat-messages-loading": "",
+    className: "flex flex-col gap-3",
+    children: [
+      /* @__PURE__ */ e(k, { className: "rounded-base h-10 w-1/2 self-start" }),
+      /* @__PURE__ */ e(k, { className: "rounded-base h-10 w-2/5 self-end" }),
+      /* @__PURE__ */ e(k, { className: "rounded-base h-16 w-3/5 self-start" })
+    ]
+  });
+}
+var gt = {
+  Root: ze,
+  List: De,
+  Search: $e,
+  Conversations: He,
+  ConversationList: Ve,
+  Conversation: je,
+  Thread: Ke,
+  Header: Be,
+  Title: Ge,
+  Description: qe,
+  Messages: Qe,
+  Divider: Ye,
+  Footer: Ze,
+  Composer: tt,
+  Empty: rt,
+  ConversationsLoading: at,
+  MessagesLoading: nt
+};
+export {
+  gt as t
+};
+
+//# sourceMappingURL=chat-DUqWlXqt.js.map