@photon-ai/pho-ui 4.4.0 → 4.5.1

package/dist/chunks/{chat-DUqWlXqt.js → chat-BXjycPi9.js}

@@ -1,19 +1,19 @@
 "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 x } from "./cn-ChIgwEl3.js";
+import { n as oe } from "./link-provider-DXzDQ08N.js";
+import { FADE_SWAP as K, PRESS_SCALE_ROW as se, SPRING_PRESS as le, TRAVEL_LINEAR as ce } from "../motion.js";
+import { a as z } from "./button-CgUS0j3D.js";
+import { t as I } from "./createReactComponent-BqCmnqfX.js";
+import { t as de } from "./input-DjvZoF8v.js";
+import { n as B } from "./avatar-BkmGDIqf.js";
+import { t as ue } 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 = [
+import { i as pe } from "./status-view-C8tabjDu.js";
+import { t as S } from "./skeleton-DwjSl4vC.js";
+import { createContext as he, useCallback as G, useContext as fe, useEffect as me, useId as xe, useLayoutEffect as ve, useMemo as Q, useRef as k, useState as R } from "react";
+import { Fragment as Y, jsx as e, jsxs as y } from "react/jsx-runtime";
+import { AnimatePresence as be, motion as M, useReducedMotion as Z } from "motion/react";
+var we = [
   ["path", {
     d: "M5 12l14 0",
     key: "svg-0"
@@ -26,7 +26,7 @@ var ge = [
     d: "M5 12l6 -6",
     key: "svg-2"
   }]
-], ye = L("outline", "arrow-left", "ArrowLeft", ge), Ne = [
+], ge = I("outline", "arrow-left", "ArrowLeft", we), ye = [
   ["path", {
     d: "M12 5l0 14",
     key: "svg-0"
@@ -39,13 +39,13 @@ var ge = [
     d: "M6 11l6 -6",
     key: "svg-2"
   }]
-], Ce = L("outline", "arrow-up", "ArrowUp", Ne), _e = [["path", {
+], Ne = I("outline", "arrow-up", "ArrowUp", ye), Ce = [["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 = [
+}]], ke = I("outline", "user", "User", Ce), Se = [
   ["path", {
     d: "M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",
     key: "svg-0"
@@ -62,25 +62,25 @@ var ge = [
     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));
+], _e = I("outline", "users", "Users", Se), Pe = "rounded-base border border-pho-secondary bg-pho-primary", Re = 672, Ae = 24, Ee = 8, ee = "min-h-[61px]", Me = 273, _ = 256, O = 320, Ie = 16;
+function q(t, r) {
+  const a = Math.max(_, t);
+  return r <= 0 ? Number.isFinite(a) ? a : _ : Math.min(a, Math.max(_, r - O));
 }
-var re = fe(null);
-function E(t) {
-  const r = me(re);
+var te = he(null);
+function A(t) {
+  const r = fe(te);
   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) {
+var D = typeof window > "u" ? me : ve;
+function T(t) {
   return t === "thread" ? 1 : -1;
 }
-function Te(t, r) {
-  return t === "compact" || t === "auto" && r > 0 && r < Ae;
+function Le(t, r) {
+  return t === "compact" || t === "auto" && r > 0 && r < Re;
 }
-function I(t, r) {
+function E(t, r) {
   return r ? {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -88,7 +88,7 @@ function I(t, r) {
     transition: { duration: 0 }
   } : {
     initial: {
-      x: t * Ee,
+      x: t * Ae,
       opacity: 0,
       filter: "blur(1px)"
     },
@@ -98,34 +98,34 @@ function I(t, r) {
       filter: "blur(0px)"
     },
     exit: {
-      x: -t * Ie,
+      x: -t * Ee,
       opacity: 0,
       filter: "blur(1px)"
     },
     transition: {
-      x: de,
-      opacity: B,
-      filter: B
+      x: ce,
+      opacity: K,
+      filter: K
     }
   };
 }
-function Oe(t) {
+function Te(t) {
   return {
-    enter: (r) => I(r, t).initial,
-    rest: (r) => I(r, t).animate,
-    leave: (r) => I(r, t).exit
+    enter: (r) => E(r, t).initial,
+    rest: (r) => E(r, t).animate,
+    leave: (r) => E(r, t).exit
   };
 }
-function ae({ as: t, show: r, swapped: a, direction: l, reduceMotion: o, children: c, ...s }) {
-  const u = I(l, o), f = {
+function re({ as: t, show: r, swapped: a, direction: l, reduceMotion: o, children: c, ...s }) {
+  const u = E(l, o), f = {
     custom: l,
-    variants: Oe(o),
+    variants: Te(o),
     initial: "enter",
     animate: "rest",
     exit: "leave",
     transition: u.transition
   };
-  return /* @__PURE__ */ e(we, {
+  return /* @__PURE__ */ e(be, {
     initial: !a && r ? !1 : void 0,
     mode: "popLayout",
     custom: l,
@@ -140,33 +140,33 @@ function ae({ as: t, show: r, swapped: a, direction: l, reduceMotion: o, childre
     }, "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(() => {
+function Oe({ 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 = k(null), v = r !== void 0, h = v ? r : f, [b, d] = R(() => T(h)), [W, ae] = R(!1), H = k(h);
+  let P = b, L = W;
+  H.current !== h && (P = T(h), L = !0, H.current = h, P !== b && d(P), W || ae(!0));
+  const V = G((N) => {
+    d(T(N)), v || m(N), l?.(N);
+  }, [v, l]), X = G((N) => {
+    w(q(N, p.current?.clientWidth ?? 0));
+  }, []), U = Le(t, i);
+  D(() => {
     const N = p.current;
     if (!N || typeof ResizeObserver > "u") return;
-    const F = () => {
-      const K = N.clientWidth;
-      n(K), w((oe) => J(oe, K));
+    const $ = () => {
+      const j = N.clientWidth;
+      n(j), w((ie) => q(ie, j));
     };
-    F();
-    const j = new ResizeObserver(F);
-    return j.observe(N), () => j.disconnect();
+    $();
+    const F = new ResizeObserver($);
+    return F.observe(N), () => F.disconnect();
   }, []);
-  const ie = Y(() => ({
+  const ne = Q(() => ({
     layout: t,
     pane: h,
     setPane: V,
     direction: P,
     swap: U,
-    swapped: T,
+    swapped: L,
     listWidth: g,
     frameWidth: i,
     resizeList: X,
@@ -177,13 +177,13 @@ function ze({ layout: t = "default", pane: r, defaultPane: a = "list", onPaneCha
     V,
     P,
     U,
-    T,
+    L,
     g,
     i,
     X
   ]);
-  return /* @__PURE__ */ e(re.Provider, {
-    value: ie,
+  return /* @__PURE__ */ e(te.Provider, {
+    value: ne,
     children: /* @__PURE__ */ e("div", {
       ref: (N) => {
         p.current = N, typeof s == "function" ? s(N) : s && (s.current = N);
@@ -196,20 +196,20 @@ function ze({ layout: t = "default", pane: r, defaultPane: a = "list", onPaneCha
         ...c,
         "--chat-list-width": `${g}px`
       },
-      className: v(Re, "@container relative flex min-h-0 min-w-0 overflow-hidden", o),
+      className: x(Pe, "@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 = {
+function ze({ className: t, children: r, id: a, ...l }) {
+  const { layout: o, pane: c, direction: s, swap: u, swapped: f } = A("List"), m = Z(), g = xe(), w = a ?? g, i = x("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" && x("w-full @2xl:min-w-64 @2xl:w-[var(--chat-list-width)] @2xl:border-r", !u && c === "thread" && "@max-2xl:hidden"), t), n = /* @__PURE__ */ y(Y, { children: [r, o !== "compact" && /* @__PURE__ */ e(De, { controlsId: w })] }), p = {
     id: w,
     "aria-label": "Conversations",
     "data-chat-list": "",
     className: i,
     ...l
   };
-  return u ? /* @__PURE__ */ e(ae, {
+  return u ? /* @__PURE__ */ e(re, {
     as: "aside",
     show: c === "list",
     swapped: f,
@@ -222,8 +222,8 @@ function De({ className: t, children: r, id: a, ...l }) {
     children: n
   });
 }
-function We({ controlsId: t }) {
-  const { layout: r, listWidth: a, frameWidth: l, resizeList: o, rootRef: c } = E("Splitter"), s = _(null), u = (i) => {
+function De({ controlsId: t }) {
+  const { layout: r, listWidth: a, frameWidth: l, resizeList: o, rootRef: c } = A("Splitter"), s = k(null), u = (i) => {
     i.button === 0 && (i.currentTarget.setPointerCapture?.(i.pointerId), s.current = {
       x: i.clientX,
       width: a
@@ -231,31 +231,31 @@ function We({ controlsId: t }) {
   }, 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);
+    const p = c.current, v = p != null && getComputedStyle(p).direction === "rtl", h = (i.clientX - n.x) * (v ? -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)
+    const n = c.current, p = n != null && getComputedStyle(n).direction === "rtl", v = p ? "ArrowRight" : "ArrowLeft", h = p ? "ArrowLeft" : "ArrowRight", b = i.shiftKey ? 32 : Ie;
+    if (i.key === v)
       i.preventDefault(), o(a - b);
     else if (i.key === h)
       i.preventDefault(), o(a + b);
     else if (i.key === "Home")
-      i.preventDefault(), o(S);
+      i.preventDefault(), o(_);
     else if (i.key === "End") {
       i.preventDefault();
       const d = n?.clientWidth ?? 0;
-      d > 0 && o(d - z);
+      d > 0 && o(d - O);
     }
-  }, w = l > 0 ? Math.max(S, l - z) : a;
+  }, w = l > 0 ? Math.max(_, l - O) : 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-valuemin": _,
     "aria-valuemax": w,
     "aria-valuetext": `${a} pixels`,
     tabIndex: 0,
@@ -265,16 +265,16 @@ function We({ controlsId: t }) {
     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")
+    className: x("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 }) {
+function We({ className: t, placeholder: r = "Search", ...a }) {
   return /* @__PURE__ */ e("div", {
     "data-chat-search": "",
-    className: v("p-3", te, t),
-    children: /* @__PURE__ */ e(ue, {
+    className: x("p-3", ee, t),
+    children: /* @__PURE__ */ e(de, {
       size: "sm",
-      icon: pe,
+      icon: ue,
       placeholder: r,
       "aria-label": "Search conversations",
       autoComplete: "off",
@@ -286,7 +286,7 @@ function $e({ className: t, placeholder: r = "Search", ...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),
+    className: x("flex min-h-0 flex-1 flex-col", t),
     ...a,
     children: /* @__PURE__ */ y(C.Root, {
       className: "min-h-0 flex-1",
@@ -301,21 +301,21 @@ function He({ className: t, children: r, ...a }) {
 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),
+    className: x("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 = {
+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", $e = "hover:bg-pho-ghost-hover", J = {
   initial: !1,
-  whileTap: { scale: le },
-  transition: ce
+  whileTap: { scale: se },
+  transition: le
 };
-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 = () => {
+function Fe({ title: t, time: r, preview: a, avatar: l, group: o, active: c, className: s, href: u, onClick: f, ...m }) {
+  const { layout: g, setPane: w } = A("Conversation"), i = oe(), n = Q(() => M.create(i), [i]), p = x(Xe, c ? Ue : $e, s), v = () => {
     g !== "default" && w("thread");
-  }, h = /* @__PURE__ */ y(Z, { children: [l ?? /* @__PURE__ */ e(G.Root, {
+  }, h = /* @__PURE__ */ y(Y, { children: [l ?? /* @__PURE__ */ e(B.Root, {
     size: "sm",
-    children: /* @__PURE__ */ e(G.Fallback, { children: o ? /* @__PURE__ */ e(Pe, {
+    children: /* @__PURE__ */ e(B.Fallback, { children: o ? /* @__PURE__ */ e(_e, {
       className: "size-4",
       "aria-hidden": !0
     }) : /* @__PURE__ */ e(ke, {
@@ -343,26 +343,26 @@ function je({ title: t, time: r, preview: a, avatar: l, group: o, active: c, cla
     "aria-current": c ? "page" : void 0,
     ...m,
     onClick: (b) => {
-      f?.(b), b.defaultPrevented || x();
+      f?.(b), b.defaultPrevented || v();
     },
     className: p,
-    ...Q,
+    ...J,
     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();
+      f?.(b), b.defaultPrevented || v();
     },
     className: p,
-    ...Q,
+    ...J,
     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, {
+function je({ className: t, children: r, ...a }) {
+  const { layout: l, pane: o, direction: c, swap: s, swapped: u } = A("Thread"), f = Z(), m = x("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 @2xl:min-w-80", !s && l === "auto" && o === "list" && "@max-2xl:hidden", t);
+  return s ? /* @__PURE__ */ e(re, {
     as: "section",
     show: o === "thread",
     swapped: u,
@@ -381,23 +381,23 @@ function Ke({ className: t, children: r, ...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");
+function Ke({ avatar: t, actions: r, backLabel: a = "Back to conversations", className: l, children: o, ...c }) {
+  const { layout: s, setPane: u } = A("Header");
   return /* @__PURE__ */ y("header", {
     "data-chat-header": "",
-    className: v("flex shrink-0 items-center gap-3 px-4 py-1.5", te, l),
+    className: x("flex shrink-0 items-center gap-3 px-4 py-1.5", ee, l),
     ...c,
     children: [
-      s !== "default" && /* @__PURE__ */ e(D, {
+      s !== "default" && /* @__PURE__ */ e(z, {
         variant: "ghost",
         size: "sm",
         shape: "circle",
         svgOnly: !0,
         "aria-label": a,
         "data-chat-back": "",
-        className: v("-ml-1 shrink-0", s === "auto" && `${A}:hidden`),
+        className: x("-ml-1 shrink-0", s === "auto" && "@2xl:hidden"),
         onClick: () => u("list"),
-        children: /* @__PURE__ */ e(ye, {})
+        children: /* @__PURE__ */ e(ge, {})
       }),
       t,
       /* @__PURE__ */ e("div", {
@@ -411,28 +411,28 @@ function Be({ avatar: t, actions: r, backLabel: a = "Back to conversations", cla
     ]
   });
 }
-function Ge({ className: t, children: r, ...a }) {
+function Be({ 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),
+    className: x("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 }) {
+function Ge({ className: t, ...r }) {
   return /* @__PURE__ */ e("p", {
     "data-chat-description": "",
-    className: v("text-pho-description m-0 min-w-0 truncate text-xs", t),
+    className: x("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(() => {
+var qe = 40;
+function Je({ hasEarlier: t = !1, loadingEarlier: r = !1, onLoadEarlier: a, earlierLabel: l = "Load earlier messages", className: o, children: c, ...s }) {
+  const u = k(null), f = k(null), m = k(!0), g = k(null);
+  D(() => {
     const n = u.current, p = f.current;
     if (!n || !p) return;
-    const x = () => {
+    const v = () => {
       const b = g.current;
       if (b) {
         g.current = null, n.scrollTop = n.scrollHeight - b.height + b.top;
@@ -440,13 +440,13 @@ function Qe({ hasEarlier: t = !1, loadingEarlier: r = !1, onLoadEarlier: a, earl
       }
       m.current && (n.scrollTop = n.scrollHeight);
     };
-    if (x(), typeof ResizeObserver > "u") return;
-    const h = new ResizeObserver(x);
+    if (v(), typeof ResizeObserver > "u") return;
+    const h = new ResizeObserver(v);
     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);
+    n && (m.current = n.scrollHeight - n.scrollTop - n.clientHeight < qe);
   }, i = () => {
     const n = u.current;
     n && (g.current = {
@@ -456,7 +456,7 @@ function Qe({ hasEarlier: t = !1, loadingEarlier: r = !1, onLoadEarlier: a, earl
   };
   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),
+    className: x("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",
@@ -469,7 +469,7 @@ function Qe({ hasEarlier: t = !1, loadingEarlier: r = !1, onLoadEarlier: a, earl
           className: "flex min-h-full flex-col gap-1 p-4",
           children: [t && /* @__PURE__ */ e("div", {
             className: "flex justify-center",
-            children: /* @__PURE__ */ e(D, {
+            children: /* @__PURE__ */ e(z, {
               variant: "outlined",
               size: "sm",
               loading: r,
@@ -482,38 +482,38 @@ function Qe({ hasEarlier: t = !1, loadingEarlier: r = !1, onLoadEarlier: a, earl
     })
   });
 }
-function Ye({ className: t, children: r, ...a }) {
+function Qe({ className: t, children: r, ...a }) {
   return /* @__PURE__ */ e("div", {
     "data-chat-divider": "",
-    className: v("text-pho-description py-1 text-center text-xs", t),
+    className: x("text-pho-description py-1 text-center text-xs", t),
     ...a,
     children: r
   });
 }
-function Ze({ className: t, ...r }) {
+function Ye({ className: t, ...r }) {
   return /* @__PURE__ */ e("footer", {
     "data-chat-footer": "",
-    className: v("shrink-0 px-4 py-3", t),
+    className: x("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(() => {
+var Ze = 200;
+function et({ 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 = k(null), v = !o && !c && (s ?? t.trim().length > 0);
+  D(() => {
     const d = p.current;
-    d && (d.style.height = "0px", d.style.height = `${Math.min(d.scrollHeight, et)}px`);
+    d && (d.style.height = "0px", d.style.height = `${Math.min(d.scrollHeight, Ze)}px`);
   }, [t]);
   const h = (d) => {
-    d.preventDefault(), x && a();
+    d.preventDefault(), v && a();
   }, b = (d) => {
-    d.key === "Enter" && !d.shiftKey && !d.nativeEvent.isComposing && (d.preventDefault(), x && a());
+    d.key === "Enter" && !d.shiftKey && !d.nativeEvent.isComposing && (d.preventDefault(), v && 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),
+    className: x("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,
@@ -539,81 +539,81 @@ function tt({ value: t, onValueChange: r, onSend: a, placeholder: l = "Message",
             className: "text-pho-description m-0 min-w-0 flex-1 truncate text-xs",
             children: f
           }),
-          /* @__PURE__ */ e(D, {
+          /* @__PURE__ */ e(z, {
             type: "submit",
             size: "sm",
             shape: "circle",
             svgOnly: !0,
             "aria-label": m,
-            disabled: !x,
+            disabled: !v,
             loading: o,
-            children: /* @__PURE__ */ e(Ce, {})
+            children: /* @__PURE__ */ e(Ne, {})
           })
         ]
       })
     ]
   });
 }
-function rt({ className: t, size: r = "sm", ...a }) {
+function tt({ 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, {
+    className: x("flex flex-1 flex-col items-center justify-center px-6 py-8", t),
+    children: /* @__PURE__ */ e(pe, {
       size: r,
       ...a
     })
   });
 }
-function at({ rows: t = 5 }) {
+function rt({ 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", {
+      children: [/* @__PURE__ */ e(S, { 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" })]
+          children: [/* @__PURE__ */ e(S, { className: "h-3.5 w-32" }), /* @__PURE__ */ e(S, { className: "h-2.5 w-8" })]
+        }), /* @__PURE__ */ e(S, { className: "mt-2 h-2.5 w-44" })]
       })]
     }, a))
   });
 }
-function nt() {
+function at() {
   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" })
+      /* @__PURE__ */ e(S, { className: "rounded-base h-10 w-1/2 self-start" }),
+      /* @__PURE__ */ e(S, { className: "rounded-base h-10 w-2/5 self-end" }),
+      /* @__PURE__ */ e(S, { className: "rounded-base h-16 w-3/5 self-start" })
     ]
   });
 }
-var gt = {
-  Root: ze,
-  List: De,
-  Search: $e,
+var wt = {
+  Root: Oe,
+  List: ze,
+  Search: We,
   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
+  Conversation: Fe,
+  Thread: je,
+  Header: Ke,
+  Title: Be,
+  Description: Ge,
+  Messages: Je,
+  Divider: Qe,
+  Footer: Ye,
+  Composer: et,
+  Empty: tt,
+  ConversationsLoading: rt,
+  MessagesLoading: at
 };
 export {
-  gt as t
+  wt as t
 };
 
-//# sourceMappingURL=chat-DUqWlXqt.js.map
+//# sourceMappingURL=chat-BXjycPi9.js.map