@alfadocs/ui-kit 0.45.0 → 0.47.0

package/dist/_chunks/alia-sidebar-Be8FhKYd.js

@@ -1,837 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as se } from "react/jsx-runtime";
-import { forwardRef as _, useMemo as q } from "react";
-import * as ae from "@radix-ui/react-dialog";
-import { useTranslation as y } from "react-i18next";
-import { F as de } from "./floating-action-button-pojvb9gG.js";
-import { I as P } from "./icon-button-CKEOrN37.js";
-import { S as D } from "./sheet-xbzu4YiY.js";
-import { X as ie } from "./x-CCcI3eJp.js";
-import { S as F } from "./sparkles-CuYXqQLg.js";
-import { A as I } from "./avatar-BNQNhoyL.js";
-import { B as M } from "./button-DD_0Xdmr.js";
-import { C as re } from "./chat-container-ogB4OskO.js";
-import { C as le } from "./chat-message-ASgGtj-L.js";
-import { C as te } from "./chat-input-CQe7nR_v.js";
-import { S as ne } from "./spinner-OjQNn8oN.js";
-import { S as ce } from "./streaming-text-GH07yIYh.js";
-import { a as O, S as Q } from "./suggestion-chip-C4kxWUIs.js";
-import { T as oe } from "./typing-indicator-DHeVN4ob.js";
-import { P as me } from "./progress-kzIRcdaq.js";
-import { S as pe } from "./square-CZoGU14v.js";
-import { c as ue } from "./createLucideIcon-CrFbzy84.js";
-import { P as fe } from "./plus-CYKNmfuA.js";
-import { U as ge } from "./user-CPxpqFjJ.js";
-import { a as he, C as ve } 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 be = [
-  [
-    "path",
-    {
-      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-      key: "oel41y"
-    }
-  ],
-  ["path", { d: "m14.5 9.5-5 5", key: "17q4r4" }],
-  ["path", { d: "m9.5 9.5 5 5", key: "18nt4w" }]
-], xe = ue("shield-x", be), W = {
-  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,
-  appearance: r = "sparkle",
-  loading: t = !1
-}) {
-  const d = W[s];
-  return r === "spinner" ? /* @__PURE__ */ e(
-    "span",
-    {
-      role: "img",
-      "aria-label": a,
-      className: "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:text-[color:var(--primary)]",
-      children: /* @__PURE__ */ e(
-        ne,
-        {
-          "aria-hidden": !0,
-          variant: t ? "pulse" : "static",
-          className: d.box
-        }
-      )
-    }
-  ) : /* @__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]",
-        d.box
-      ].join(" "),
-      children: /* @__PURE__ */ e(F, { "aria-hidden": "true", className: d.icon })
-    }
-  );
-}
-function Ne({
-  size: s,
-  label: a
-}) {
-  const r = W[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(ge, { "aria-hidden": "true", className: r.icon })
-    }
-  );
-}
-function ye({ note: s }) {
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      role: "status",
-      className: [
-        "ds:flex ds:w-full ds:flex-col ds:items-center ds:text-center",
-        "ds:gap-[var(--spacing-xs)]"
-      ].join(" "),
-      "data-testid": "alia-ended-divider",
-      children: [
-        /* @__PURE__ */ e(
-          xe,
-          {
-            "aria-hidden": "true",
-            className: "ds:size-5 ds:text-[color:var(--destructive)]"
-          }
-        ),
-        /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: s })
-      ]
-    }
-  );
-}
-function ze(s, a) {
-  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(Ne, { size: "sm", label: a }) };
-}
-function we({
-  assistantName: s,
-  avatarSrc: a,
-  greeting: r,
-  subtitle: t,
-  suggestions: d,
-  onSuggestion: n
-}) {
-  const { t: u } = y(), l = "alia-empty-state-heading";
-  return /* @__PURE__ */ c(
-    "section",
-    {
-      "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": "alia-empty-state",
-      children: [
-        a ? /* @__PURE__ */ e(I, { name: s, src: a, size: "xl" }) : /* @__PURE__ */ e(
-          w,
-          {
-            size: "xl",
-            label: s,
-            appearance: "spinner"
-          }
-        ),
-        /* @__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: t })
-        ] }),
-        d && d.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
-          O,
-          {
-            label: u("alia.exampleQuestions"),
-            className: "ds:justify-center",
-            children: d.map((o) => /* @__PURE__ */ e(
-              Q,
-              {
-                intent: "suggestion",
-                startIcon: o.icon,
-                keepOnSelect: !0,
-                onSelect: () => n == null ? void 0 : n(o),
-                children: o.label
-              },
-              o.id
-            ))
-          }
-        ) }) : null
-      ]
-    }
-  );
-}
-function je({
-  message: s,
-  assistantName: a,
-  avatarSrc: r,
-  renderMarkdown: t
-}) {
-  const { t: d, i18n: n } = y(), u = d("chat.message.role.assistant"), l = q(() => {
-    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(n.language, {
-      hour: "2-digit",
-      minute: "2-digit"
-    }).format(m);
-  }, [s.timestamp, n.language]), o = l ? d("chat.message.label", { role: u, time: l }) : d("chat.message.labelNoTime", { role: u });
-  return /* @__PURE__ */ c(
-    "article",
-    {
-      "aria-label": o,
-      className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
-      children: [
-        r ? /* @__PURE__ */ e(I, { name: a, src: r, size: "sm" }) : /* @__PURE__ */ e(
-          w,
-          {
-            size: "sm",
-            label: a,
-            appearance: "spinner",
-            loading: !0
-          }
-        ),
-        /* @__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(
-              ce,
-              {
-                content: s.content,
-                isStreaming: !0,
-                renderMarkdown: t
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  );
-}
-function ke({
-  assistantName: s,
-  avatarSrc: a,
-  onNewConversation: r,
-  headerEndSlot: t,
-  density: d
-}) {
-  const { t: n } = y();
-  return /* @__PURE__ */ c(
-    "header",
-    {
-      "aria-label": n("alia.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 Alia sidebar's inline
-        // edge (see alia-sidebar.tsx).
-        "ds:shadow-[var(--shadow-chrome-down)]",
-        "ds:bg-[var(--background)]",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        d === "compact" ? "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-      ].join(" "),
-      "data-testid": "alia-header",
-      children: [
-        a ? /* @__PURE__ */ e(
-          I,
-          {
-            name: s,
-            src: a,
-            size: d === "compact" ? "sm" : "md"
-          }
-        ) : /* @__PURE__ */ e(
-          w,
-          {
-            size: d === "compact" ? "sm" : "md",
-            label: s,
-            appearance: "spinner"
-          }
-        ),
-        /* @__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(
-            M,
-            {
-              intent: "ghost",
-              size: "sm",
-              startIcon: /* @__PURE__ */ e(fe, { "aria-hidden": "true" }),
-              onClick: r,
-              children: n("alia.newConversation")
-            }
-          ) : null,
-          t
-        ] })
-      ]
-    }
-  );
-}
-const L = _(
-  ({
-    messages: s,
-    onSend: a,
-    onRetry: r,
-    onSuggestion: t,
-    suggestions: d,
-    isGenerating: n = !1,
-    onStopGenerating: u,
-    usage: l,
-    onUpgrade: o,
-    assistantName: m,
-    assistantAvatar: i,
-    userAvatar: v,
-    greeting: b,
-    subtitle: T,
-    density: x = "default",
-    renderMarkdown: E = !0,
-    onNewConversation: V,
-    onAttach: Z,
-    acceptedFileTypes: $,
-    headerEndSlot: J,
-    ended: j
-  }, K) => {
-    const { t: p } = y(), k = j != null, f = m ?? p("alia.name"), Y = b ?? p("alia.greeting"), G = T ?? p("alia.subtitle"), g = s[s.length - 1], C = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, R = C ? s.slice(0, -1) : s, A = q(() => {
-      const N = p("chat.message.role.user"), S = R.map((h) => {
-        let B;
-        return h.role === "assistant" ? B = i != null && i.src ? { name: f, src: i.src } : {
-          slot: /* @__PURE__ */ e(
-            w,
-            {
-              size: "sm",
-              label: f,
-              appearance: "spinner"
-            }
-          )
-        } : h.role === "user" && (B = ze(v, N)), {
-          id: h.id,
-          node: /* @__PURE__ */ e(
-            le,
-            {
-              role: h.role,
-              content: h.content,
-              avatar: B,
-              timestamp: h.timestamp,
-              status: h.status,
-              renderMarkdown: E,
-              onRetry: r ? () => r(h.id) : void 0
-            }
-          )
-        };
-      });
-      return C && g && S.push({
-        id: g.id,
-        node: /* @__PURE__ */ e(
-          je,
-          {
-            message: g,
-            assistantName: f,
-            avatarSrc: i == null ? void 0 : i.src,
-            renderMarkdown: E
-          }
-        )
-      }), n && !C && S.push({
-        id: "__alia-typing__",
-        node: /* @__PURE__ */ c("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-          i != null && i.src ? /* @__PURE__ */ e(
-            I,
-            {
-              name: f,
-              src: i.src,
-              size: "sm"
-            }
-          ) : /* @__PURE__ */ e(
-            w,
-            {
-              size: "sm",
-              label: f,
-              appearance: "spinner"
-            }
-          ),
-          /* @__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 })
-            }
-          )
-        ] })
-      }), j && S.push({
-        id: "__alia-ended__",
-        node: /* @__PURE__ */ e(ye, { note: j.note })
-      }), S;
-    }, [
-      R,
-      C,
-      g,
-      n,
-      f,
-      i == null ? void 0 : i.src,
-      v,
-      E,
-      r,
-      x,
-      j,
-      p
-    ]), ee = l ? Math.min(
-      100,
-      Math.max(0, l.current / Math.max(1, l.limit) * 100)
-    ) : 0, z = l ? l.current >= l.limit : !1, H = l ? l.label ?? p("alia.usageLabel", {
-      current: l.current,
-      limit: l.limit
-    }) : null, U = s.length === 0 && !n && !k, X = /* @__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": "alia-usage-label",
-              children: z ? p("alia.usageLimitReached") : H
-            }
-          ),
-          z && o ? /* @__PURE__ */ e(M, { intent: "primary", size: "sm", onClick: o, children: p("alia.upgrade") }) : null
-        ] }),
-        /* @__PURE__ */ e(
-          me,
-          {
-            value: ee,
-            max: 100,
-            size: "sm",
-            ariaLabel: H ?? p("alia.usageLabel", {
-              current: l.current,
-              limit: l.limit
-            }),
-            className: z ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
-            "data-testid": "alia-usage-progress"
-          }
-        )
-      ] }) : null,
-      !U && d && d.length > 0 && !n && !k ? /* @__PURE__ */ e(
-        O,
-        {
-          label: p("alia.exampleQuestions"),
-          "data-testid": "alia-followup-suggestions",
-          children: d.map((N) => /* @__PURE__ */ e(
-            Q,
-            {
-              intent: "followup",
-              startIcon: N.icon,
-              keepOnSelect: !0,
-              onSelect: () => t == null ? void 0 : t(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(
-          te,
-          {
-            submitOnEnter: !0,
-            onSubmit: a,
-            onAttach: Z,
-            accept: $,
-            disabled: z || k,
-            "data-testid": "alia-composer"
-          }
-        ) }),
-        n && u && !k ? /* @__PURE__ */ e(
-          M,
-          {
-            intent: "outline",
-            size: "sm",
-            startIcon: /* @__PURE__ */ e(pe, { "aria-hidden": "true" }),
-            onClick: u,
-            "aria-label": p("alia.stopGenerating"),
-            children: p("alia.stopGenerating")
-          }
-        ) : null
-      ] })
-    ] });
-    return /* @__PURE__ */ c(
-      "div",
-      {
-        ref: K,
-        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": "alia-surface",
-        children: [
-          /* @__PURE__ */ e(
-            ke,
-            {
-              assistantName: f,
-              avatarSrc: i == null ? void 0 : i.src,
-              onNewConversation: V,
-              headerEndSlot: J,
-              density: x
-            }
-          ),
-          U ? /* @__PURE__ */ c(se, { children: [
-            /* @__PURE__ */ e(
-              we,
-              {
-                assistantName: f,
-                avatarSrc: i == null ? void 0 : i.src,
-                greeting: Y,
-                subtitle: G,
-                suggestions: d,
-                onSuggestion: t
-              }
-            ),
-            /* @__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: X
-              }
-            )
-          ] }) : /* @__PURE__ */ e(
-            re,
-            {
-              messages: A,
-              density: x,
-              composer: X,
-              className: "ds:flex-1 ds:min-h-0"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-L.displayName = "AliaChatSurface";
-const Ce = _(
-  ({ 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": "alia-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(L, { ...a })
-          }
-        ) })
-      ]
-    }
-  )
-);
-Ce.displayName = "AliaEmbedded";
-function Se(s) {
-  return s > 99 ? "99+" : String(s);
-}
-const _e = _(
-  ({
-    open: s,
-    onOpenChange: a,
-    position: r = "bottom-end",
-    unseenCount: t,
-    assistantName: d,
-    assistantAvatar: n,
-    ...u
-  }, l) => {
-    const { t: o } = y(), m = d || o("alia.name"), i = typeof t == "number" && t > 0, v = i ? o("alia.unseenCount", { count: t }) : o("alia.open"), b = /* @__PURE__ */ e(ae.Close, { asChild: !0, children: /* @__PURE__ */ e(
-      P,
-      {
-        icon: /* @__PURE__ */ e(ie, { "aria-hidden": "true" }),
-        intent: "ghost",
-        size: "sm",
-        "aria-label": o("alia.close"),
-        "data-testid": "alia-popout-close"
-      }
-    ) });
-    return /* @__PURE__ */ c(D.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": "alia-popout-fab-wrapper",
-          children: /* @__PURE__ */ c("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ e(
-              de,
-              {
-                icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
-                "aria-label": v,
-                variant: "primary",
-                size: "md",
-                position: "static",
-                onClick: () => a(!0),
-                "data-testid": "alia-popout-fab"
-              }
-            ),
-            i ? /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                "data-testid": "alia-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: Se(t)
-              }
-            ) : null
-          ] })
-        }
-      ),
-      /* @__PURE__ */ c(
-        D.Content,
-        {
-          side: "end",
-          size: "md",
-          "aria-label": o("alia.panelLabel"),
-          className: "ds:flex ds:min-h-0 ds:flex-col ds:p-0",
-          "data-testid": "alia-popout-panel",
-          children: [
-            /* @__PURE__ */ e(D.Title, { className: "ds:sr-only", children: m }),
-            /* @__PURE__ */ e(
-              L,
-              {
-                ...u,
-                assistantName: m,
-                assistantAvatar: n,
-                density: "compact",
-                headerEndSlot: b
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-_e.displayName = "AliaPopout";
-function Ie(s) {
-  return s > 99 ? "99+" : String(s);
-}
-const Le = "ds:[inline-size:22rem]", Te = "ds:[inline-size:3rem]", Ee = _(
-  ({
-    open: s,
-    onOpenChange: a,
-    side: r = "end",
-    unseenCount: t,
-    footerSlot: d,
-    assistantName: n,
-    assistantAvatar: u,
-    ...l
-  }, o) => {
-    const { t: m } = y(), i = n || m("alia.name"), v = typeof t == "number" && t > 0, b = r === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", T = v ? m("alia.unseenCount", { count: t }) : m("alia.open");
-    if (!s)
-      return /* @__PURE__ */ e(
-        "aside",
-        {
-          ref: o,
-          "aria-label": m("alia.panelLabel"),
-          className: [
-            "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
-            "ds:bg-[var(--background)]",
-            b,
-            "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-            Te
-          ].join(" "),
-          "data-testid": "alia-sidebar-rail",
-          "data-alia-sidebar-state": "collapsed",
-          children: /* @__PURE__ */ c("div", { className: "ds:relative ds:[&_svg]:text-[color:var(--accent)]", children: [
-            /* @__PURE__ */ e(
-              P,
-              {
-                icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
-                "aria-label": T,
-                "aria-expanded": "false",
-                intent: "ghost",
-                size: "sm",
-                onClick: () => a(!0),
-                "data-testid": "alia-sidebar-rail-trigger"
-              }
-            ),
-            v ? /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                "data-testid": "alia-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: Ie(t)
-              }
-            ) : null
-          ] })
-        }
-      );
-    const x = /* @__PURE__ */ e(
-      P,
-      {
-        icon: r === "end" ? /* @__PURE__ */ e(he, {}) : /* @__PURE__ */ e(ve, {}),
-        intent: "ghost",
-        size: "sm",
-        "aria-label": m("alia.close"),
-        "aria-expanded": "true",
-        onClick: () => a(!1),
-        "data-testid": "alia-sidebar-collapse"
-      }
-    );
-    return /* @__PURE__ */ c(
-      "aside",
-      {
-        ref: o,
-        "aria-label": m("alia.panelLabel"),
-        className: [
-          "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
-          "ds:bg-[var(--background)]",
-          b,
-          Le,
-          "ds:h-full"
-        ].join(" "),
-        "data-testid": "alia-sidebar",
-        "data-alia-sidebar-state": "expanded",
-        children: [
-          /* @__PURE__ */ e("div", { className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col", children: /* @__PURE__ */ e(
-            L,
-            {
-              ...l,
-              assistantName: i,
-              assistantAvatar: u,
-              density: "compact",
-              headerEndSlot: x
-            }
-          ) }),
-          d ? /* @__PURE__ */ e(
-            "div",
-            {
-              "data-testid": "alia-sidebar-footer-slot",
-              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
-              children: d
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-Ee.displayName = "AliaSidebar";
-export {
-  L as A,
-  Ce as a,
-  _e as b,
-  Ee as c
-};
-//# sourceMappingURL=alia-sidebar-Be8FhKYd.js.map