@alfadocs/ui-kit 0.1.5 → 0.1.7

package/dist/_chunks/{leo-sidebar-BzN4pJ7j.js → leo-sidebar-nbHib2D-.js}

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as c, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as L, useMemo as U } from "react";
+import { forwardRef as k, useMemo as U } from "react";
 import * as ee from "@radix-ui/react-dialog";
 import { useTranslation as y } from "react-i18next";
 import { F as se } from "./floating-action-button-Cnw-f6AG.js";
 import { I as B } from "./icon-button-Wnnde5lc.js";
 import { S as E } from "./sheet-BhNpLHc9.js";
 import { X as de } from "./x-CCcI3eJp.js";
-import { A as C } from "./avatar-Dcr6XuDQ.js";
+import { A as L } from "./avatar-Dcr6XuDQ.js";
 import { B as D } from "./button-7mLWcMp_.js";
-import { C as re } from "./chat-container-BZvQ3_yT.js";
-import { C as ae } from "./chat-message-ByouZpPP.js";
-import { C as le } from "./chat-input-DsIrWM4f.js";
-import { S as oe } from "./streaming-text-BgjCTVOw.js";
-import { a as q, S as O } from "./suggestion-chip-6AB40rxz.js";
-import { T as ie } from "./typing-indicator-CbUBf-Dx.js";
+import { C as ae } from "./chat-container-Cm3SlR2p.js";
+import { C as re } from "./chat-message-ByouZpPP.js";
+import { C as le } from "./chat-input-DreOPP8A.js";
+import { S as ie } from "./streaming-text-BgjCTVOw.js";
+import { a as q, S as O } from "./suggestion-chip-BNJ2M8Os.js";
+import { T as oe } from "./typing-indicator-CbUBf-Dx.js";
 import { P as te } from "./progress-B4Of_pzz.js";
 import { S as ne } from "./square-CZoGU14v.js";
 import { c as ce } from "./createLucideIcon-CrFbzy84.js";
@@ -51,16 +51,16 @@ const ge = [
     icon: "ds:size-8"
   }
 };
-function j({
+function w({
   size: s,
-  label: r
+  label: a
 }) {
-  const a = Q[s];
+  const r = Q[s];
   return /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": r,
+      "aria-label": a,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
@@ -71,43 +71,43 @@ function j({
         // forced-colors: UA strips color-mix backgrounds; fall back to
         // a bordered disc so the identity still reads in HCM.
         "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
-        a.box
+        r.box
       ].join(" "),
-      children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: a.icon })
+      children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: r.icon })
     }
   );
 }
-function be({
+function he({
   size: s,
-  label: r
+  label: a
 }) {
-  const a = Q[s];
+  const r = Q[s];
   return /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": r,
+      "aria-label": a,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
         "ds:bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]",
         "ds:text-[color:var(--muted-foreground)]",
         "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
-        a.box
+        r.box
       ].join(" "),
-      children: /* @__PURE__ */ e(pe, { "aria-hidden": "true", className: a.icon })
+      children: /* @__PURE__ */ e(pe, { "aria-hidden": "true", className: r.icon })
     }
   );
 }
-function he(s, r) {
-  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(be, { size: "sm", label: r }) };
+function be(s, a) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(he, { size: "sm", label: a }) };
 }
 function ve({
   assistantName: s,
-  avatarSrc: r,
-  greeting: a,
-  subtitle: i,
-  suggestions: o,
+  avatarSrc: a,
+  greeting: r,
+  subtitle: o,
+  suggestions: i,
   onSuggestion: t
 }) {
   const { t: u } = y(), l = "leo-empty-state-heading";
@@ -125,24 +125,24 @@ function ve({
       ].join(" "),
       "data-testid": "leo-empty-state",
       children: [
-        r ? /* @__PURE__ */ e(C, { name: s, src: r, size: "xl" }) : /* @__PURE__ */ e(j, { size: "xl", label: s }),
+        a ? /* @__PURE__ */ e(L, { name: s, src: a, size: "xl" }) : /* @__PURE__ */ e(w, { size: "xl", label: s }),
         /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
           /* @__PURE__ */ e(
             "h2",
             {
               id: l,
               className: "type-title-section ds:m-0 ds:text-[color:var(--foreground)]",
-              children: a
+              children: r
             }
           ),
-          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: i })
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: o })
         ] }),
-        o && o.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
+        i && i.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
           q,
           {
             label: u("leo.exampleQuestions"),
             className: "ds:justify-center",
-            children: o.map((n) => /* @__PURE__ */ e(
+            children: i.map((n) => /* @__PURE__ */ e(
               O,
               {
                 intent: "suggestion",
@@ -161,25 +161,25 @@ function ve({
 }
 function xe({
   message: s,
-  assistantName: r,
-  avatarSrc: a,
-  renderMarkdown: i
+  assistantName: a,
+  avatarSrc: r,
+  renderMarkdown: o
 }) {
-  const { t: o, i18n: t } = y(), u = o("chat.message.role.assistant"), l = U(() => {
+  const { t: i, i18n: t } = y(), u = i("chat.message.role.assistant"), l = U(() => {
     if (!s.timestamp) return null;
     const m = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
     return Number.isNaN(m.getTime()) ? null : new Intl.DateTimeFormat(t.language, {
       hour: "2-digit",
       minute: "2-digit"
     }).format(m);
-  }, [s.timestamp, t.language]), n = l ? o("chat.message.label", { role: u, time: l }) : o("chat.message.labelNoTime", { role: u });
+  }, [s.timestamp, t.language]), n = l ? i("chat.message.label", { role: u, time: l }) : i("chat.message.labelNoTime", { role: u });
   return /* @__PURE__ */ c(
     "article",
     {
       "aria-label": n,
       className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
       children: [
-        a ? /* @__PURE__ */ e(C, { name: r, src: a, size: "sm" }) : /* @__PURE__ */ e(j, { size: "sm", label: r }),
+        r ? /* @__PURE__ */ e(L, { name: a, src: r, size: "sm" }) : /* @__PURE__ */ e(w, { size: "sm", label: a }),
         /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:items-start", children: /* @__PURE__ */ e(
           "div",
           {
@@ -194,11 +194,11 @@ function xe({
               "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]"
             ].join(" "),
             children: /* @__PURE__ */ e(
-              oe,
+              ie,
               {
                 content: s.content,
                 isStreaming: !0,
-                renderMarkdown: i
+                renderMarkdown: o
               }
             )
           }
@@ -209,10 +209,10 @@ function xe({
 }
 function Ne({
   assistantName: s,
-  avatarSrc: r,
-  onNewConversation: a,
-  headerEndSlot: i,
-  density: o
+  avatarSrc: a,
+  onNewConversation: r,
+  headerEndSlot: o,
+  density: i
 }) {
   const { t } = y();
   return /* @__PURE__ */ c(
@@ -221,59 +221,62 @@ function Ne({
       "aria-label": t("leo.headerLabel"),
       className: [
         "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]",
-        "ds:border-b ds:border-[color:var(--border)]",
+        // Soft drop-shadow on the block-end edge in place of a `border-b`
+        // against `--border` — same rationale as the Leo sidebar's inline
+        // edge (see leo-sidebar.tsx).
+        "ds:shadow-[var(--shadow-chrome-down)]",
         "ds:bg-[var(--background)]",
         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        o === "compact" ? "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+        i === "compact" ? "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
       ].join(" "),
       "data-testid": "leo-header",
       children: [
-        r ? /* @__PURE__ */ e(
-          C,
+        a ? /* @__PURE__ */ e(
+          L,
           {
             name: s,
-            src: r,
-            size: o === "compact" ? "sm" : "md"
+            src: a,
+            size: i === "compact" ? "sm" : "md"
           }
         ) : /* @__PURE__ */ e(
-          j,
+          w,
           {
-            size: o === "compact" ? "sm" : "md",
+            size: i === "compact" ? "sm" : "md",
             label: s
           }
         ),
         /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
         /* @__PURE__ */ c("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-          a ? /* @__PURE__ */ e(
+          r ? /* @__PURE__ */ e(
             D,
             {
               intent: "ghost",
               size: "sm",
               startIcon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
-              onClick: a,
+              onClick: r,
               children: t("leo.newConversation")
             }
           ) : null,
-          i
+          o
         ] })
       ]
     }
   );
 }
-const w = L(
+const C = k(
   ({
     messages: s,
-    onSend: r,
-    onRetry: a,
-    onSuggestion: i,
-    suggestions: o,
+    onSend: a,
+    onRetry: r,
+    onSuggestion: o,
+    suggestions: i,
     isGenerating: t = !1,
     onStopGenerating: u,
     usage: l,
     onUpgrade: n,
     assistantName: m,
     assistantAvatar: d,
-    userAvatar: h,
+    userAvatar: b,
     greeting: v,
     subtitle: I,
     density: x = "default",
@@ -283,26 +286,26 @@ const w = L(
     acceptedFileTypes: Z,
     headerEndSlot: $
   }, J) => {
-    const { t: p } = y(), f = m ?? p("leo.name"), K = v ?? p("leo.greeting"), V = I ?? p("leo.subtitle"), g = s[s.length - 1], k = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, P = k ? s.slice(0, -1) : s, Y = U(() => {
-      const N = p("chat.message.role.user"), T = P.map((b) => {
+    const { t: p } = y(), f = m ?? p("leo.name"), K = v ?? p("leo.greeting"), V = I ?? p("leo.subtitle"), g = s[s.length - 1], j = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, P = j ? s.slice(0, -1) : s, Y = U(() => {
+      const N = p("chat.message.role.user"), T = P.map((h) => {
         let _;
-        return b.role === "assistant" ? _ = d != null && d.src ? { name: f, src: d.src } : { slot: /* @__PURE__ */ e(j, { size: "sm", label: f }) } : b.role === "user" && (_ = he(h, N)), {
-          id: b.id,
+        return h.role === "assistant" ? _ = d != null && d.src ? { name: f, src: d.src } : { slot: /* @__PURE__ */ e(w, { size: "sm", label: f }) } : h.role === "user" && (_ = be(b, N)), {
+          id: h.id,
           node: /* @__PURE__ */ e(
-            ae,
+            re,
             {
-              role: b.role,
-              content: b.content,
+              role: h.role,
+              content: h.content,
               avatar: _,
-              timestamp: b.timestamp,
-              status: b.status,
+              timestamp: h.timestamp,
+              status: h.status,
               renderMarkdown: S,
-              onRetry: a ? () => a(b.id) : void 0
+              onRetry: r ? () => r(h.id) : void 0
             }
           )
         };
       });
-      return k && g && T.push({
+      return j && g && T.push({
         id: g.id,
         node: /* @__PURE__ */ e(
           xe,
@@ -313,17 +316,17 @@ const w = L(
             renderMarkdown: S
           }
         )
-      }), t && !k && T.push({
+      }), t && !j && T.push({
         id: "__leo-typing__",
         node: /* @__PURE__ */ c("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
           d != null && d.src ? /* @__PURE__ */ e(
-            C,
+            L,
             {
               name: f,
               src: d.src,
               size: "sm"
             }
-          ) : /* @__PURE__ */ e(j, { size: "sm", label: f }),
+          ) : /* @__PURE__ */ e(w, { size: "sm", label: f }),
           /* @__PURE__ */ e(
             "div",
             {
@@ -334,7 +337,7 @@ const w = L(
                 "ds:bg-muted/40"
               ].join(" "),
               children: /* @__PURE__ */ e(
-                ie,
+                oe,
                 {
                   label: p("chat.typing"),
                   density: x
@@ -346,14 +349,14 @@ const w = L(
       }), T;
     }, [
       P,
-      k,
+      j,
       g,
       t,
       f,
       d == null ? void 0 : d.src,
-      h,
+      b,
       S,
-      a,
+      r,
       x,
       p
     ]), G = l ? Math.min(100, Math.max(0, l.current / Math.max(1, l.limit) * 100)) : 0, z = l ? l.current >= l.limit : !1, F = l ? l.label ?? p("leo.usageLabel", {
@@ -390,18 +393,18 @@ const w = L(
           }
         )
       ] }) : null,
-      !R && o && o.length > 0 && !t ? /* @__PURE__ */ e(
+      !R && i && i.length > 0 && !t ? /* @__PURE__ */ e(
         q,
         {
           label: p("leo.exampleQuestions"),
           "data-testid": "leo-followup-suggestions",
-          children: o.map((N) => /* @__PURE__ */ e(
+          children: i.map((N) => /* @__PURE__ */ e(
             O,
             {
               intent: "followup",
               startIcon: N.icon,
               keepOnSelect: !0,
-              onSelect: () => i == null ? void 0 : i(N),
+              onSelect: () => o == null ? void 0 : o(N),
               children: N.label
             },
             N.id
@@ -413,7 +416,7 @@ const w = L(
           le,
           {
             submitOnEnter: !0,
-            onSubmit: r,
+            onSubmit: a,
             onAttach: X,
             accept: Z,
             disabled: z,
@@ -461,16 +464,21 @@ const w = L(
                 avatarSrc: d == null ? void 0 : d.src,
                 greeting: K,
                 subtitle: V,
-                suggestions: o,
-                onSuggestion: i
+                suggestions: i,
+                onSuggestion: o
               }
             ),
             /* @__PURE__ */ e(
               "div",
               {
                 className: [
-                  "ds:shrink-0 ds:border-t ds:border-[color:var(--border)]",
-                  "ds:bg-[var(--background)]",
+                  // No top divider — the ChatInput's own soft shadow + the
+                  // border-radius give it enough visual containment, and a
+                  // surface-level separator here read as a sharp line at
+                  // 1px-equivalent shadow blur. Keep the bg explicit so
+                  // the chat-input chrome paints over the messages-area
+                  // background instead of mixing with it.
+                  "ds:shrink-0 ds:bg-[var(--background)]",
                   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
                   "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
                 ].join(" "),
@@ -478,7 +486,7 @@ const w = L(
               }
             )
           ] }) : /* @__PURE__ */ e(
-            re,
+            ae,
             {
               messages: Y,
               density: x,
@@ -491,12 +499,12 @@ const w = L(
     );
   }
 );
-w.displayName = "LeoChatSurface";
-const ye = L(
-  ({ headerSlot: s, ...r }, a) => /* @__PURE__ */ c(
+C.displayName = "LeoChatSurface";
+const ye = k(
+  ({ headerSlot: s, ...a }, r) => /* @__PURE__ */ c(
     "div",
     {
-      ref: a,
+      ref: r,
       className: [
         "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
         "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]",
@@ -524,7 +532,7 @@ const ye = L(
               "ds:[max-inline-size:48rem]",
               "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
             ].join(" "),
-            children: /* @__PURE__ */ e(w, { ...r })
+            children: /* @__PURE__ */ e(C, { ...a })
           }
         ) })
       ]
@@ -535,17 +543,17 @@ ye.displayName = "LeoEmbedded";
 function ze(s) {
   return s > 99 ? "99+" : String(s);
 }
-const je = L(
+const we = k(
   ({
     open: s,
-    onOpenChange: r,
-    position: a = "bottom-end",
-    unseenCount: i,
-    assistantName: o,
+    onOpenChange: a,
+    position: r = "bottom-end",
+    unseenCount: o,
+    assistantName: i,
     assistantAvatar: t,
     ...u
   }, l) => {
-    const { t: n } = y(), m = o || n("leo.name"), d = typeof i == "number" && i > 0, h = d ? n("leo.unseenCount", { count: i }) : n("leo.open"), v = /* @__PURE__ */ e(ee.Close, { asChild: !0, children: /* @__PURE__ */ e(
+    const { t: n } = y(), m = i || n("leo.name"), d = typeof o == "number" && o > 0, b = d ? n("leo.unseenCount", { count: o }) : n("leo.open"), v = /* @__PURE__ */ e(ee.Close, { asChild: !0, children: /* @__PURE__ */ e(
       B,
       {
         icon: /* @__PURE__ */ e(de, { "aria-hidden": "true" }),
@@ -555,7 +563,7 @@ const je = L(
         "data-testid": "leo-popout-close"
       }
     ) });
-    return /* @__PURE__ */ c(E.Root, { open: s, onOpenChange: r, children: [
+    return /* @__PURE__ */ c(E.Root, { open: s, onOpenChange: a, children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -563,7 +571,7 @@ const je = L(
           className: [
             "ds:fixed ds:z-[var(--z-fixed)]",
             "ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
-            a === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
+            r === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
           ].join(" "),
           "data-testid": "leo-popout-fab-wrapper",
           children: /* @__PURE__ */ c("div", { className: "ds:relative", children: [
@@ -571,11 +579,11 @@ const je = L(
               se,
               {
                 icon: /* @__PURE__ */ e(M, { "aria-hidden": "true" }),
-                "aria-label": h,
+                "aria-label": b,
                 variant: "primary",
                 size: "md",
                 position: "static",
-                onClick: () => r(!0),
+                onClick: () => a(!0),
                 "data-testid": "leo-popout-fab"
               }
             ),
@@ -596,7 +604,7 @@ const je = L(
                   "ds:pointer-events-none ds:select-none",
                   "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
                 ].join(" "),
-                children: ze(i)
+                children: ze(o)
               }
             ) : null
           ] })
@@ -613,7 +621,7 @@ const je = L(
           children: [
             /* @__PURE__ */ e(E.Title, { className: "ds:sr-only", children: m }),
             /* @__PURE__ */ e(
-              w,
+              C,
               {
                 ...u,
                 assistantName: m,
@@ -628,22 +636,22 @@ const je = L(
     ] });
   }
 );
-je.displayName = "LeoPopout";
-function ke(s) {
+we.displayName = "LeoPopout";
+function je(s) {
   return s > 99 ? "99+" : String(s);
 }
-const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
+const ke = "ds:[inline-size:22rem]", Le = "ds:[inline-size:3rem]", Ce = k(
   ({
     open: s,
-    onOpenChange: r,
-    side: a = "end",
-    unseenCount: i,
-    footerSlot: o,
+    onOpenChange: a,
+    side: r = "end",
+    unseenCount: o,
+    footerSlot: i,
     assistantName: t,
     assistantAvatar: u,
     ...l
   }, n) => {
-    const { t: m } = y(), d = t || m("leo.name"), h = typeof i == "number" && i > 0, v = a === "end" ? "ds:border-s ds:border-[color:var(--border)]" : "ds:border-e ds:border-[color:var(--border)]", I = h ? m("leo.unseenCount", { count: i }) : m("leo.open");
+    const { t: m } = y(), d = t || m("leo.name"), b = typeof o == "number" && o > 0, v = r === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", I = b ? m("leo.unseenCount", { count: o }) : m("leo.open");
     if (!s)
       return /* @__PURE__ */ e(
         "aside",
@@ -655,7 +663,7 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
             "ds:bg-[var(--background)]",
             v,
             "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-            Ce
+            Le
           ].join(" "),
           "data-testid": "leo-sidebar-rail",
           "data-leo-sidebar-state": "collapsed",
@@ -668,11 +676,11 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
                 "aria-expanded": "false",
                 intent: "ghost",
                 size: "sm",
-                onClick: () => r(!0),
+                onClick: () => a(!0),
                 "data-testid": "leo-sidebar-rail-trigger"
               }
             ),
-            h ? /* @__PURE__ */ e(
+            b ? /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
@@ -689,7 +697,7 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
                   "ds:pointer-events-none ds:select-none",
                   "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
                 ].join(" "),
-                children: ke(i)
+                children: je(o)
               }
             ) : null
           ] })
@@ -698,12 +706,12 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
     const x = /* @__PURE__ */ e(
       B,
       {
-        icon: a === "end" ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(fe, {}),
+        icon: r === "end" ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(fe, {}),
         intent: "ghost",
         size: "sm",
         "aria-label": m("leo.close"),
         "aria-expanded": "true",
-        onClick: () => r(!1),
+        onClick: () => a(!1),
         "data-testid": "leo-sidebar-collapse"
       }
     );
@@ -716,14 +724,14 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
           "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
           "ds:bg-[var(--background)]",
           v,
-          Le,
+          ke,
           "ds:h-full"
         ].join(" "),
         "data-testid": "leo-sidebar",
         "data-leo-sidebar-state": "expanded",
         children: [
           /* @__PURE__ */ e("div", { className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col", children: /* @__PURE__ */ e(
-            w,
+            C,
             {
               ...l,
               assistantName: d,
@@ -732,12 +740,12 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
               headerEndSlot: x
             }
           ) }),
-          o ? /* @__PURE__ */ e(
+          i ? /* @__PURE__ */ e(
             "div",
             {
               "data-testid": "leo-sidebar-footer-slot",
-              className: "ds:shrink-0 ds:border-t ds:border-[color:var(--border)]",
-              children: o
+              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
+              children: i
             }
           ) : null
         ]
@@ -745,11 +753,11 @@ const Le = "ds:[inline-size:22rem]", Ce = "ds:[inline-size:3rem]", we = L(
     );
   }
 );
-we.displayName = "LeoSidebar";
+Ce.displayName = "LeoSidebar";
 export {
-  w as L,
+  C as L,
   ye as a,
-  je as b,
-  we as c
+  we as b,
+  Ce as c
 };
-//# sourceMappingURL=leo-sidebar-BzN4pJ7j.js.map
+//# sourceMappingURL=leo-sidebar-nbHib2D-.js.map