@alfadocs/ui-kit 0.0.19 → 0.1.0

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

@@ -1,755 +0,0 @@
-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