@acronis-platform/ui-react 4.0.0 → 5.0.0

package/dist/components/ui/app-shell-chat/app-shell-chat.js

@@ -1,344 +1,245 @@
-import { jsx as i, jsxs as w, Fragment as g } from "react/jsx-runtime";
-import * as n from "react";
-import { AcronisIcon as M } from "@acronis-platform/icons-react/solid-mono";
-import { cn as m } from "../../../lib/utils.js";
-import { useDocDir as z } from "../../../lib/use-doc-dir.js";
-import { BREAKPOINT_3XL as T, getViewportWidth as y, BREAKPOINT_XL as P } from "../../../lib/breakpoints.js";
-import { Tooltip as L, TooltipTrigger as W, TooltipContent as _ } from "../tooltip/tooltip.js";
-const A = 512, K = 448, C = 48, D = A * 2, X = {
-  primaryExpanded: !0,
-  secondaryExpanded: !0
-}, j = {
-  primaryExpanded: !1,
-  secondaryExpanded: !0
+import { cn as e } from "../../../lib/utils.js";
+import { getViewportWidth as t } from "../../../lib/breakpoints.js";
+import { useDocDir as n } from "../../../lib/use-doc-dir.js";
+import { Tooltip as r, TooltipContent as i, TooltipTrigger as a } from "../tooltip/tooltip.js";
+import * as o from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { AcronisIcon as u } from "@acronis-platform/icons-react/solid-mono";
+//#region src/components/ui/app-shell-chat/app-shell-chat.tsx
+var d = 512, f = 448, p = 48, m = d * 2, h = {
+	primaryExpanded: !0,
+	secondaryExpanded: !0
+}, g = {
+	primaryExpanded: !1,
+	secondaryExpanded: !0
 };
-function F(e) {
-  return e === void 0 || e >= T ? X : j;
+function _(e) {
+	return e === void 0 || e >= 1680 ? h : g;
 }
-function ce() {
-  const [e] = n.useState(
-    () => F(y())
-  );
-  return e;
+function v() {
+	let [e] = o.useState(() => _(t()));
+	return e;
 }
-function N(e) {
-  return e === void 0 || e >= T ? A : e >= P ? K : C;
+function y(e) {
+	return e === void 0 || e >= 1680 ? d : e >= 1280 ? f : p;
 }
-function U() {
-  const [e, r] = n.useState(
-    () => N(y())
-  );
-  return n.useEffect(() => {
-    const t = () => r(N(y()));
-    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-  }, []), e;
+function b() {
+	let [e, n] = o.useState(() => y(t()));
+	return o.useEffect(() => {
+		let e = () => n(y(t()));
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), e;
 }
-const k = /* @__PURE__ */ w(g, { children: [
-  /* @__PURE__ */ i("span", { className: "font-semibold", children: "Resize:" }),
-  " Drag",
-  /* @__PURE__ */ i("br", {}),
-  /* @__PURE__ */ i("span", { className: "font-semibold", children: "Reset size:" }),
-  " Double click"
-] }), Y = n.forwardRef(
-  ({ className: e, children: r, ...t }, a) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: a,
-      "data-slot": "app-shell-chat",
-      className: m("flex h-full w-full bg-background", e),
-      ...t,
-      children: r
-    }
-  )
-);
-Y.displayName = "AppShellChat";
-const V = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ i(
-  "aside",
-  {
-    ref: t,
-    "data-slot": "app-shell-chat-sidebar",
-    className: m("flex h-full shrink-0", e),
-    ...r
-  }
-));
-V.displayName = "AppShellChatSidebar";
-const q = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ i(
-  "div",
-  {
-    ref: t,
-    "data-slot": "app-shell-chat-content",
-    className: m("flex h-full min-w-0 flex-1 flex-col bg-muted", e),
-    ...r
-  }
-));
-q.displayName = "AppShellChatContent";
-const G = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ i(
-  "div",
-  {
-    ref: t,
-    "data-slot": "app-shell-chat-content-header",
-    className: m(
-      "flex shrink-0 flex-col gap-3 border-b border-[var(--ui-border-on-surface-divider)] p-4",
-      e
-    ),
-    ...r
-  }
-));
-G.displayName = "AppShellChatContentHeader";
-const J = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ i(
-  "div",
-  {
-    ref: t,
-    "data-slot": "app-shell-chat-content-body",
-    className: m("flex flex-1 flex-col overflow-auto p-4", e),
-    ...r
-  }
-));
-J.displayName = "AppShellChatContentBody";
-const I = n.createContext(null);
-function R() {
-  return n.useContext(I) ?? {
-    compact: !1,
-    width: A,
-    setWidth: () => {
-    },
-    resetWidth: () => {
-    },
-    minWidth: C,
-    maxWidth: D,
-    resizeAriaLabel: "Resize chat",
-    resizeTooltip: k
-  };
+var x = /* @__PURE__ */ l(s, { children: [
+	/* @__PURE__ */ c("span", {
+		className: "font-semibold",
+		children: "Resize:"
+	}),
+	" Drag",
+	/* @__PURE__ */ c("br", {}),
+	/* @__PURE__ */ c("span", {
+		className: "font-semibold",
+		children: "Reset size:"
+	}),
+	" Double click"
+] }), S = o.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ c("div", {
+	ref: i,
+	"data-slot": "app-shell-chat",
+	className: e("flex h-full w-full bg-background", t),
+	...r,
+	children: n
+}));
+S.displayName = "AppShellChat";
+var C = o.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ c("aside", {
+	ref: r,
+	"data-slot": "app-shell-chat-sidebar",
+	className: e("flex h-full shrink-0", t),
+	...n
+}));
+C.displayName = "AppShellChatSidebar";
+var w = o.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ c("div", {
+	ref: r,
+	"data-slot": "app-shell-chat-content",
+	className: e("flex h-full min-w-0 flex-1 flex-col bg-muted", t),
+	...n
+}));
+w.displayName = "AppShellChatContent";
+var T = o.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ c("div", {
+	ref: r,
+	"data-slot": "app-shell-chat-content-header",
+	className: e("flex shrink-0 flex-col gap-3 border-b border-[var(--ui-border-on-surface-divider)] p-4", t),
+	...n
+}));
+T.displayName = "AppShellChatContentHeader";
+var E = o.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ c("div", {
+	ref: r,
+	"data-slot": "app-shell-chat-content-body",
+	className: e("flex flex-1 flex-col overflow-auto p-4", t),
+	...n
+}));
+E.displayName = "AppShellChatContentBody";
+var D = o.createContext(null);
+function O() {
+	return o.useContext(D) ?? {
+		compact: !1,
+		width: d,
+		setWidth: () => {},
+		resetWidth: () => {},
+		minWidth: p,
+		maxWidth: m,
+		resizeAriaLabel: "Resize chat",
+		resizeTooltip: x
+	};
 }
-function E(e, r) {
-  const t = e.parentElement;
-  if (!t) return r;
-  const a = t.getBoundingClientRect();
-  if (a.width <= 0) return r;
-  let l = 0;
-  for (const o of Array.from(t.children))
-    o !== e && o.dataset.slot !== "app-shell-chat-content" && (l += o.getBoundingClientRect().width);
-  const c = a.width - l;
-  return c > 0 ? c : r;
+function k(e, t) {
+	let n = e.parentElement;
+	if (!n) return t;
+	let r = n.getBoundingClientRect();
+	if (r.width <= 0) return t;
+	let i = 0;
+	for (let t of Array.from(n.children)) t !== e && t.dataset.slot !== "app-shell-chat-content" && (i += t.getBoundingClientRect().width);
+	let a = r.width - i;
+	return a > 0 ? a : t;
 }
-function Q(e, r, { onDragStart: t, onDragEnd: a } = {}) {
-  e.preventDefault();
-  const l = e.currentTarget, { pointerId: c } = e;
-  l.setPointerCapture(c), t == null || t();
-  const o = l.closest("[data-state]");
-  if (!o) {
-    a == null || a(), l.releasePointerCapture(c);
-    return;
-  }
-  o.style.transitionProperty = "none";
-  const u = getComputedStyle(o).direction === "rtl", d = o.getBoundingClientRect(), { minWidth: v, maxWidth: b } = r.current, s = E(o, b), f = (p) => {
-    if (p.pointerId !== c) return;
-    const x = u ? p.clientX - d.left : d.right - p.clientX;
-    r.current.setWidth(Math.min(Math.max(x, v), s));
-  }, h = (p) => {
-    p.pointerId === c && (a == null || a(), o.style.transitionProperty = "", window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", h));
-  };
-  window.addEventListener("pointermove", f), window.addEventListener("pointerup", h), window.addEventListener("pointercancel", h);
+function A(e, t, { onDragStart: n, onDragEnd: r } = {}) {
+	e.preventDefault();
+	let i = e.currentTarget, { pointerId: a } = e;
+	i.setPointerCapture(a), n?.();
+	let o = i.closest("[data-state]");
+	if (!o) {
+		r?.(), i.releasePointerCapture(a);
+		return;
+	}
+	o.style.transitionProperty = "none";
+	let s = getComputedStyle(o).direction === "rtl", c = o.getBoundingClientRect(), { minWidth: l, maxWidth: u } = t.current, d = k(o, u), f = (e) => {
+		if (e.pointerId !== a) return;
+		let n = s ? e.clientX - c.left : c.right - e.clientX;
+		t.current.setWidth(Math.min(Math.max(n, l), d));
+	}, p = (e) => {
+		e.pointerId === a && (r?.(), o.style.transitionProperty = "", window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p));
+	};
+	window.addEventListener("pointermove", f), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p);
 }
-function Z(e, r, t) {
-  const { minWidth: a, maxWidth: l, width: c, setWidth: o, resetWidth: u } = r, d = 16, v = t === "rtl" ? "ArrowRight" : "ArrowLeft", b = t === "rtl" ? "ArrowLeft" : "ArrowRight", s = e.currentTarget.closest("[data-state]"), f = s ? E(s, l) : l, h = (p) => Math.min(Math.max(p, a), f);
-  e.key === v ? (e.preventDefault(), o(h(c + d))) : e.key === b ? (e.preventDefault(), o(h(c - d))) : e.key === "Home" && (e.preventDefault(), u());
+function j(e, t, n) {
+	let { minWidth: r, maxWidth: i, width: a, setWidth: o, resetWidth: s } = t, c = n === "rtl" ? "ArrowRight" : "ArrowLeft", l = n === "rtl" ? "ArrowLeft" : "ArrowRight", u = e.currentTarget.closest("[data-state]"), d = u ? k(u, i) : i, f = (e) => Math.min(Math.max(e, r), d);
+	e.key === c ? (e.preventDefault(), o(f(a + 16))) : e.key === l ? (e.preventDefault(), o(f(a - 16))) : e.key === "Home" && (e.preventDefault(), s());
 }
-function O() {
-  const e = R(), r = z(), t = n.useRef(e);
-  t.current = e;
-  const [a, l] = n.useState(!1), [c, o] = n.useState(!1), u = (s) => {
-    l(!1), Q(s, t, {
-      onDragStart: () => o(!0),
-      onDragEnd: () => o(!1)
-    });
-  }, d = () => {
-    e.resetWidth();
-  }, v = (s) => {
-    Z(s, e, r);
-  };
-  return /* @__PURE__ */ w(
-    L,
-    {
-      open: a,
-      onOpenChange: (s) => {
-        c || l(s);
-      },
-      trackCursorAxis: "y",
-      children: [
-        /* @__PURE__ */ i(
-          W,
-          {
-            render: /* @__PURE__ */ i(
-              "div",
-              {
-                role: "separator",
-                "aria-orientation": "vertical",
-                "aria-label": e.resizeAriaLabel,
-                className: m(
-                  // 17px hit area on the inline-start edge. The chat's own border-s
-                  // provides the visible 1px line; its color changes via :has() on
-                  // hover/active/focus-visible (see AppShellChatChat).
-                  "absolute start-0 top-0 h-full w-[17px] ltr:-translate-x-1/2 rtl:translate-x-1/2 cursor-[var(--ui-resizable-cursor,ew-resize)] z-10",
-                  // On focus: a 1px active-color line (after pseudo) + 3px ring.
-                  "after:absolute after:inset-y-0 after:inset-x-0 after:mx-auto after:w-0 after:pointer-events-none",
-                  "after:[border-inline-start-width:var(--ui-resizable-border-width,1px)] after:border-solid after:border-transparent",
-                  "focus-visible:outline-none focus-visible:after:[border-inline-start-color:var(--ui-resizable-border-color-active)] focus-visible:after:[box-shadow:0_0_0_3px_var(--ui-focus-primary)]"
-                ),
-                tabIndex: 0,
-                onKeyDown: v,
-                onPointerDown: u,
-                onDoubleClick: d
-              }
-            )
-          }
-        ),
-        e.resizeTooltip != null && /* @__PURE__ */ i(_, { side: r === "rtl" ? "right" : "left", align: "center", children: e.resizeTooltip })
-      ]
-    }
-  );
+function M() {
+	let t = O(), s = n(), u = o.useRef(t);
+	u.current = t;
+	let [d, f] = o.useState(!1), [p, m] = o.useState(!1);
+	return /* @__PURE__ */ l(r, {
+		open: d,
+		onOpenChange: (e) => {
+			p || f(e);
+		},
+		trackCursorAxis: "y",
+		children: [/* @__PURE__ */ c(a, { render: /* @__PURE__ */ c("div", {
+			role: "separator",
+			"aria-orientation": "vertical",
+			"aria-label": t.resizeAriaLabel,
+			className: e("absolute start-0 top-0 h-full w-[17px] ltr:-translate-x-1/2 rtl:translate-x-1/2 cursor-[var(--ui-resizable-cursor,ew-resize)] z-10", "after:absolute after:inset-y-0 after:inset-x-0 after:mx-auto after:w-0 after:pointer-events-none", "after:[border-inline-start-width:var(--ui-resizable-border-width,1px)] after:border-solid after:border-transparent", "focus-visible:outline-none focus-visible:after:[border-inline-start-color:var(--ui-resizable-border-color-active)] focus-visible:after:[box-shadow:0_0_0_3px_var(--ui-focus-primary)]"),
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				j(e, t, s);
+			},
+			onPointerDown: (e) => {
+				f(!1), A(e, u, {
+					onDragStart: () => m(!0),
+					onDragEnd: () => m(!1)
+				});
+			},
+			onDoubleClick: () => {
+				t.resetWidth();
+			}
+		}) }), t.resizeTooltip != null && /* @__PURE__ */ c(i, {
+			side: s === "rtl" ? "right" : "left",
+			align: "center",
+			children: t.resizeTooltip
+		})]
+	});
 }
-O.displayName = "AppShellChatResizeEdge";
-const $ = n.forwardRef(
-  ({
-    className: e,
-    width: r,
-    onWidthChange: t,
-    resizeAriaLabel: a = "Resize chat",
-    resizeTooltip: l = k,
-    children: c,
-    ...o
-  }, u) => {
-    const d = U(), [v, b] = n.useState(
-      void 0
-    ), s = r !== void 0, f = s ? r : v ?? d, h = n.useCallback(
-      (S) => {
-        s || b(S), t == null || t(S);
-      },
-      [s, t]
-    ), p = n.useCallback(() => {
-      s || b(void 0), t == null || t(d);
-    }, [s, t, d]), x = f <= C, H = n.useMemo(
-      () => ({
-        compact: x,
-        width: f,
-        setWidth: h,
-        resetWidth: p,
-        minWidth: C,
-        maxWidth: D,
-        resizeAriaLabel: a,
-        resizeTooltip: l
-      }),
-      [x, f, h, p, a, l]
-    ), B = s || v !== void 0 ? { width: f } : void 0;
-    return /* @__PURE__ */ i(I.Provider, { value: H, children: /* @__PURE__ */ w(
-      "aside",
-      {
-        ref: u,
-        "data-slot": "app-shell-chat-chat",
-        "data-state": x ? "collapsed" : "expanded",
-        style: B,
-        className: m(
-          // Live, responsive width — no JS, reflows on every browser
-          // resize until `hasWidthOverride` (above) switches to the
-          // inline style. `w-12` is the spacing scale (3rem = 48px);
-          // `w-md`/`w-lg` are Tailwind's named container-scale width
-          // utilities (28rem/32rem = 448px/512px) — see the `CHAT_*`
-          // constants above for the same numbers.
-          "group/chat relative flex h-full shrink-0 flex-col border-s border-[var(--ui-border-on-surface-divider)] bg-background w-12 xl:w-md 3xl:w-lg transition-[width,border-color]",
-          // Resize-edge hover/active/focus recolors the START border line.
-          "has-[[role=separator]:hover]:[border-inline-start-color:var(--ui-resizable-border-color-hover)] has-[[role=separator]:active]:[border-inline-start-color:var(--ui-resizable-border-color-active)] has-[[role=separator]:focus-visible]:[border-inline-start-color:var(--ui-resizable-border-color-active)]",
-          e
-        ),
-        ...o,
-        children: [
-          /* @__PURE__ */ i(O, {}),
-          c
-        ]
-      }
-    ) });
-  }
-);
-$.displayName = "AppShellChatChat";
-const ee = n.forwardRef(({ className: e, label: r, actions: t, children: a, ...l }, c) => {
-  const { compact: o } = R(), u = z(), d = r ?? a;
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      ref: c,
-      "data-slot": "app-shell-chat-chat-header",
-      className: m(
-        "flex shrink-0 items-center border-b border-[var(--ui-border-on-surface-divider)] p-4",
-        o ? "justify-center" : "gap-3",
-        e
-      ),
-      ...l,
-      children: o ? (
-        // Collapsed rail: only the Acronis "A" mark, with the full label on
-        // hover. `size-8` keeps this row exactly as tall as the label row
-        // below (a 32px line height) — the icon alone is only 24px, so
-        // without an explicit size the header would be a few px shorter than
-        // Content's header. The accessible name comes from the `sr-only`
-        // span's actual DOM content (same pattern as
-        // `SidebarPrimaryMenuItem`'s collapsed rail), not a derived
-        // `aria-label` string — that works for ANY `resolvedLabel`
-        // (a plain string or a rich ReactNode via `children`), whereas a
-        // `typeof resolvedLabel === 'string'` check would silently leave
-        // the icon with no accessible name at all for non-string content.
-        /* @__PURE__ */ w(L, { children: [
-          /* @__PURE__ */ w(
-            W,
-            {
-              render: /* @__PURE__ */ i("span", { className: "flex size-8 items-center justify-center" }),
-              children: [
-                /* @__PURE__ */ i(M, { size: 24, "aria-hidden": "true" }),
-                /* @__PURE__ */ i("span", { className: "sr-only", children: d })
-              ]
-            }
-          ),
-          /* @__PURE__ */ i(_, { side: u === "rtl" ? "left" : "right", children: d })
-        ] })
-      ) : /* @__PURE__ */ w(g, { children: [
-        /* @__PURE__ */ i("span", { className: "ui-typography-headings-title min-w-0 flex-1 truncate text-[var(--ui-text-on-surface-primary)]", children: d }),
-        t != null && /* @__PURE__ */ i("span", { className: "flex shrink-0 items-center", children: t })
-      ] })
-    }
-  );
+M.displayName = "AppShellChatResizeEdge";
+var N = o.forwardRef(({ className: t, width: n, onWidthChange: r, resizeAriaLabel: i = "Resize chat", resizeTooltip: a = x, children: s, ...u }, d) => {
+	let f = b(), [h, g] = o.useState(void 0), _ = n !== void 0, v = _ ? n : h ?? f, y = o.useCallback((e) => {
+		_ || g(e), r?.(e);
+	}, [_, r]), S = o.useCallback(() => {
+		_ || g(void 0), r?.(f);
+	}, [
+		_,
+		r,
+		f
+	]), C = v <= p, w = o.useMemo(() => ({
+		compact: C,
+		width: v,
+		setWidth: y,
+		resetWidth: S,
+		minWidth: p,
+		maxWidth: m,
+		resizeAriaLabel: i,
+		resizeTooltip: a
+	}), [
+		C,
+		v,
+		y,
+		S,
+		i,
+		a
+	]), T = _ || h !== void 0 ? { width: v } : void 0;
+	return /* @__PURE__ */ c(D.Provider, {
+		value: w,
+		children: /* @__PURE__ */ l("aside", {
+			ref: d,
+			"data-slot": "app-shell-chat-chat",
+			"data-state": C ? "collapsed" : "expanded",
+			style: T,
+			className: e("group/chat relative flex h-full shrink-0 flex-col border-s border-[var(--ui-border-on-surface-divider)] bg-background w-12 xl:w-md 3xl:w-lg transition-[width,border-color]", "has-[[role=separator]:hover]:[border-inline-start-color:var(--ui-resizable-border-color-hover)] has-[[role=separator]:active]:[border-inline-start-color:var(--ui-resizable-border-color-active)] has-[[role=separator]:focus-visible]:[border-inline-start-color:var(--ui-resizable-border-color-active)]", t),
+			...u,
+			children: [/* @__PURE__ */ c(M, {}), s]
+		})
+	});
 });
-ee.displayName = "AppShellChatChatHeader";
-const te = n.forwardRef(({ className: e, ...r }, t) => {
-  const { compact: a } = R();
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      ref: t,
-      "data-slot": "app-shell-chat-chat-body",
-      className: m(
-        "flex flex-1 flex-col overflow-auto p-4",
-        a && "hidden",
-        e
-      ),
-      ...r
-    }
-  );
+N.displayName = "AppShellChatChat";
+var P = o.forwardRef(({ className: t, label: o, actions: d, children: f, ...p }, m) => {
+	let { compact: h } = O(), g = n(), _ = o ?? f;
+	return /* @__PURE__ */ c("div", {
+		ref: m,
+		"data-slot": "app-shell-chat-chat-header",
+		className: e("flex shrink-0 items-center border-b border-[var(--ui-border-on-surface-divider)] p-4", h ? "justify-center" : "gap-3", t),
+		...p,
+		children: h ? /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ l(a, {
+			render: /* @__PURE__ */ c("span", { className: "flex size-8 items-center justify-center" }),
+			children: [/* @__PURE__ */ c(u, {
+				size: 24,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ c("span", {
+				className: "sr-only",
+				children: _
+			})]
+		}), /* @__PURE__ */ c(i, {
+			side: g === "rtl" ? "left" : "right",
+			children: _
+		})] }) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+			className: "ui-typography-headings-title min-w-0 flex-1 truncate text-[var(--ui-text-on-surface-primary)]",
+			children: _
+		}), d != null && /* @__PURE__ */ c("span", {
+			className: "flex shrink-0 items-center",
+			children: d
+		})] })
+	});
 });
-te.displayName = "AppShellChatChatBody";
-export {
-  Y as AppShellChat,
-  $ as AppShellChatChat,
-  te as AppShellChatChatBody,
-  I as AppShellChatChatContext,
-  ee as AppShellChatChatHeader,
-  q as AppShellChatContent,
-  J as AppShellChatContentBody,
-  G as AppShellChatContentHeader,
-  O as AppShellChatResizeEdge,
-  V as AppShellChatSidebar,
-  F as getAppShellChatInitialLayout,
-  N as getLiveChatDefaultWidth,
-  E as getResizeMaxWidth,
-  Z as handleResizeKeyDown,
-  Q as handleResizePointerDown,
-  ce as useAppShellChatInitialLayout
-};
-//# sourceMappingURL=app-shell-chat.js.map
+P.displayName = "AppShellChatChatHeader";
+var F = o.forwardRef(({ className: t, ...n }, r) => {
+	let { compact: i } = O();
+	return /* @__PURE__ */ c("div", {
+		ref: r,
+		"data-slot": "app-shell-chat-chat-body",
+		className: e("flex flex-1 flex-col overflow-auto p-4", i && "hidden", t),
+		...n
+	});
+});
+F.displayName = "AppShellChatChatBody";
+//#endregion
+export { S as AppShellChat, N as AppShellChatChat, F as AppShellChatChatBody, D as AppShellChatChatContext, P as AppShellChatChatHeader, w as AppShellChatContent, E as AppShellChatContentBody, T as AppShellChatContentHeader, M as AppShellChatResizeEdge, C as AppShellChatSidebar, _ as getAppShellChatInitialLayout, y as getLiveChatDefaultWidth, k as getResizeMaxWidth, j as handleResizeKeyDown, A as handleResizePointerDown, v as useAppShellChatInitialLayout };
+
+//# sourceMappingURL=app-shell-chat.js.map