@alfadocs/ui-kit 0.31.0 → 0.31.2

package/dist/_chunks/{avatar-D_H4emLo.js → avatar-BNQNhoyL.js}

@@ -1,12 +1,13 @@
 import { jsxs as C, jsx as r } from "react/jsx-runtime";
-import { forwardRef as y, useRef as j, useState as w, useEffect as A, useLayoutEffect as I } from "react";
-import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { c as B } from "./compose-refs-C0k0tdqF.js";
+import { forwardRef as y, useRef as I, useState as j, useEffect as w } from "react";
+import { c as A } from "./index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { c as E } from "./compose-refs-C0k0tdqF.js";
+import { u as B } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 function R(s) {
   let e = 5381;
-  for (let t = 0; t < s.length; t++)
-    e = (e << 5) + e ^ s.charCodeAt(t), e = e >>> 0;
+  for (let o = 0; o < s.length; o++)
+    e = (e << 5) + e ^ s.charCodeAt(o), e = e >>> 0;
   return e;
 }
 const i = [
@@ -34,7 +35,7 @@ function L(s) {
   const e = s.trim().split(/\s+/).filter(Boolean);
   return e.length === 0 ? "" : e.length === 1 ? e[0].slice(0, 2).toUpperCase() : (e[0][0] + e[e.length - 1][0]).toUpperCase();
 }
-const k = N(
+const k = A(
   [
     "ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-[var(--radius-full)]",
     // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.
@@ -66,17 +67,17 @@ const k = N(
     defaultVariants: { size: "md" }
   }
 ), T = y(
-  ({ src: s, name: e, color: t, size: d, className: c, ...v }, f) => {
-    const { t: g } = E(), l = j(null), u = B(f, l), [b, n] = w(!1);
-    A(() => {
+  ({ src: s, name: e, color: o, size: d, className: c, ...v }, f) => {
+    const { t: g } = N(), l = I(null), u = E(f, l), [m, n] = j(!1);
+    w(() => {
       n(!1);
-    }, [s]), I(() => {
+    }, [s]), B(() => {
       const a = l.current;
-      a && (t ? a.style.setProperty("--avatar-color-override", t) : a.style.removeProperty("--avatar-color-override"));
-    }, [t]);
-    const o = !!s && !b, m = !o && !!e, h = !o && !e, p = t ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = k({
+      a && (o ? a.style.setProperty("--avatar-color-override", o) : a.style.removeProperty("--avatar-color-override"));
+    }, [o]);
+    const t = !!s && !m, b = !t && !!e, h = !t && !e, p = o ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = k({
       size: d,
-      className: [p, t || e ? "ds:text-[var(--primary-foreground)] ds:[.theme-dark.theme-accessible_&]:text-[var(--color-grey-500)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
+      className: [p, o || e ? "ds:text-[var(--primary-foreground)] ds:[.theme-dark.theme-accessible_&]:text-[var(--color-grey-500)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
     }), z = e ?? g("avatar.placeholder", "User avatar");
     return /* @__PURE__ */ C(
       "span",
@@ -88,7 +89,7 @@ const k = N(
         className: x,
         ...v,
         children: [
-          (m || o) && !!e && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: L(e) }),
+          (b || t) && !!e && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: L(e) }),
           h && /* @__PURE__ */ r(
             "svg",
             {
@@ -98,7 +99,7 @@ const k = N(
               children: /* @__PURE__ */ r("path", { d: "M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z" })
             }
           ),
-          o && /* @__PURE__ */ r(
+          t && /* @__PURE__ */ r(
             "img",
             {
               src: s,
@@ -119,4 +120,4 @@ export {
   L as g,
   S as n
 };
-//# sourceMappingURL=avatar-D_H4emLo.js.map
+//# sourceMappingURL=avatar-BNQNhoyL.js.map

package/dist/_chunks/{badge-CIjQ1Us1.js → badge-CptERaHx.js}

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
 import { c as r } from "./index-D2ZczOXr.js";
 import { useTranslation as h } from "react-i18next";
-import { T as y } from "./tooltip-ClJd0ciy.js";
+import { T as y } from "./tooltip-DvmfrNvB.js";
 const z = r(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
@@ -105,4 +105,4 @@ j.displayName = "Badge";
 export {
   j as B
 };
-//# sourceMappingURL=badge-CIjQ1Us1.js.map
+//# sourceMappingURL=badge-CptERaHx.js.map

package/dist/_chunks/{booking-Bhk9IYm3.js → booking-BIZ9GSer.js}

@@ -2,29 +2,29 @@ import { jsxs as f, jsx as a, Fragment as Z } from "react/jsx-runtime";
 import { forwardRef as qe, useId as He, useState as H, useCallback as ae, useRef as te, useEffect as Q, useMemo as I, useImperativeHandle as pt } from "react";
 import { c as Ie } from "./index-D2ZczOXr.js";
 import { useTranslation as T, Trans as gt } from "react-i18next";
-import { u as ft } from "./registry-C9nwlNyL.js";
+import { u as ft } from "./registry-nPAVE19X.js";
 import { A as L } from "./alert-ywPR59NE.js";
 import { B as se } from "./button-DD_0Xdmr.js";
-import { C as _e } from "./checkbox-Dgp_cfUr.js";
-import { C as ht } from "./checkbox-group-eVowqKcT.js";
-import { D as vt } from "./date-picker-D0Ry1dMz.js";
-import { E as bt } from "./email-input-DvJ_kPKL.js";
+import { C as _e } from "./checkbox-DRcOdmXv.js";
+import { C as ht } from "./checkbox-group-CpUwlHug.js";
+import { D as vt } from "./date-picker-B94HAV4A.js";
+import { E as bt } from "./email-input-lQivsFrw.js";
 import { F as Y } from "./form-field-BOm9hK35.js";
-import { P as yt } from "./phone-input-DKSHX7NQ.js";
-import { T as kt } from "./text-area-D5GAe8pV.js";
-import { T as be } from "./text-input-CakysYnD.js";
+import { P as yt } from "./phone-input-DfZbPPvh.js";
+import { T as kt } from "./text-area-BIx0tZ05.js";
+import { T as be } from "./text-input-BaClJL8Y.js";
 import { S as xt } from "./spinner-CCByyvcb.js";
-import { I as Fe } from "./icon-button-DPEqBKBQ.js";
-import { S as we } from "./select-C92AT_OZ.js";
+import { I as Fe } from "./icon-button-CKEOrN37.js";
+import { S as we } from "./select-hsCaJSX3.js";
 import { S as Se } from "./skeleton-CZbwyJAA.js";
 import { E as Ge } from "./empty-state-BLy7tigq.js";
 import { S as St } from "./stepper-accordion-BfS6lUB9.js";
-import { S as Nt } from "./stepper-progress-jFY8BSf7.js";
-import { p as ee } from "./parseISO-Dk4xa7q6.js";
-import { o as Ue, f as fe, d as It, h as xe, q as ye } from "./react-day-picker-D3yzgvDB.js";
+import { S as Nt } from "./stepper-progress-DDjq5nei.js";
+import { p as ee } from "./parseISO-DEpUNwxZ.js";
+import { w as Ue, f as fe, d as It, h as xe, x as ye } from "./react-day-picker-DsjfS7uI.js";
 import { C as wt } from "./chevron-left-CX1jqD2M.js";
 import { C as Ct } from "./chevron-right-BrpYejk0.js";
-import { i as ze } from "./isSameDay-DHG8Xade.js";
+import { i as ze } from "./isSameDay-DUEiAT0G.js";
 import { c as O } from "./createLucideIcon-CrFbzy84.js";
 import { M as Mt, S as Dt } from "./sun-BuXE0xUS.js";
 import { S as Tt } from "./stethoscope-DT5qCW8Y.js";
@@ -2314,4 +2314,4 @@ export {
   he as O,
   oa as b
 };
-//# sourceMappingURL=booking-Bhk9IYm3.js.map
+//# sourceMappingURL=booking-BIZ9GSer.js.map

package/dist/_chunks/{breadcrumb--YI7lcHA.js → breadcrumb-CLlhx7qo.js}

@@ -4,7 +4,7 @@ import * as j from "@radix-ui/react-dropdown-menu";
 import { Slot as q } from "@radix-ui/react-slot";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as B } from "react-i18next";
-import { u as O } from "./registry-C9nwlNyL.js";
+import { u as O } from "./registry-nPAVE19X.js";
 import { E as _ } from "./ellipsis-rgGdiK_9.js";
 import { C as D } from "./chevron-right-BrpYejk0.js";
 const G = {
@@ -376,4 +376,4 @@ export {
   T as e,
   G as f
 };
-//# sourceMappingURL=breadcrumb--YI7lcHA.js.map
+//# sourceMappingURL=breadcrumb-CLlhx7qo.js.map

package/dist/_chunks/{button-group-Bh2g_Ng-.js → button-group-Ciq6J4IW.js}

@@ -1,8 +1,9 @@
 import { jsx as G } from "react/jsx-runtime";
-import { forwardRef as K, useRef as R, useState as g, useLayoutEffect as T, useCallback as V, Children as C, isValidElement as F, cloneElement as N } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-const M = S(
+import { forwardRef as K, useRef as R, useState as g, useCallback as T, Children as V, isValidElement as C, cloneElement as F } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { u as H } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+const M = N(
   "ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10",
   {
     variants: {
@@ -53,13 +54,13 @@ const M = S(
     children: z,
     ...E
   }, l) => {
-    const { t: L } = H(), j = A ?? L("buttonGroup.label", "Button group"), c = p, d = R([]), [u, h] = g(0), w = R(null), [b, B] = g(!1);
-    T(() => {
+    const { t: I } = S(), L = A ?? I("buttonGroup.label", "Button group"), c = p, d = R([]), [u, h] = g(0), w = R(null), [b, j] = g(!1);
+    H(() => {
       if (typeof window > "u") return;
       const t = w.current;
-      t && B(window.getComputedStyle(t).direction === "rtl");
+      t && j(window.getComputedStyle(t).direction === "rtl");
     }, []);
-    const I = V(
+    const B = T(
       (t) => {
         var y;
         if (!c) return;
@@ -79,8 +80,8 @@ const M = S(
         t.preventDefault(), h(r), (y = d.current[r]) == null || y.focus();
       },
       [c, a, b, u]
-    ), D = C.map(z, (t, e) => {
-      if (!F(t)) return t;
+    ), D = V.map(z, (t, e) => {
+      if (!C(t)) return t;
       const s = t, f = (i) => {
         d.current[e] = i;
         const o = s.ref;
@@ -94,7 +95,7 @@ const M = S(
         },
         ref: f
       };
-      return N(s, n);
+      return F(s, n);
     });
     return /* @__PURE__ */ G(
       "div",
@@ -103,10 +104,10 @@ const M = S(
           w.current = t, typeof l == "function" ? l(t) : l && typeof l == "object" && (l.current = t);
         },
         role: p ? "toolbar" : "group",
-        "aria-label": j,
+        "aria-label": L,
         "aria-orientation": p ? a ?? "horizontal" : void 0,
         "data-component": "button-group",
-        onKeyDown: I,
+        onKeyDown: B,
         className: M({ orientation: a, separator: k, className: x }),
         ...E,
         children: D
@@ -118,4 +119,4 @@ U.displayName = "ButtonGroup";
 export {
   U as B
 };
-//# sourceMappingURL=button-group-Bh2g_Ng-.js.map
+//# sourceMappingURL=button-group-Ciq6J4IW.js.map

package/dist/_chunks/{calendar-WWNx448i.js → calendar-YHFknAGv.js}

@@ -12,7 +12,7 @@ import nt from "@fullcalendar/resource-timeline";
 import at from "@fullcalendar/timeline";
 import st from "@fullcalendar/interaction";
 import { u as ot } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as it } from "./registry-C9nwlNyL.js";
+import { u as it } from "./registry-nPAVE19X.js";
 import { C as de } from "./chevron-right-BrpYejk0.js";
 import { C as ce } from "./chevron-left-CX1jqD2M.js";
 import { c as V } from "./createLucideIcon-CrFbzy84.js";
@@ -285,7 +285,7 @@ function _t(r) {
   }
   return r.startsWith("en-US") || r.startsWith("he") || r.startsWith("ar-SA") ? 0 : 1;
 }
-function Rt() {
+function Et() {
   const { i18n: r } = ae(), [s, d] = ne(() => {
     if (typeof document > "u") return !1;
     const u = document.documentElement.getAttribute("dir"), h = typeof r.dir == "function" ? r.dir() : "ltr";
@@ -303,7 +303,7 @@ function Rt() {
     }), () => u.disconnect();
   }, [r]), s;
 }
-function Et({
+function Rt({
   arg: r,
   locale: s,
   resources: d,
@@ -398,7 +398,7 @@ const fe = [
   "ds:min-w-[var(--min-target-size)]"
 ].join(" "), se = me(
   ({ title: r, onToday: s, onPrev: d, onNext: u, end: h, className: D }, N) => {
-    const { t: m } = ae(), v = Rt(), f = v ? de : ce, y = v ? ce : de, A = [
+    const { t: m } = ae(), v = Et(), f = v ? de : ce, y = v ? ce : de, A = [
       "ds:calendar-toolbar",
       "ds:sticky ds:top-0 ds:z-20",
       "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
@@ -500,7 +500,7 @@ const ve = me(
     resourceLayout: F = "vertical",
     showResourceInitials: oe = !1
   }, ye) => {
-    const { t: o, i18n: _ } = ae(), S = M(null), ee = M(null), b = M(null), w = M(null), R = M(null), H = D ?? _.language ?? "en", [xe, Te] = ne(() => {
+    const { t: o, i18n: _ } = ae(), S = M(null), ee = M(null), b = M(null), w = M(null), E = M(null), H = D ?? _.language ?? "en", [xe, Te] = ne(() => {
       if (typeof document > "u") return "ltr";
       const e = document.documentElement.getAttribute("dir"), t = typeof _.dir == "function" ? _.dir() : "ltr";
       return e === "rtl" || t === "rtl" ? "rtl" : "ltr";
@@ -604,17 +604,17 @@ const ve = me(
           if (!n) return;
           const c = `[data-event-id="${CSS.escape(t)}"]`, i = n.querySelector(c);
           if (i) {
-            if (w.current && (clearTimeout(w.current), w.current = null), R.current && R.current !== i && R.current.classList.remove("calendar-event-focused"), i.scrollIntoView({
+            if (w.current && (clearTimeout(w.current), w.current = null), E.current && E.current !== i && E.current.classList.remove("calendar-event-focused"), i.scrollIntoView({
               behavior: q ? "auto" : "smooth",
               block: "center"
-            }), i.classList.add("calendar-event-focused"), R.current = i, b.current) {
-              const g = i.getAttribute("aria-label") ?? t, E = p ? "•••" : g;
+            }), i.classList.add("calendar-event-focused"), E.current = i, b.current) {
+              const g = i.getAttribute("aria-label") ?? t, R = p ? "•••" : g;
               b.current.textContent = o("calendar.focusedEvent", {
-                title: E
+                title: R
               });
             }
             w.current = setTimeout(() => {
-              i.classList.remove("calendar-event-focused"), R.current === i && (R.current = null), w.current = null;
+              i.classList.remove("calendar-event-focused"), E.current === i && (E.current = null), w.current = null;
             }, 3e3);
           }
         }
@@ -742,7 +742,7 @@ const ve = me(
           const t = e.oldEvent.end;
           if (!t)
             return;
-          const n = e.event.end, c = e.event.start ?? t;
+          const n = e.event.end, c = e.event.start ?? e.oldEvent.start ?? t;
           if (m({
             event: re(e.event),
             oldEnd: t,
@@ -750,19 +750,19 @@ const ve = me(
           }), b.current) {
             const i = Math.round(
               (n.getTime() - c.getTime()) / 6e4
-            ), g = e.event.extendedProps ?? {}, E = p ? g.privacyModeTitle ?? "•••" : e.event.title;
+            ), g = e.event.extendedProps ?? {}, R = p ? g.privacyModeTitle ?? "•••" : e.event.title;
             b.current.textContent = o("calendar.eventResized", {
-              title: E,
+              title: R,
               duration: i
             });
           }
         };
-    }, [m, p, o]), Re = l(() => {
+    }, [m, p, o]), Ee = l(() => {
       if (f)
         return (e) => {
           e.event.start && f(re(e.event));
         };
-    }, [f]), Ee = l(() => {
+    }, [f]), Re = l(() => {
       if (y)
         return (e) => {
           var t;
@@ -792,7 +792,7 @@ const ve = me(
       [u, F]
     ), Le = B(
       (e) => {
-        const t = e.resource.extendedProps, n = e.resource.title, c = t.shortTitle, i = t.color, g = t.shortTitleTextColor, E = i || g ? {
+        const t = e.resource.extendedProps, n = e.resource.title, c = t.shortTitle, i = t.color, g = t.shortTitleTextColor, R = i || g ? {
           ...i ? { "--resource-color": i } : {},
           ...g ? {
             "--resource-initials-text-color": g
@@ -810,7 +810,7 @@ const ve = me(
               "span",
               {
                 className: Ke,
-                style: E,
+                style: R,
                 "aria-hidden": "true",
                 children: c
               }
@@ -823,7 +823,7 @@ const ve = me(
             "span",
             {
               className: "resource-dot ds:[background-color:var(--resource-color)]",
-              style: E,
+              style: R,
               "aria-hidden": "true"
             }
           ),
@@ -976,7 +976,7 @@ const ve = me(
               nowIndicator: k,
               eventLongPressDelay: q ? 0 : 1e3,
               eventDragMinDistance: q ? 0 : 5,
-              eventContent: (e) => Et({
+              eventContent: (e) => Rt({
                 arg: e,
                 locale: H,
                 resources: d ?? [],
@@ -984,11 +984,11 @@ const ve = me(
                 privacyMode: p,
                 showTime: Y
               }),
-              eventClick: Re,
+              eventClick: Ee,
               eventDrop: Se,
               eventResize: _e,
               eventResizeStart: v,
-              select: Ee,
+              select: Re,
               datesSet: Me
             }
           )
@@ -1005,4 +1005,4 @@ export {
   Ct as c,
   le as r
 };
-//# sourceMappingURL=calendar-WWNx448i.js.map
+//# sourceMappingURL=calendar-YHFknAGv.js.map

package/dist/_chunks/{carousel.agent-C2Icc9_T.js → carousel.agent-DrX96W-1.js}

@@ -2,7 +2,7 @@ import { jsx as F, jsxs as ke } from "react/jsx-runtime";
 import { useRef as De, useState as ne, useCallback as le, useEffect as fe, forwardRef as xe, useId as xt, useMemo as Qe, useImperativeHandle as yt, Children as et, isValidElement as tt, createContext as It, useContext as Ct } from "react";
 import { c as nt } from "./index-D2ZczOXr.js";
 import { useTranslation as ye } from "react-i18next";
-import { I as Je } from "./icon-button-DPEqBKBQ.js";
+import { I as Je } from "./icon-button-CKEOrN37.js";
 import { C as Lt } from "./chevron-left-CX1jqD2M.js";
 import { C as wt } from "./chevron-right-BrpYejk0.js";
 function Et(e) {
@@ -1730,4 +1730,4 @@ export {
   yn as C,
   In as c
 };
-//# sourceMappingURL=carousel.agent-C2Icc9_T.js.map
+//# sourceMappingURL=carousel.agent-DrX96W-1.js.map

package/dist/_chunks/{chart-BLvFl169.js → chart-DLkVn_ex.js}

@@ -6,7 +6,7 @@ import ot from "react-apexcharts";
 import N from "apexcharts";
 import { u as rt, g as P } from "./apexcharts-theme-BJigns_V.js";
 import { u as at } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as nt } from "./registry-C9nwlNyL.js";
+import { u as nt } from "./registry-nPAVE19X.js";
 const st = {
   id: "chart",
   capabilities: [],
@@ -289,4 +289,4 @@ export {
   it as a,
   st as c
 };
-//# sourceMappingURL=chart-BLvFl169.js.map
+//# sourceMappingURL=chart-DLkVn_ex.js.map

package/dist/_chunks/{chat-container-izziXViv.js → chat-container-ogB4OskO.js}

@@ -1,11 +1,12 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as B, useRef as u, useState as C, useCallback as H, useImperativeHandle as L, useMemo as E, useEffect as M, useLayoutEffect as O } from "react";
+import { forwardRef as B, useRef as u, useState as C, useCallback as H, useImperativeHandle as L, useMemo as E, useEffect as M } from "react";
 import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as S } from "react-i18next";
-import { u as j } from "./registry-C9nwlNyL.js";
-import { u as A } from "./index-CJE9uQmb.js";
-import { F as P } from "./floating-action-button-pojvb9gG.js";
-import { u as $ } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { useTranslation as O } from "react-i18next";
+import { u as S } from "./registry-nPAVE19X.js";
+import { u as j } from "./index-CJE9uQmb.js";
+import { F as A } from "./floating-action-button-pojvb9gG.js";
+import { u as P } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { C as D } from "./chevron-down-BX_NP2Yh.js";
 const F = {
   id: "chat-container",
@@ -65,13 +66,13 @@ const F = {
     messages: o,
     composer: r,
     density: w = "default",
-    className: N,
+    className: I,
     id: p,
     onAutoScrollChange: i,
-    showScrollToLatest: y = !1,
-    ...I
+    showScrollToLatest: N = !1,
+    ...y
   }, T) => {
-    const { t: f } = S(), a = u(null), v = u(null), [l, _] = C(!0), g = $(), n = H(
+    const { t: f } = O(), a = u(null), v = u(null), [c, _] = C(!0), g = P(), n = H(
       (e) => {
         const s = a.current;
         if (!s) return;
@@ -91,7 +92,7 @@ const F = {
       }),
       [n]
     );
-    j(F, R, p), M(() => {
+    S(F, R, p), M(() => {
       const e = a.current, s = v.current;
       if (!e || !s) return;
       const d = new IntersectionObserver(
@@ -109,10 +110,10 @@ const F = {
       return d.observe(s), () => d.disconnect();
     }, [i]);
     const z = o.length;
-    O(() => {
-      l && n({ smooth: !1 });
-    }, [z, l, n]);
-    const b = o.length > X, c = A({
+    $(() => {
+      c && n({ smooth: !1 });
+    }, [z, c, n]);
+    const b = o.length > X, l = j({
       count: b ? o.length : 0,
       getScrollElement: () => a.current,
       estimateSize: () => 80,
@@ -126,10 +127,10 @@ const F = {
       "div",
       {
         ref: h,
-        className: K({ density: w, className: N }),
+        className: K({ density: w, className: I }),
         "data-component": "chat-container",
         "data-component-id": p,
-        ...I,
+        ...y,
         children: [
           /* @__PURE__ */ m("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
             /* @__PURE__ */ m(
@@ -147,14 +148,14 @@ const F = {
                     "ol",
                     {
                       className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
-                      style: { blockSize: `${c.getTotalSize()}px` },
-                      children: c.getVirtualItems().map((e) => {
+                      style: { blockSize: `${l.getTotalSize()}px` },
+                      children: l.getVirtualItems().map((e) => {
                         const s = o[e.index];
                         return s ? /* @__PURE__ */ t(
                           "li",
                           {
                             "data-index": e.index,
-                            ref: c.measureElement,
+                            ref: l.measureElement,
                             className: "ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full",
                             style: { transform: `translateY(${e.start}px)` },
                             children: /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: s.node })
@@ -175,7 +176,7 @@ const F = {
                 ]
               }
             ),
-            y && !l ? /* @__PURE__ */ t(
+            N && !c ? /* @__PURE__ */ t(
               "div",
               {
                 className: [
@@ -193,7 +194,7 @@ const F = {
                   "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                 ].join(" "),
                 children: /* @__PURE__ */ t("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ t(
-                  P,
+                  A,
                   {
                     icon: /* @__PURE__ */ t(D, {}),
                     "aria-label": f("chat.scrollToLatest"),
@@ -217,4 +218,4 @@ export {
   Z as C,
   F as c
 };
-//# sourceMappingURL=chat-container-izziXViv.js.map
+//# sourceMappingURL=chat-container-ogB4OskO.js.map