@alfadocs/ui-kit 0.0.12

package/dist/_chunks/leo-sidebar-9A9AWBxX.js

@@ -0,0 +1,755 @@
+import { jsx as e, jsxs as d, Fragment as A } from "react/jsx-runtime";
+import { forwardRef as L, useMemo as U } from "react";
+import * as ee from "@radix-ui/react-dialog";
+import { useTranslation as y } from "react-i18next";
+import { F as re } from "./floating-action-button-BM9ib-Wf.js";
+import { I as B } from "./icon-button-C1vpylg3.js";
+import { S as E } from "./sheet-D6XOx0fK.js";
+import { X as ae } from "./x-CCcI3eJp.js";
+import { A as C } from "./avatar-BsV7vRA6.js";
+import { B as D } from "./button-CXL8bA8G.js";
+import { C as le } from "./chat-container-SR3UWxbL.js";
+import { C as oe } from "./chat-message-CdJSD18D.js";
+import { C as ie } from "./chat-input-aphxDjZL.js";
+import { S as te } from "./streaming-text-Cu9YQe_1.js";
+import { a as q, S as O } from "./suggestion-chip-XkxDJiPW.js";
+import { T as ne } from "./typing-indicator-BTVDEpnd.js";
+import { P as se } from "./progress-DL3-izuO.js";
+import { S as ce } from "./square-CZoGU14v.js";
+import { c as de } 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 = de("sparkles", ge), Q = {
+  sm: {
+    box: "size-[calc(var(--spacing-md)*2)]",
+    icon: "size-4"
+  },
+  md: {
+    box: "size-[calc(var(--spacing-md)*2.5)]",
+    icon: "size-[1.125rem]"
+  },
+  xl: {
+    box: "size-[calc(var(--spacing-md)*4)]",
+    icon: "size-8"
+  }
+};
+function j({
+  size: r,
+  label: l
+}) {
+  const o = Q[r];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": l,
+      className: [
+        "inline-flex shrink-0 items-center justify-center",
+        "rounded-[var(--radius-full)]",
+        // Subtle accent-tinted disc so the sparkle reads against both
+        // light and dark surfaces without a hard-coded literal colour.
+        "bg-[color-mix(in_srgb,var(--accent)_14%,transparent)]",
+        "text-[color:var(--accent)]",
+        // forced-colors: UA strips color-mix backgrounds; fall back to
+        // a bordered disc so the identity still reads in HCM.
+        "forced-colors:bg-transparent forced-colors:border forced-colors:border-[CanvasText]",
+        o.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: o.icon })
+    }
+  );
+}
+function be({
+  size: r,
+  label: l
+}) {
+  const o = Q[r];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": l,
+      className: [
+        "inline-flex shrink-0 items-center justify-center",
+        "rounded-[var(--radius-full)]",
+        "bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]",
+        "text-[color:var(--muted-foreground)]",
+        "forced-colors:bg-transparent forced-colors:border forced-colors:border-[CanvasText]",
+        o.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(pe, { "aria-hidden": "true", className: o.icon })
+    }
+  );
+}
+function he(r, l) {
+  return r ? r.slot ? { slot: r.slot } : { name: r.name, src: r.src } : { slot: /* @__PURE__ */ e(be, { size: "sm", label: l }) };
+}
+function ve({
+  assistantName: r,
+  avatarSrc: l,
+  greeting: o,
+  subtitle: n,
+  suggestions: t,
+  onSuggestion: s
+}) {
+  const { t: u } = y(), i = "leo-empty-state-heading";
+  return /* @__PURE__ */ d(
+    "section",
+    {
+      role: "region",
+      "aria-labelledby": i,
+      className: [
+        "flex flex-1 min-h-0 flex-col items-center justify-center",
+        "text-center",
+        "ps-[var(--spacing-lg)] pe-[var(--spacing-lg)]",
+        "pt-[var(--spacing-xl)] pb-[var(--spacing-xl)]",
+        "gap-[var(--spacing-md)]"
+      ].join(" "),
+      "data-testid": "leo-empty-state",
+      children: [
+        l ? /* @__PURE__ */ e(C, { name: r, src: l, size: "xl" }) : /* @__PURE__ */ e(j, { size: "xl", label: r }),
+        /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-[var(--spacing-xs)] max-w-[32rem]", children: [
+          /* @__PURE__ */ e(
+            "h2",
+            {
+              id: i,
+              className: "type-title-section m-0 text-[color:var(--foreground)]",
+              children: o
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "type-body-sm m-0 text-[color:var(--muted-foreground)]", children: n })
+        ] }),
+        t && t.length > 0 ? /* @__PURE__ */ e("div", { className: "w-full max-w-[40rem]", children: /* @__PURE__ */ e(
+          q,
+          {
+            label: u("leo.exampleQuestions"),
+            className: "justify-center",
+            children: t.map((c) => /* @__PURE__ */ e(
+              O,
+              {
+                intent: "suggestion",
+                startIcon: c.icon,
+                keepOnSelect: !0,
+                onSelect: () => s == null ? void 0 : s(c),
+                children: c.label
+              },
+              c.id
+            ))
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function xe({
+  message: r,
+  assistantName: l,
+  avatarSrc: o,
+  renderMarkdown: n
+}) {
+  const { t, i18n: s } = y(), u = t("chat.message.role.assistant"), i = U(() => {
+    if (!r.timestamp) return null;
+    const m = r.timestamp instanceof Date ? r.timestamp : new Date(r.timestamp);
+    return Number.isNaN(m.getTime()) ? null : new Intl.DateTimeFormat(s.language, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(m);
+  }, [r.timestamp, s.language]), c = i ? t("chat.message.label", { role: u, time: i }) : t("chat.message.labelNoTime", { role: u });
+  return /* @__PURE__ */ d(
+    "article",
+    {
+      "aria-label": c,
+      className: "flex w-full items-start flex-row gap-[var(--spacing-sm)]",
+      children: [
+        o ? /* @__PURE__ */ e(C, { name: l, src: o, size: "sm" }) : /* @__PURE__ */ e(j, { size: "sm", label: l }),
+        /* @__PURE__ */ e("div", { className: "flex flex-col items-start", children: /* @__PURE__ */ e(
+          "div",
+          {
+            dir: "auto",
+            className: [
+              "relative max-w-[min(42rem,90%)]",
+              "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+              "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]",
+              "type-body",
+              "break-words",
+              "bg-muted/40 text-foreground",
+              "rounded-[var(--radius-md)] rounded-es-[var(--radius-sm)]"
+            ].join(" "),
+            children: /* @__PURE__ */ e(
+              te,
+              {
+                content: r.content,
+                isStreaming: !0,
+                renderMarkdown: n
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Ne({
+  assistantName: r,
+  avatarSrc: l,
+  onNewConversation: o,
+  headerEndSlot: n,
+  density: t
+}) {
+  const { t: s } = y();
+  return /* @__PURE__ */ d(
+    "header",
+    {
+      "aria-label": s("leo.headerLabel"),
+      className: [
+        "flex shrink-0 items-center gap-[var(--spacing-sm)]",
+        "border-b border-[color:var(--border)]",
+        "bg-[var(--background)]",
+        "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+        t === "compact" ? "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]" : "pt-[var(--spacing-md)] pb-[var(--spacing-md)]"
+      ].join(" "),
+      "data-testid": "leo-header",
+      children: [
+        l ? /* @__PURE__ */ e(
+          C,
+          {
+            name: r,
+            src: l,
+            size: t === "compact" ? "sm" : "md"
+          }
+        ) : /* @__PURE__ */ e(
+          j,
+          {
+            size: t === "compact" ? "sm" : "md",
+            label: r
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "type-title-item text-[color:var(--foreground)]", children: r }),
+        /* @__PURE__ */ d("div", { className: "ms-auto inline-flex items-center gap-[var(--spacing-xs)]", children: [
+          o ? /* @__PURE__ */ e(
+            D,
+            {
+              intent: "ghost",
+              size: "sm",
+              startIcon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+              onClick: o,
+              children: s("leo.newConversation")
+            }
+          ) : null,
+          n
+        ] })
+      ]
+    }
+  );
+}
+const w = L(
+  ({
+    messages: r,
+    onSend: l,
+    onRetry: o,
+    onSuggestion: n,
+    suggestions: t,
+    isGenerating: s = !1,
+    onStopGenerating: u,
+    usage: i,
+    onUpgrade: c,
+    assistantName: m,
+    assistantAvatar: a,
+    userAvatar: h,
+    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 = r[r.length - 1], k = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, P = k ? r.slice(0, -1) : r, Y = U(() => {
+      const N = p("chat.message.role.user"), T = P.map((b) => {
+        let _;
+        return b.role === "assistant" ? _ = a != null && a.src ? { name: f, src: a.src } : { slot: /* @__PURE__ */ e(j, { size: "sm", label: f }) } : b.role === "user" && (_ = he(h, N)), {
+          id: b.id,
+          node: /* @__PURE__ */ e(
+            oe,
+            {
+              role: b.role,
+              content: b.content,
+              avatar: _,
+              timestamp: b.timestamp,
+              status: b.status,
+              renderMarkdown: S,
+              onRetry: o ? () => o(b.id) : void 0
+            }
+          )
+        };
+      });
+      return k && g && T.push({
+        id: g.id,
+        node: /* @__PURE__ */ e(
+          xe,
+          {
+            message: g,
+            assistantName: f,
+            avatarSrc: a == null ? void 0 : a.src,
+            renderMarkdown: S
+          }
+        )
+      }), s && !k && T.push({
+        id: "__leo-typing__",
+        node: /* @__PURE__ */ d("div", { className: "flex w-full items-start gap-[var(--spacing-sm)]", children: [
+          a != null && a.src ? /* @__PURE__ */ e(
+            C,
+            {
+              name: f,
+              src: a.src,
+              size: "sm"
+            }
+          ) : /* @__PURE__ */ e(j, { size: "sm", label: f }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: [
+                "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+                "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]",
+                "rounded-[var(--radius-md)] rounded-es-[var(--radius-sm)]",
+                "bg-muted/40"
+              ].join(" "),
+              children: /* @__PURE__ */ e(
+                ne,
+                {
+                  label: p("chat.typing"),
+                  density: x
+                }
+              )
+            }
+          )
+        ] })
+      }), T;
+    }, [
+      P,
+      k,
+      g,
+      s,
+      f,
+      a == null ? void 0 : a.src,
+      h,
+      S,
+      o,
+      x,
+      p
+    ]), G = i ? Math.min(100, Math.max(0, i.current / Math.max(1, i.limit) * 100)) : 0, z = i ? i.current >= i.limit : !1, F = i ? i.label ?? p("leo.usageLabel", {
+      current: i.current,
+      limit: i.limit
+    }) : null, R = r.length === 0 && !s, H = /* @__PURE__ */ d("div", { className: "flex flex-col gap-[var(--spacing-sm)]", children: [
+      i ? /* @__PURE__ */ d("div", { className: "flex flex-col gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: [
+                "type-meta",
+                z ? "text-[color:var(--destructive)]" : "text-[color:var(--muted-foreground)]"
+              ].join(" "),
+              "data-testid": "leo-usage-label",
+              children: z ? p("leo.usageLimitReached") : F
+            }
+          ),
+          z && c ? /* @__PURE__ */ e(D, { intent: "primary", size: "sm", onClick: c, children: p("leo.upgrade") }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          se,
+          {
+            value: G,
+            max: 100,
+            size: "sm",
+            ariaLabel: F ?? p("leo.usageLabel", {
+              current: i.current,
+              limit: i.limit
+            }),
+            className: z ? "[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
+            "data-testid": "leo-usage-progress"
+          }
+        )
+      ] }) : null,
+      !R && t && t.length > 0 && !s ? /* @__PURE__ */ e(
+        q,
+        {
+          label: p("leo.exampleQuestions"),
+          "data-testid": "leo-followup-suggestions",
+          children: t.map((N) => /* @__PURE__ */ e(
+            O,
+            {
+              intent: "followup",
+              startIcon: N.icon,
+              keepOnSelect: !0,
+              onSelect: () => n == null ? void 0 : n(N),
+              children: N.label
+            },
+            N.id
+          ))
+        }
+      ) : null,
+      /* @__PURE__ */ d("div", { className: "flex items-end gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e(
+          ie,
+          {
+            submitOnEnter: !0,
+            onSubmit: l,
+            onAttach: X,
+            accept: Z,
+            disabled: z,
+            "data-testid": "leo-composer"
+          }
+        ) }),
+        s && u ? /* @__PURE__ */ e(
+          D,
+          {
+            intent: "outline",
+            size: "sm",
+            startIcon: /* @__PURE__ */ e(ce, { "aria-hidden": "true" }),
+            onClick: u,
+            "aria-label": p("leo.stopGenerating"),
+            children: p("leo.stopGenerating")
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: J,
+        className: [
+          "flex min-h-0 flex-1 flex-col",
+          "bg-[var(--background)] text-[color:var(--foreground)]"
+        ].join(" "),
+        "data-testid": "leo-surface",
+        children: [
+          /* @__PURE__ */ e(
+            Ne,
+            {
+              assistantName: f,
+              avatarSrc: a == null ? void 0 : a.src,
+              onNewConversation: W,
+              headerEndSlot: $,
+              density: x
+            }
+          ),
+          R ? /* @__PURE__ */ d(A, { children: [
+            /* @__PURE__ */ e(
+              ve,
+              {
+                assistantName: f,
+                avatarSrc: a == null ? void 0 : a.src,
+                greeting: K,
+                subtitle: V,
+                suggestions: t,
+                onSuggestion: n
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: [
+                  "shrink-0 border-t border-[color:var(--border)]",
+                  "bg-[var(--background)]",
+                  "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+                  "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]"
+                ].join(" "),
+                children: H
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            le,
+            {
+              messages: Y,
+              density: x,
+              composer: H,
+              className: "flex-1 min-h-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+w.displayName = "LeoChatSurface";
+const ye = L(
+  ({ headerSlot: r, ...l }, o) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: o,
+      className: [
+        "flex min-h-0 flex-1 flex-col",
+        "bg-[var(--background)] text-[color:var(--foreground)]",
+        "h-full w-full"
+      ].join(" "),
+      "data-testid": "leo-embedded",
+      children: [
+        r ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "shrink-0",
+              "ps-[var(--spacing-lg)] pe-[var(--spacing-lg)]",
+              "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]"
+            ].join(" "),
+            children: r
+          }
+        ) : null,
+        /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col items-stretch", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "flex min-h-0 w-full flex-1 flex-col",
+              "ms-auto me-auto",
+              "[max-inline-size:48rem]",
+              "ps-[var(--spacing-md)] pe-[var(--spacing-md)]"
+            ].join(" "),
+            children: /* @__PURE__ */ e(w, { ...l })
+          }
+        ) })
+      ]
+    }
+  )
+);
+ye.displayName = "LeoEmbedded";
+function ze(r) {
+  return r > 99 ? "99+" : String(r);
+}
+const je = L(
+  ({
+    open: r,
+    onOpenChange: l,
+    position: o = "bottom-end",
+    unseenCount: n,
+    assistantName: t,
+    assistantAvatar: s,
+    ...u
+  }, i) => {
+    const { t: c } = y(), m = t || c("leo.name"), a = typeof n == "number" && n > 0, h = a ? c("leo.unseenCount", { count: n }) : c("leo.open"), v = /* @__PURE__ */ e(ee.Close, { asChild: !0, children: /* @__PURE__ */ e(
+      B,
+      {
+        icon: /* @__PURE__ */ e(ae, { "aria-hidden": "true" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": c("leo.close"),
+        "data-testid": "leo-popout-close"
+      }
+    ) });
+    return /* @__PURE__ */ d(E.Root, { open: r, onOpenChange: l, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: i,
+          className: [
+            "fixed z-[var(--z-fixed)]",
+            "bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
+            o === "bottom-end" ? "end-[var(--spacing-lg)]" : "start-[var(--spacing-lg)]"
+          ].join(" "),
+          "data-testid": "leo-popout-fab-wrapper",
+          children: /* @__PURE__ */ d("div", { className: "relative", children: [
+            /* @__PURE__ */ e(
+              re,
+              {
+                icon: /* @__PURE__ */ e(M, { "aria-hidden": "true" }),
+                "aria-label": h,
+                variant: "primary",
+                size: "md",
+                position: "static",
+                onClick: () => l(!0),
+                "data-testid": "leo-popout-fab"
+              }
+            ),
+            a ? /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": "leo-popout-badge",
+                className: [
+                  "absolute -top-[var(--spacing-xs)] -end-[var(--spacing-xs)]",
+                  "inline-flex items-center justify-center",
+                  "min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ps-[calc(var(--spacing-xs)/1.5)] pe-[calc(var(--spacing-xs)/1.5)]",
+                  "rounded-[var(--radius-full)]",
+                  "bg-[color:var(--destructive)] text-[color:var(--destructive-foreground)]",
+                  "text-[length:var(--font-size-xs)] font-semibold leading-none",
+                  "pointer-events-none select-none",
+                  "forced-colors:outline forced-colors:outline-1 forced-colors:outline-[CanvasText]"
+                ].join(" "),
+                children: ze(n)
+              }
+            ) : null
+          ] })
+        }
+      ),
+      /* @__PURE__ */ d(
+        E.Content,
+        {
+          side: "end",
+          size: "md",
+          "aria-label": c("leo.panelLabel"),
+          className: "flex min-h-0 flex-col p-0",
+          "data-testid": "leo-popout-panel",
+          children: [
+            /* @__PURE__ */ e(E.Title, { className: "sr-only", children: m }),
+            /* @__PURE__ */ e(
+              w,
+              {
+                ...u,
+                assistantName: m,
+                assistantAvatar: s,
+                density: "compact",
+                headerEndSlot: v
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+je.displayName = "LeoPopout";
+function ke(r) {
+  return r > 99 ? "99+" : String(r);
+}
+const Le = "[inline-size:22rem]", Ce = "[inline-size:3rem]", we = L(
+  ({
+    open: r,
+    onOpenChange: l,
+    side: o = "end",
+    unseenCount: n,
+    footerSlot: t,
+    assistantName: s,
+    assistantAvatar: u,
+    ...i
+  }, c) => {
+    const { t: m } = y(), a = s || m("leo.name"), h = typeof n == "number" && n > 0, v = o === "end" ? "border-s border-[color:var(--border)]" : "border-e border-[color:var(--border)]", I = h ? m("leo.unseenCount", { count: n }) : m("leo.open");
+    if (!r)
+      return /* @__PURE__ */ e(
+        "aside",
+        {
+          ref: c,
+          "aria-label": m("leo.panelLabel"),
+          className: [
+            "flex shrink-0 flex-col items-center",
+            "bg-[var(--background)]",
+            v,
+            "pt-[var(--spacing-md)] pb-[var(--spacing-md)]",
+            Ce
+          ].join(" "),
+          "data-testid": "leo-sidebar-rail",
+          "data-leo-sidebar-state": "collapsed",
+          children: /* @__PURE__ */ d("div", { className: "relative [&_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: () => l(!0),
+                "data-testid": "leo-sidebar-rail-trigger"
+              }
+            ),
+            h ? /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": "leo-sidebar-badge",
+                className: [
+                  "absolute -top-[var(--spacing-xs)] -end-[var(--spacing-xs)]",
+                  "inline-flex items-center justify-center",
+                  "min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ps-[calc(var(--spacing-xs)/1.5)] pe-[calc(var(--spacing-xs)/1.5)]",
+                  "rounded-[var(--radius-full)]",
+                  "bg-[color:var(--destructive)] text-[color:var(--destructive-foreground)]",
+                  "text-[length:var(--font-size-xs)] font-semibold leading-none",
+                  "pointer-events-none select-none",
+                  "forced-colors:outline forced-colors:outline-1 forced-colors:outline-[CanvasText]"
+                ].join(" "),
+                children: ke(n)
+              }
+            ) : null
+          ] })
+        }
+      );
+    const x = /* @__PURE__ */ e(
+      B,
+      {
+        icon: o === "end" ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(fe, {}),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": m("leo.close"),
+        "aria-expanded": "true",
+        onClick: () => l(!1),
+        "data-testid": "leo-sidebar-collapse"
+      }
+    );
+    return /* @__PURE__ */ d(
+      "aside",
+      {
+        ref: c,
+        "aria-label": m("leo.panelLabel"),
+        className: [
+          "flex shrink-0 flex-col min-h-0",
+          "bg-[var(--background)]",
+          v,
+          Le,
+          "h-full"
+        ].join(" "),
+        "data-testid": "leo-sidebar",
+        "data-leo-sidebar-state": "expanded",
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ e(
+            w,
+            {
+              ...i,
+              assistantName: a,
+              assistantAvatar: u,
+              density: "compact",
+              headerEndSlot: x
+            }
+          ) }),
+          t ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "leo-sidebar-footer-slot",
+              className: "shrink-0 border-t border-[color:var(--border)]",
+              children: t
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+we.displayName = "LeoSidebar";
+export {
+  w as L,
+  ye as a,
+  je as b,
+  we as c
+};
+//# sourceMappingURL=leo-sidebar-9A9AWBxX.js.map