@alfadocs/ui-kit-debug 0.1.8

package/dist/_chunks/leo-sidebar-nbHib2D-.js

@@ -0,0 +1,763 @@
+import { jsx as e, jsxs as c, Fragment as A } from "react/jsx-runtime";
+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 L } from "./avatar-Dcr6XuDQ.js";
+import { B as D } from "./button-7mLWcMp_.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";
+import { P as me } from "./plus-CYKNmfuA.js";
+import { U as pe } from "./user-CPxpqFjJ.js";
+import { a as ue, C as fe } from "./chevrons-right-d9MwesPG.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ge = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+], M = ce("sparkles", ge), Q = {
+  sm: {
+    box: "ds:size-[calc(var(--spacing-md)*2)]",
+    icon: "ds:size-4"
+  },
+  md: {
+    box: "ds:size-[calc(var(--spacing-md)*2.5)]",
+    icon: "ds:size-[1.125rem]"
+  },
+  xl: {
+    box: "ds:size-[calc(var(--spacing-md)*4)]",
+    icon: "ds:size-8"
+  }
+};
+function w({
+  size: s,
+  label: a
+}) {
+  const r = Q[s];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": a,
+      className: [
+        "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+        "ds:rounded-[var(--radius-full)]",
+        // Subtle accent-tinted disc so the sparkle reads against both
+        // light and dark surfaces without a hard-coded literal colour.
+        "ds:bg-[color-mix(in_srgb,var(--accent)_14%,transparent)]",
+        "ds:text-[color:var(--accent)]",
+        // 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]",
+        r.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: r.icon })
+    }
+  );
+}
+function he({
+  size: s,
+  label: a
+}) {
+  const r = Q[s];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "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]",
+        r.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(pe, { "aria-hidden": "true", className: r.icon })
+    }
+  );
+}
+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: a,
+  greeting: r,
+  subtitle: o,
+  suggestions: i,
+  onSuggestion: t
+}) {
+  const { t: u } = y(), l = "leo-empty-state-heading";
+  return /* @__PURE__ */ c(
+    "section",
+    {
+      role: "region",
+      "aria-labelledby": l,
+      className: [
+        "ds:flex ds:flex-1 ds:min-h-0 ds:flex-col ds:items-center ds:justify-center",
+        "ds:text-center",
+        "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]",
+        "ds:pt-[var(--spacing-xl)] ds:pb-[var(--spacing-xl)]",
+        "ds:gap-[var(--spacing-md)]"
+      ].join(" "),
+      "data-testid": "leo-empty-state",
+      children: [
+        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: r
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: o })
+        ] }),
+        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: i.map((n) => /* @__PURE__ */ e(
+              O,
+              {
+                intent: "suggestion",
+                startIcon: n.icon,
+                keepOnSelect: !0,
+                onSelect: () => t == null ? void 0 : t(n),
+                children: n.label
+              },
+              n.id
+            ))
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function xe({
+  message: s,
+  assistantName: a,
+  avatarSrc: r,
+  renderMarkdown: o
+}) {
+  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 ? 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: [
+        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",
+          {
+            dir: "auto",
+            className: [
+              "ds:relative ds:max-w-[min(42rem,90%)]",
+              "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+              "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+              "type-body",
+              "ds:break-words",
+              "ds:bg-muted/40 ds:text-foreground",
+              "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]"
+            ].join(" "),
+            children: /* @__PURE__ */ e(
+              ie,
+              {
+                content: s.content,
+                isStreaming: !0,
+                renderMarkdown: o
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Ne({
+  assistantName: s,
+  avatarSrc: a,
+  onNewConversation: r,
+  headerEndSlot: o,
+  density: i
+}) {
+  const { t } = y();
+  return /* @__PURE__ */ c(
+    "header",
+    {
+      "aria-label": t("leo.headerLabel"),
+      className: [
+        "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]",
+        // 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)]",
+        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: [
+        a ? /* @__PURE__ */ e(
+          L,
+          {
+            name: s,
+            src: a,
+            size: i === "compact" ? "sm" : "md"
+          }
+        ) : /* @__PURE__ */ e(
+          w,
+          {
+            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: [
+          r ? /* @__PURE__ */ e(
+            D,
+            {
+              intent: "ghost",
+              size: "sm",
+              startIcon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+              onClick: r,
+              children: t("leo.newConversation")
+            }
+          ) : null,
+          o
+        ] })
+      ]
+    }
+  );
+}
+const C = k(
+  ({
+    messages: s,
+    onSend: a,
+    onRetry: r,
+    onSuggestion: o,
+    suggestions: i,
+    isGenerating: t = !1,
+    onStopGenerating: u,
+    usage: l,
+    onUpgrade: n,
+    assistantName: m,
+    assistantAvatar: d,
+    userAvatar: b,
+    greeting: v,
+    subtitle: I,
+    density: x = "default",
+    renderMarkdown: S = !0,
+    onNewConversation: W,
+    onAttach: X,
+    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], 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 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(
+            re,
+            {
+              role: h.role,
+              content: h.content,
+              avatar: _,
+              timestamp: h.timestamp,
+              status: h.status,
+              renderMarkdown: S,
+              onRetry: r ? () => r(h.id) : void 0
+            }
+          )
+        };
+      });
+      return j && g && T.push({
+        id: g.id,
+        node: /* @__PURE__ */ e(
+          xe,
+          {
+            message: g,
+            assistantName: f,
+            avatarSrc: d == null ? void 0 : d.src,
+            renderMarkdown: S
+          }
+        )
+      }), 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(
+            L,
+            {
+              name: f,
+              src: d.src,
+              size: "sm"
+            }
+          ) : /* @__PURE__ */ e(w, { size: "sm", label: f }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: [
+                "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+                "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]",
+                "ds:bg-muted/40"
+              ].join(" "),
+              children: /* @__PURE__ */ e(
+                oe,
+                {
+                  label: p("chat.typing"),
+                  density: x
+                }
+              )
+            }
+          )
+        ] })
+      }), T;
+    }, [
+      P,
+      j,
+      g,
+      t,
+      f,
+      d == null ? void 0 : d.src,
+      b,
+      S,
+      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", {
+      current: l.current,
+      limit: l.limit
+    }) : null, R = s.length === 0 && !t, H = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      l ? /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: [
+                "type-meta",
+                z ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
+              ].join(" "),
+              "data-testid": "leo-usage-label",
+              children: z ? p("leo.usageLimitReached") : F
+            }
+          ),
+          z && n ? /* @__PURE__ */ e(D, { intent: "primary", size: "sm", onClick: n, children: p("leo.upgrade") }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          te,
+          {
+            value: G,
+            max: 100,
+            size: "sm",
+            ariaLabel: F ?? p("leo.usageLabel", {
+              current: l.current,
+              limit: l.limit
+            }),
+            className: z ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
+            "data-testid": "leo-usage-progress"
+          }
+        )
+      ] }) : null,
+      !R && i && i.length > 0 && !t ? /* @__PURE__ */ e(
+        q,
+        {
+          label: p("leo.exampleQuestions"),
+          "data-testid": "leo-followup-suggestions",
+          children: i.map((N) => /* @__PURE__ */ e(
+            O,
+            {
+              intent: "followup",
+              startIcon: N.icon,
+              keepOnSelect: !0,
+              onSelect: () => o == null ? void 0 : o(N),
+              children: N.label
+            },
+            N.id
+          ))
+        }
+      ) : null,
+      /* @__PURE__ */ c("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(
+          le,
+          {
+            submitOnEnter: !0,
+            onSubmit: a,
+            onAttach: X,
+            accept: Z,
+            disabled: z,
+            "data-testid": "leo-composer"
+          }
+        ) }),
+        t && u ? /* @__PURE__ */ e(
+          D,
+          {
+            intent: "outline",
+            size: "sm",
+            startIcon: /* @__PURE__ */ e(ne, { "aria-hidden": "true" }),
+            onClick: u,
+            "aria-label": p("leo.stopGenerating"),
+            children: p("leo.stopGenerating")
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: J,
+        className: [
+          "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
+          "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]"
+        ].join(" "),
+        "data-testid": "leo-surface",
+        children: [
+          /* @__PURE__ */ e(
+            Ne,
+            {
+              assistantName: f,
+              avatarSrc: d == null ? void 0 : d.src,
+              onNewConversation: W,
+              headerEndSlot: $,
+              density: x
+            }
+          ),
+          R ? /* @__PURE__ */ c(A, { children: [
+            /* @__PURE__ */ e(
+              ve,
+              {
+                assistantName: f,
+                avatarSrc: d == null ? void 0 : d.src,
+                greeting: K,
+                subtitle: V,
+                suggestions: i,
+                onSuggestion: o
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: [
+                  // 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(" "),
+                children: H
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            ae,
+            {
+              messages: Y,
+              density: x,
+              composer: H,
+              className: "ds:flex-1 ds:min-h-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+C.displayName = "LeoChatSurface";
+const ye = k(
+  ({ headerSlot: s, ...a }, r) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
+        "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]",
+        "ds:h-full ds:w-full"
+      ].join(" "),
+      "data-testid": "leo-embedded",
+      children: [
+        s ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "ds:shrink-0",
+              "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]",
+              "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
+            ].join(" "),
+            children: s
+          }
+        ) : null,
+        /* @__PURE__ */ e("div", { className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:items-stretch", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "ds:flex ds:min-h-0 ds:w-full ds:flex-1 ds:flex-col",
+              "ds:ms-auto ds:me-auto",
+              "ds:[max-inline-size:48rem]",
+              "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+            ].join(" "),
+            children: /* @__PURE__ */ e(C, { ...a })
+          }
+        ) })
+      ]
+    }
+  )
+);
+ye.displayName = "LeoEmbedded";
+function ze(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const we = k(
+  ({
+    open: s,
+    onOpenChange: a,
+    position: r = "bottom-end",
+    unseenCount: o,
+    assistantName: i,
+    assistantAvatar: t,
+    ...u
+  }, l) => {
+    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" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": n("leo.close"),
+        "data-testid": "leo-popout-close"
+      }
+    ) });
+    return /* @__PURE__ */ c(E.Root, { open: s, onOpenChange: a, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: l,
+          className: [
+            "ds:fixed ds:z-[var(--z-fixed)]",
+            "ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
+            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: [
+            /* @__PURE__ */ e(
+              se,
+              {
+                icon: /* @__PURE__ */ e(M, { "aria-hidden": "true" }),
+                "aria-label": b,
+                variant: "primary",
+                size: "md",
+                position: "static",
+                onClick: () => a(!0),
+                "data-testid": "leo-popout-fab"
+              }
+            ),
+            d ? /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": "leo-popout-badge",
+                className: [
+                  "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+                  "ds:inline-flex ds:items-center ds:justify-center",
+                  "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+                  "ds:rounded-[var(--radius-full)]",
+                  "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+                  "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+                  "ds:pointer-events-none ds:select-none",
+                  "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+                ].join(" "),
+                children: ze(o)
+              }
+            ) : null
+          ] })
+        }
+      ),
+      /* @__PURE__ */ c(
+        E.Content,
+        {
+          side: "end",
+          size: "md",
+          "aria-label": n("leo.panelLabel"),
+          className: "ds:flex ds:min-h-0 ds:flex-col ds:p-0",
+          "data-testid": "leo-popout-panel",
+          children: [
+            /* @__PURE__ */ e(E.Title, { className: "ds:sr-only", children: m }),
+            /* @__PURE__ */ e(
+              C,
+              {
+                ...u,
+                assistantName: m,
+                assistantAvatar: t,
+                density: "compact",
+                headerEndSlot: v
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+we.displayName = "LeoPopout";
+function je(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const ke = "ds:[inline-size:22rem]", Le = "ds:[inline-size:3rem]", Ce = k(
+  ({
+    open: s,
+    onOpenChange: a,
+    side: r = "end",
+    unseenCount: o,
+    footerSlot: i,
+    assistantName: t,
+    assistantAvatar: u,
+    ...l
+  }, n) => {
+    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",
+        {
+          ref: n,
+          "aria-label": m("leo.panelLabel"),
+          className: [
+            "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+            "ds:bg-[var(--background)]",
+            v,
+            "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+            Le
+          ].join(" "),
+          "data-testid": "leo-sidebar-rail",
+          "data-leo-sidebar-state": "collapsed",
+          children: /* @__PURE__ */ c("div", { className: "ds:relative ds:[&_svg]:text-[color:var(--accent)]", children: [
+            /* @__PURE__ */ e(
+              B,
+              {
+                icon: /* @__PURE__ */ e(M, { "aria-hidden": "true" }),
+                "aria-label": I,
+                "aria-expanded": "false",
+                intent: "ghost",
+                size: "sm",
+                onClick: () => a(!0),
+                "data-testid": "leo-sidebar-rail-trigger"
+              }
+            ),
+            b ? /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": "leo-sidebar-badge",
+                className: [
+                  "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+                  "ds:inline-flex ds:items-center ds:justify-center",
+                  "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+                  "ds:rounded-[var(--radius-full)]",
+                  "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+                  "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+                  "ds:pointer-events-none ds:select-none",
+                  "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+                ].join(" "),
+                children: je(o)
+              }
+            ) : null
+          ] })
+        }
+      );
+    const x = /* @__PURE__ */ e(
+      B,
+      {
+        icon: r === "end" ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(fe, {}),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": m("leo.close"),
+        "aria-expanded": "true",
+        onClick: () => a(!1),
+        "data-testid": "leo-sidebar-collapse"
+      }
+    );
+    return /* @__PURE__ */ c(
+      "aside",
+      {
+        ref: n,
+        "aria-label": m("leo.panelLabel"),
+        className: [
+          "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
+          "ds:bg-[var(--background)]",
+          v,
+          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(
+            C,
+            {
+              ...l,
+              assistantName: d,
+              assistantAvatar: u,
+              density: "compact",
+              headerEndSlot: x
+            }
+          ) }),
+          i ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "leo-sidebar-footer-slot",
+              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
+              children: i
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Ce.displayName = "LeoSidebar";
+export {
+  C as L,
+  ye as a,
+  we as b,
+  Ce as c
+};
+//# sourceMappingURL=leo-sidebar-nbHib2D-.js.map