@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/ai-prompt-input-CI27KmZ1.js

@@ -1,380 +0,0 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { forwardRef as Hs, useId as Es, useRef as U, useCallback as v, useState as g, useLayoutEffect as Os } from "react";
-import { c as js } from "./index-D2ZczOXr.js";
-import { useTranslation as ts } from "react-i18next";
-import { _ as h } from "./index-4xgbg-sn.js";
-import { u as Ds } from "./index-CeY1nNvd.js";
-import { I as rs } from "./icon-button-Wnnde5lc.js";
-import { S as Ks } from "./select-IY_JQa-F.js";
-import { S as Ls } from "./send-CySZIRPJ.js";
-import { X as Ps } from "./x-CCcI3eJp.js";
-const Ws = js(
-  [
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background",
-    "ds:transition-[border-color] ds:duration-[var(--animation-duration)]",
-    "ds:focus-within:border-[color:var(--primary)]",
-    "ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:text-[length:var(--font-size-sm)]",
-        md: "ds:text-[length:var(--font-size-base)]",
-        lg: "ds:text-[length:var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), Qs = Hs(
-  ({
-    commands: d = [],
-    models: l,
-    defaultModelId: B,
-    modelId: Z,
-    onModelChange: T,
-    maxSize: b,
-    accept: ns,
-    context: V,
-    onContextDismiss: x,
-    onSubmit: y,
-    onAttach: N,
-    onAttachmentRejected: I,
-    minRows: $ = 2,
-    maxRows: _ = 8,
-    value: q,
-    defaultValue: C,
-    size: is = "md",
-    disabled: X,
-    className: os,
-    placeholder: ds,
-    onChange: H,
-    onKeyDown: E,
-    onCompositionStart: O,
-    onCompositionEnd: j,
-    onPaste: D,
-    id: ls,
-    ...cs
-  }, f) => {
-    var es;
-    const { t: i } = ts(), ps = Es(), K = U(null), k = U(!1), us = U(null), ms = v(
-      (s) => {
-        K.current = s, typeof f == "function" ? f(s) : f && (f.current = s);
-      },
-      [f]
-    ), u = q !== void 0, [fs, L] = g(
-      String(C ?? "")
-    ), n = u ? String(q) : fs, [m, P] = g([]), [z, w] = g(!1), [vs, S] = g(""), [gs, hs] = g(
-      B ?? ((es = l == null ? void 0 : l[0]) == null ? void 0 : es.id) ?? ""
-    ), Y = Z !== void 0, W = Y ? Z : gs, A = v(() => {
-      const s = K.current;
-      if (!s) return;
-      const e = window.getComputedStyle(s), r = parseFloat(e.lineHeight) || 24, t = parseFloat(e.paddingTop) || 0, c = parseFloat(e.paddingBottom) || 0, o = parseFloat(e.borderTopWidth) || 0, Q = parseFloat(e.borderBottomWidth) || 0, M = t + c + o + Q, Vs = r * $ + M, as = r * _ + M;
-      s.style.height = "auto";
-      const $s = Math.max(Vs, Math.min(s.scrollHeight, as));
-      s.style.height = `${$s}px`, s.style.overflowY = s.scrollHeight > as ? "auto" : "hidden";
-    }, [$, _]);
-    Os(() => {
-      A();
-    }, [A, n]);
-    const bs = v(
-      (s, e) => {
-        const t = s.slice(0, e).lastIndexOf(`
-`) + 1, c = s.slice(t, e);
-        if (c.startsWith("/")) {
-          const o = c.slice(1);
-          if (!/\s/.test(o)) {
-            w(!0), S(o);
-            return;
-          }
-        }
-        w(!1), S("");
-      },
-      []
-    ), xs = (s) => {
-      if (u || L(s.target.value), k.current) return;
-      H == null || H(s);
-      const e = s.target.selectionStart ?? s.target.value.length;
-      bs(s.target.value, e);
-    }, ys = (s) => {
-      k.current = !0, O == null || O(s);
-    }, Ns = (s) => {
-      k.current = !1, j == null || j(s);
-    }, Is = (s) => s.nativeEvent.isComposing || s.keyCode === 229 || k.current, G = v(() => {
-      if (!n.trim() && m.length === 0) return;
-      let e, r = n;
-      const t = n.match(/^\/(\S+)\s?/);
-      t && (e = t[1], r = n.slice(t[0].length)), y == null || y({
-        text: r,
-        command: e,
-        attachments: m,
-        modelId: W || void 0
-      }), u || L(""), P([]);
-    }, [n, m, y, W, u]), ks = (s) => {
-      if (E == null || E(s), !s.defaultPrevented && !Is(s)) {
-        if (z && s.key === "Escape") {
-          s.preventDefault(), w(!1);
-          return;
-        }
-        s.key === "Enter" && (s.metaKey || s.ctrlKey) && (s.preventDefault(), G());
-      }
-    }, zs = (s) => {
-      const e = K.current;
-      if (!e) return;
-      const r = e.selectionStart ?? n.length, c = n.slice(0, r).lastIndexOf(`
-`) + 1;
-      let o = r;
-      for (; o < n.length && !/\s/.test(n[o]); )
-        o += 1;
-      const Q = n.slice(o), M = n.slice(0, c) + `/${s.id} ` + Q;
-      u || L(M), w(!1), S(""), queueMicrotask(() => e.focus());
-    }, ws = (s) => {
-      if (D == null || D(s), s.defaultPrevented) return;
-      const { clipboardData: e } = s;
-      if (!e) return;
-      const r = [];
-      for (let t = 0; t < e.items.length; t += 1) {
-        const c = e.items[t];
-        if (c.kind === "file") {
-          const o = c.getAsFile();
-          o && r.push(o);
-        }
-      }
-      r.length > 0 && (s.preventDefault(), J(r));
-    }, J = v(
-      (s) => {
-        var r;
-        const e = [];
-        for (const t of s) {
-          if (typeof b == "number" && t.size > b) {
-            I == null || I(
-              i("ui.chat.attachment.rejected", { reason: "size" })
-            );
-            continue;
-          }
-          e.push({ id: ((r = crypto.randomUUID) == null ? void 0 : r.call(crypto)) ?? `att-${Math.random()}`, file: t });
-        }
-        e.length > 0 && (P((t) => [...t, ...e]), N == null || N(e.map((t) => t.file)));
-      },
-      [b, N, I, i]
-    ), { getRootProps: Ss, getInputProps: Fs, isDragActive: Ms } = Ds({
-      onDrop: J,
-      maxSize: b,
-      accept: ns,
-      noClick: !0,
-      noKeyboard: !0
-    }), Bs = (s) => {
-      P((e) => e.filter((r) => r.id !== s));
-    }, F = ls ?? ps, R = `${F}-label`, ss = `${F}-slash-list`, Ts = (l == null ? void 0 : l.map((s) => ({ value: s.id, label: s.label }))) ?? [];
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        ...Ss({
-          className: [
-            Ws({ size: is, className: os }),
-            Ms ? "ds:outline ds:outline-dashed ds:outline-[color:var(--primary)] ds:outline-offset-2 ds:bg-[color:var(--primary)]/5" : ""
-          ].join(" ")
-        }),
-        "aria-label": i("ui.chat.attachmentZone"),
-        "data-component": "ai-prompt-input",
-        children: [
-          /* @__PURE__ */ a("input", { ...Fs() }),
-          V ? /* @__PURE__ */ a("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              "aria-label": i("ui.chat.contextActive", { name: V }),
-              onClick: x,
-              onKeyDown: (s) => {
-                (s.key === "Backspace" || s.key === "Delete") && (s.preventDefault(), x == null || x());
-              },
-              className: [
-                "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                "ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--accent)]/30",
-                "ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--foreground)]",
-                "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-                "ds:min-h-[var(--min-target-size)]",
-                "type-body-sm",
-                "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]",
-                "ds:forced-colors:focus-visible:outline-[CanvasText]"
-              ].join(" "),
-              children: i("ui.chat.contextActive", { name: V })
-            }
-          ) }) : null,
-          /* @__PURE__ */ a("label", { id: R, htmlFor: F, className: "ds:sr-only", children: i("ui.chat.prompt") }),
-          /* @__PURE__ */ p("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ a(
-              "textarea",
-              {
-                ref: ms,
-                id: F,
-                rows: $,
-                value: u ? n : void 0,
-                defaultValue: u ? void 0 : C,
-                disabled: X,
-                placeholder: ds ?? i("ui.chat.input.placeholder"),
-                "aria-labelledby": R,
-                "aria-controls": z ? ss : void 0,
-                "aria-expanded": z,
-                onChange: xs,
-                onKeyDown: ks,
-                onPaste: ws,
-                onCompositionStart: ys,
-                onCompositionEnd: Ns,
-                className: [
-                  "ds:w-full ds:resize-none ds:bg-transparent ds:outline-none",
-                  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]",
-                  "ds:placeholder:text-[color:var(--muted-foreground)]",
-                  "ds:leading-[var(--line-height-base)]",
-                  "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
-                ].join(" "),
-                ...cs
-              }
-            ),
-            z ? /* @__PURE__ */ a(
-              "div",
-              {
-                ref: us,
-                className: [
-                  "ds:absolute ds:start-[var(--spacing-md)] ds:top-full ds:z-50",
-                  "ds:mt-[var(--spacing-xs)]",
-                  "ds:min-w-[240px] ds:rounded-[var(--radius-md)] ds:border ds:border-border",
-                  "ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]",
-                  "ds:shadow-[var(--shadow-md)]",
-                  // Match the Dialog / DropdownMenu open pattern: fade + scale
-                  // in from 95%. Origin set to the block-start so the menu
-                  // appears to expand from the textarea it sits beneath.
-                  "ds:origin-top ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95",
-                  "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
-                ].join(" "),
-                id: ss,
-                children: /* @__PURE__ */ p(h, { label: i("ui.chat.slashMenu.label"), loop: !0, children: [
-                  /* @__PURE__ */ a(
-                    h.Input,
-                    {
-                      value: vs,
-                      onValueChange: S,
-                      className: "ds:sr-only"
-                    }
-                  ),
-                  /* @__PURE__ */ p(h.List, { className: "ds:max-h-60 ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-                    /* @__PURE__ */ a(h.Empty, { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: i("ui.chat.slashMenu.empty") }),
-                    d.map((s) => /* @__PURE__ */ p(
-                      h.Item,
-                      {
-                        value: s.id,
-                        onSelect: () => zs(s),
-                        className: [
-                          "ds:flex ds:flex-col ds:gap-[2px]",
-                          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-                          "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-                          "type-body-sm ds:cursor-pointer",
-                          "ds:aria-selected:bg-muted/20",
-                          "ds:data-[selected=true]:bg-muted/20"
-                        ].join(" "),
-                        children: [
-                          /* @__PURE__ */ p("span", { className: "ds:font-medium", children: [
-                            "/",
-                            s.id
-                          ] }),
-                          s.description ? /* @__PURE__ */ a("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: s.description }) : null
-                        ]
-                      },
-                      s.id
-                    ))
-                  ] })
-                ] })
-              }
-            ) : null
-          ] }),
-          m.length > 0 ? /* @__PURE__ */ a(
-            "div",
-            {
-              role: "group",
-              "aria-label": i("ui.chat.attachmentZone"),
-              className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-              children: m.map((s) => /* @__PURE__ */ a(
-                Zs,
-                {
-                  file: s.file,
-                  onRemove: () => Bs(s.id)
-                },
-                s.id
-              ))
-            }
-          ) : null,
-          /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-            l && l.length > 0 ? /* @__PURE__ */ a("div", { className: "ds:me-auto ds:min-w-[140px]", children: /* @__PURE__ */ a(
-              Ks,
-              {
-                "aria-label": i("ui.chat.model.select"),
-                options: Ts,
-                value: W || "",
-                onValueChange: (s) => {
-                  Y || hs(s), T == null || T(s);
-                },
-                size: "sm"
-              }
-            ) }) : /* @__PURE__ */ a("div", { className: "ds:me-auto" }),
-            /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("ui.chat.input.sendHint") }),
-            /* @__PURE__ */ a(
-              rs,
-              {
-                icon: /* @__PURE__ */ a(Ls, {}),
-                "aria-label": i("ui.chat.send"),
-                intent: "primary",
-                size: "sm",
-                disabled: X || !n.trim() && m.length === 0,
-                onClick: G,
-                "aria-keyshortcuts": "Meta+Enter Control+Enter"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-Qs.displayName = "AIPromptInput";
-function Us(d) {
-  return d < 1024 ? `${d} B` : d < 1024 * 1024 ? `${(d / 1024).toFixed(1)} KB` : `${(d / (1024 * 1024)).toFixed(1)} MB`;
-}
-function Zs({
-  file: d,
-  onRemove: l
-}) {
-  const { t: B } = ts();
-  return /* @__PURE__ */ p(
-    "span",
-    {
-      className: [
-        "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-        "ds:rounded-[var(--radius-full)] ds:bg-muted/30",
-        "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]",
-        "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-        "type-meta",
-        // Entrance when a file is attached via drop / paste / picker.
-        "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-1",
-        "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
-      ].join(" "),
-      children: [
-        /* @__PURE__ */ a("span", { className: "ds:truncate ds:max-w-[16ch]", children: d.name }),
-        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: Us(d.size) }),
-        /* @__PURE__ */ a(
-          rs,
-          {
-            icon: /* @__PURE__ */ a(Ps, {}),
-            "aria-label": B("ui.chat.attachment.remove", { name: d.name }),
-            intent: "ghost",
-            size: "sm",
-            onClick: l
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Qs as A
-};
-//# sourceMappingURL=ai-prompt-input-CI27KmZ1.js.map

package/dist/_chunks/ai-prompt-input-CI27KmZ1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-prompt-input-CI27KmZ1.js","sources":["../../src/components/ai-prompt-input/ai-prompt-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type CompositionEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Command } from 'cmdk';\nimport { useDropzone } from 'react-dropzone';\nimport { Send, X } from 'lucide-react';\nimport { IconButton } from '../button';\nimport { Select, type SelectOption } from '../select/select';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface AIPromptCommand {\n  id: string;\n  label: string;\n  description?: string;\n}\n\nexport interface AIPromptModel {\n  id: string;\n  label: string;\n}\n\nexport interface AIPromptAttachment {\n  id: string;\n  file: File;\n}\n\nexport interface AIPromptSubmitPayload {\n  text: string;\n  command?: string;\n  attachments: AIPromptAttachment[];\n  modelId?: string;\n}\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'onSubmit' | 'children'\n>;\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background',\n    'ds:transition-[border-color] ds:duration-[var(--animation-duration)]',\n    'ds:focus-within:border-[color:var(--primary)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nexport interface AIPromptInputProps\n  extends NativeTextareaProps,\n    VariantProps<typeof rootVariants> {\n  /** Slash-command catalog. The DS owns the menu; apps own the commands. */\n  commands?: AIPromptCommand[];\n  /** Model catalog rendered as a Radix Select in the footer. */\n  models?: AIPromptModel[];\n  defaultModelId?: string;\n  modelId?: string;\n  onModelChange?: (id: string) => void;\n  /** Maximum attachment size in bytes. */\n  maxSize?: number;\n  /** `accept` forwarded to react-dropzone. */\n  accept?: Record<string, string[]>;\n  /** Optional active context pill — dismissible via Backspace when focused. */\n  context?: string;\n  onContextDismiss?: () => void;\n  onSubmit?: (payload: AIPromptSubmitPayload) => void;\n  onAttach?: (files: File[]) => void;\n  onAttachmentRejected?: (reason: string) => void;\n  minRows?: number;\n  maxRows?: number;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const AIPromptInput = forwardRef<HTMLTextAreaElement, AIPromptInputProps>(\n  (\n    {\n      commands = [],\n      models,\n      defaultModelId,\n      modelId,\n      onModelChange,\n      maxSize,\n      accept,\n      context,\n      onContextDismiss,\n      onSubmit,\n      onAttach,\n      onAttachmentRejected,\n      minRows = 2,\n      maxRows = 8,\n      value,\n      defaultValue,\n      size = 'md',\n      disabled,\n      className,\n      placeholder,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      onPaste,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const textareaId = useId();\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const composingRef = useRef(false);\n    const slashMenuRef = useRef<HTMLDivElement | null>(null);\n\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const [attachments, setAttachments] = useState<AIPromptAttachment[]>([]);\n    const [slashOpen, setSlashOpen] = useState(false);\n    const [slashQuery, setSlashQuery] = useState('');\n\n    const [internalModel, setInternalModel] = useState<string>(\n      defaultModelId ?? models?.[0]?.id ?? '',\n    );\n    const isModelControlled = modelId !== undefined;\n    const currentModel = isModelControlled ? modelId : internalModel;\n\n    /* ── Auto-grow ── */\n    const resize = useCallback(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight) || 24;\n      const padTop = parseFloat(styles.paddingTop) || 0;\n      const padBot = parseFloat(styles.paddingBottom) || 0;\n      const borderTop = parseFloat(styles.borderTopWidth) || 0;\n      const borderBot = parseFloat(styles.borderBottomWidth) || 0;\n      const chrome = padTop + padBot + borderTop + borderBot;\n      const minH = lineHeight * minRows + chrome;\n      const maxH = lineHeight * maxRows + chrome;\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n      el.style.overflowY = el.scrollHeight > maxH ? 'auto' : 'hidden';\n    }, [minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      resize();\n    }, [resize, currentValue]);\n\n    /* ── Slash detection ── */\n    const detectSlash = useCallback(\n      (text: string, caretPos: number) => {\n        // Find the start of the current line.\n        const before = text.slice(0, caretPos);\n        const lineStart = before.lastIndexOf('\\n') + 1;\n        const lineText = text.slice(lineStart, caretPos);\n        if (lineText.startsWith('/')) {\n          const afterSlash = lineText.slice(1);\n          // Only open if the characters after '/' contain no whitespace.\n          if (!/\\s/.test(afterSlash)) {\n            setSlashOpen(true);\n            setSlashQuery(afterSlash);\n            return;\n          }\n        }\n        setSlashOpen(false);\n        setSlashQuery('');\n      },\n      [],\n    );\n\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternalValue(e.target.value);\n      if (composingRef.current) return;\n      onChange?.(e);\n      const caret = e.target.selectionStart ?? e.target.value.length;\n      detectSlash(e.target.value, caret);\n    };\n\n    const handleCompositionStart = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = true;\n      onCompositionStart?.(e);\n    };\n    const handleCompositionEnd = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = false;\n      onCompositionEnd?.(e);\n    };\n\n    const isIMEKey = (e: KeyboardEvent<HTMLTextAreaElement>) =>\n      e.nativeEvent.isComposing || e.keyCode === 229 || composingRef.current;\n\n    const handleSubmit = useCallback(() => {\n      const text = currentValue.trim();\n      if (!text && attachments.length === 0) return;\n      // Extract any leading command token.\n      let command: string | undefined;\n      let body = currentValue;\n      const m = currentValue.match(/^\\/(\\S+)\\s?/);\n      if (m) {\n        command = m[1];\n        body = currentValue.slice(m[0].length);\n      }\n      onSubmit?.({\n        text: body,\n        command,\n        attachments,\n        modelId: currentModel || undefined,\n      });\n      if (!isControlled) setInternalValue('');\n      setAttachments([]);\n    }, [currentValue, attachments, onSubmit, currentModel, isControlled]);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (isIMEKey(e)) return;\n\n      // Slash menu open — Escape closes; ArrowDown/ArrowUp/Enter handled by cmdk.\n      if (slashOpen) {\n        if (e.key === 'Escape') {\n          e.preventDefault();\n          setSlashOpen(false);\n          return;\n        }\n      }\n\n      if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    const insertCommand = (cmd: AIPromptCommand) => {\n      const el = innerRef.current;\n      if (!el) return;\n      const caret = el.selectionStart ?? currentValue.length;\n      const before = currentValue.slice(0, caret);\n      const lineStart = before.lastIndexOf('\\n') + 1;\n      // Extend past any non-whitespace characters that follow the caret so\n      // we replace the ENTIRE slash token (\"/fi|xBug more\" → \"/fixBug more\"),\n      // not just the part before the caret (which would garble the tail).\n      let endOfSlashToken = caret;\n      while (\n        endOfSlashToken < currentValue.length &&\n        !/\\s/.test(currentValue[endOfSlashToken])\n      ) {\n        endOfSlashToken += 1;\n      }\n      const afterSlash = currentValue.slice(endOfSlashToken);\n      const nextValue =\n        currentValue.slice(0, lineStart) + `/${cmd.id} ` + afterSlash;\n      if (!isControlled) setInternalValue(nextValue);\n      // External consumers mirror the same synthetic event pattern other\n      // text inputs in the system use — the native `onChange` fires via React.\n      setSlashOpen(false);\n      setSlashQuery('');\n      queueMicrotask(() => el.focus());\n    };\n\n    /* ── Clipboard paste: strip rich HTML to plaintext, hand files to onAttach ── */\n    const handlePaste = (e: ClipboardEvent<HTMLTextAreaElement>) => {\n      onPaste?.(e);\n      if (e.defaultPrevented) return;\n      const { clipboardData } = e;\n      if (!clipboardData) return;\n      const files: File[] = [];\n      for (let i = 0; i < clipboardData.items.length; i += 1) {\n        const item = clipboardData.items[i];\n        if (item.kind === 'file') {\n          const f = item.getAsFile();\n          if (f) files.push(f);\n        }\n      }\n      if (files.length > 0) {\n        e.preventDefault();\n        acceptFiles(files);\n      }\n    };\n\n    /* ── Dropzone ── */\n    const acceptFiles = useCallback(\n      (files: File[]) => {\n        const next: AIPromptAttachment[] = [];\n        for (const f of files) {\n          if (typeof maxSize === 'number' && f.size > maxSize) {\n            onAttachmentRejected?.(\n              t('ui.chat.attachment.rejected', { reason: 'size' }),\n            );\n            continue;\n          }\n          next.push({ id: crypto.randomUUID?.() ?? `att-${Math.random()}`, file: f });\n        }\n        if (next.length > 0) {\n          setAttachments((prev) => [...prev, ...next]);\n          onAttach?.(next.map((a) => a.file));\n        }\n      },\n      [maxSize, onAttach, onAttachmentRejected, t],\n    );\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n      onDrop: acceptFiles,\n      maxSize,\n      accept,\n      noClick: true,\n      noKeyboard: true,\n    });\n\n    const removeAttachment = (id: string) => {\n      setAttachments((prev) => prev.filter((a) => a.id !== id));\n    };\n\n    const effectiveId = id ?? textareaId;\n    const labelId = `${effectiveId}-label`;\n    const slashListId = `${effectiveId}-slash-list`;\n\n    const modelOptions: SelectOption<string>[] =\n      models?.map((m) => ({ value: m.id, label: m.label })) ?? [];\n\n    return (\n      <div\n        {...getRootProps({\n          className: [\n            rootVariants({ size, className }),\n            isDragActive\n              ? 'ds:outline ds:outline-dashed ds:outline-[color:var(--primary)] ds:outline-offset-2 ds:bg-[color:var(--primary)]/5'\n              : '',\n          ].join(' '),\n        })}\n        aria-label={t('ui.chat.attachmentZone')}\n        data-component=\"ai-prompt-input\"\n      >\n        {/* Hidden file input owned by react-dropzone. */}\n        <input {...getInputProps()} />\n\n        {context ? (\n          <div className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]\">\n            {/* Native <button> — not a span with role=\"button\" — per\n                05-accessibility \"Interactive elements use the right tag\".\n                Enter/Space dispatch naturally via the native button;\n                Backspace/Delete also dismiss (pill convention). */}\n            <button\n              type=\"button\"\n              aria-label={t('ui.chat.contextActive', { name: context })}\n              onClick={onContextDismiss}\n              onKeyDown={(e) => {\n                if (e.key === 'Backspace' || e.key === 'Delete') {\n                  e.preventDefault();\n                  onContextDismiss?.();\n                }\n              }}\n              className={[\n                'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--accent)]/30',\n                'ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--foreground)]',\n                'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                'ds:min-h-[var(--min-target-size)]',\n                'type-body-sm',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              {t('ui.chat.contextActive', { name: context })}\n            </button>\n          </div>\n        ) : null}\n\n        <label id={labelId} htmlFor={effectiveId} className=\"ds:sr-only\">\n          {t('ui.chat.prompt')}\n        </label>\n\n        <div className=\"ds:relative\">\n          <textarea\n            ref={setRefs}\n            id={effectiveId}\n            rows={minRows}\n            value={isControlled ? currentValue : undefined}\n            defaultValue={!isControlled ? defaultValue : undefined}\n            disabled={disabled}\n            placeholder={placeholder ?? t('ui.chat.input.placeholder')}\n            aria-labelledby={labelId}\n            aria-controls={slashOpen ? slashListId : undefined}\n            aria-expanded={slashOpen}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onPaste={handlePaste}\n            onCompositionStart={handleCompositionStart}\n            onCompositionEnd={handleCompositionEnd}\n            className={[\n              'ds:w-full ds:resize-none ds:bg-transparent ds:outline-none',\n              'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]',\n              'ds:placeholder:text-[color:var(--muted-foreground)]',\n              'ds:leading-[var(--line-height-base)]',\n              'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n            ].join(' ')}\n            {...rest}\n          />\n\n          {slashOpen ? (\n            <div\n              ref={slashMenuRef}\n              className={[\n                'ds:absolute ds:start-[var(--spacing-md)] ds:top-full ds:z-50',\n                'ds:mt-[var(--spacing-xs)]',\n                'ds:min-w-[240px] ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n                'ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]',\n                'ds:shadow-[var(--shadow-md)]',\n                // Match the Dialog / DropdownMenu open pattern: fade + scale\n                // in from 95%. Origin set to the block-start so the menu\n                // appears to expand from the textarea it sits beneath.\n                'ds:origin-top ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95',\n                'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n              ].join(' ')}\n              id={slashListId}\n            >\n              <Command label={t('ui.chat.slashMenu.label')} loop>\n                <Command.Input\n                  value={slashQuery}\n                  onValueChange={setSlashQuery}\n                  className=\"ds:sr-only\"\n                />\n                <Command.List className=\"ds:max-h-60 ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n                  <Command.Empty className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]\">\n                    {t('ui.chat.slashMenu.empty')}\n                  </Command.Empty>\n                  {commands.map((cmd) => (\n                    <Command.Item\n                      key={cmd.id}\n                      value={cmd.id}\n                      onSelect={() => insertCommand(cmd)}\n                      className={[\n                        'ds:flex ds:flex-col ds:gap-[2px]',\n                        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n                        'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                        'type-body-sm ds:cursor-pointer',\n                        'ds:aria-selected:bg-muted/20',\n                        'ds:data-[selected=true]:bg-muted/20',\n                      ].join(' ')}\n                    >\n                      <span className=\"ds:font-medium\">/{cmd.id}</span>\n                      {cmd.description ? (\n                        <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                          {cmd.description}\n                        </span>\n                      ) : null}\n                    </Command.Item>\n                  ))}\n                </Command.List>\n              </Command>\n            </div>\n          ) : null}\n        </div>\n\n        {attachments.length > 0 ? (\n          <div\n            role=\"group\"\n            aria-label={t('ui.chat.attachmentZone')}\n            className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]\"\n          >\n            {attachments.map((att) => (\n              <AttachmentChip\n                key={att.id}\n                file={att.file}\n                onRemove={() => removeAttachment(att.id)}\n              />\n            ))}\n          </div>\n        ) : null}\n\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n          {models && models.length > 0 ? (\n            <div className=\"ds:me-auto ds:min-w-[140px]\">\n              <Select\n                aria-label={t('ui.chat.model.select')}\n                options={modelOptions}\n                value={currentModel || ''}\n                onValueChange={(v) => {\n                  if (!isModelControlled) setInternalModel(v);\n                  onModelChange?.(v);\n                }}\n                size=\"sm\"\n              />\n            </div>\n          ) : (\n            <div className=\"ds:me-auto\" />\n          )}\n          <span className=\"ds:sr-only\">{t('ui.chat.input.sendHint')}</span>\n          <IconButton\n            icon={<Send />}\n            aria-label={t('ui.chat.send')}\n            intent=\"primary\"\n            size=\"sm\"\n            disabled={\n              disabled ||\n              (!currentValue.trim() && attachments.length === 0)\n            }\n            onClick={handleSubmit}\n            aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nAIPromptInput.displayName = 'AIPromptInput';\n\n/* ------------------------------------------------------------------ */\n/* Attachment chip                                                      */\n/* ------------------------------------------------------------------ */\n\nfunction formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction AttachmentChip({\n  file,\n  onRemove,\n}: {\n  file: File;\n  onRemove: () => void;\n}): ReactNode {\n  const { t } = useTranslation();\n  return (\n    <span\n      className={[\n        'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n        'ds:rounded-[var(--radius-full)] ds:bg-muted/30',\n        'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]',\n        'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n        'type-meta',\n        // Entrance when a file is attached via drop / paste / picker.\n        'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-1',\n        'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n      ].join(' ')}\n    >\n      <span className=\"ds:truncate ds:max-w-[16ch]\">{file.name}</span>\n      <span className=\"ds:text-[color:var(--muted-foreground)] ds:tabular-nums\">\n        {formatSize(file.size)}\n      </span>\n      <IconButton\n        icon={<X />}\n        aria-label={t('ui.chat.attachment.remove', { name: file.name })}\n        intent=\"ghost\"\n        size=\"sm\"\n        onClick={onRemove}\n      />\n    </span>\n  );\n}\n"],"names":["rootVariants","cva","AIPromptInput","forwardRef","commands","models","defaultModelId","modelId","onModelChange","maxSize","accept","context","onContextDismiss","onSubmit","onAttach","onAttachmentRejected","minRows","maxRows","value","defaultValue","size","disabled","className","placeholder","onChange","onKeyDown","onCompositionStart","onCompositionEnd","onPaste","id","rest","ref","t","useTranslation","textareaId","useId","innerRef","useRef","composingRef","slashMenuRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","attachments","setAttachments","slashOpen","setSlashOpen","slashQuery","setSlashQuery","internalModel","setInternalModel","_a","isModelControlled","currentModel","resize","el","styles","lineHeight","padTop","padBot","borderTop","borderBot","chrome","minH","maxH","next","useLayoutEffect","detectSlash","text","caretPos","lineStart","lineText","afterSlash","handleChange","e","caret","handleCompositionStart","handleCompositionEnd","isIMEKey","handleSubmit","command","body","m","handleKeyDown","insertCommand","cmd","endOfSlashToken","nextValue","handlePaste","clipboardData","files","i","item","f","acceptFiles","prev","a","getRootProps","getInputProps","isDragActive","useDropzone","removeAttachment","effectiveId","labelId","slashListId","modelOptions","jsxs","jsx","Command","att","AttachmentChip","Select","v","IconButton","Send","formatSize","bytes","file","onRemove","X"],"mappings":";;;;;;;;;;AAsDA,MAAMA,KAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GA8BaC,KAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,UAAAC,IAAW,CAAA;AAAA,IACX,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC,KAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,KAAaC,GAAA,GACbC,IAAWC,EAAmC,IAAI,GAClDC,IAAeD,EAAO,EAAK,GAC3BE,KAAeF,EAA8B,IAAI,GAEjDG,KAAUC;AAAA,MACd,CAACC,MAAqC;AACpC,QAAAN,EAAS,UAAUM,GACf,OAAOX,KAAQ,aAAYA,EAAIW,CAAI,IAC9BX,QAAS,UAAUW;AAAA,MAC9B;AAAA,MACA,CAACX,CAAG;AAAA,IAAA,GAGAY,IAAezB,MAAU,QACzB,CAAC0B,IAAeC,CAAgB,IAAIC;AAAA,MACxC,OAAO3B,KAAgB,EAAE;AAAA,IAAA,GAErB4B,IAAeJ,IAAe,OAAOzB,CAAK,IAAI0B,IAE9C,CAACI,GAAaC,CAAc,IAAIH,EAA+B,CAAA,CAAE,GACjE,CAACI,GAAWC,CAAY,IAAIL,EAAS,EAAK,GAC1C,CAACM,IAAYC,CAAa,IAAIP,EAAS,EAAE,GAEzC,CAACQ,IAAeC,EAAgB,IAAIT;AAAA,MACxCxC,OAAkBkD,KAAAnD,KAAA,gBAAAA,EAAS,OAAT,gBAAAmD,GAAa,OAAM;AAAA,IAAA,GAEjCC,IAAoBlD,MAAY,QAChCmD,IAAeD,IAAoBlD,IAAU+C,IAG7CK,IAASlB,EAAY,MAAM;AAC/B,YAAMmB,IAAKxB,EAAS;AACpB,UAAI,CAACwB,EAAI;AACT,YAAMC,IAAS,OAAO,iBAAiBD,CAAE,GACnCE,IAAa,WAAWD,EAAO,UAAU,KAAK,IAC9CE,IAAS,WAAWF,EAAO,UAAU,KAAK,GAC1CG,IAAS,WAAWH,EAAO,aAAa,KAAK,GAC7CI,IAAY,WAAWJ,EAAO,cAAc,KAAK,GACjDK,IAAY,WAAWL,EAAO,iBAAiB,KAAK,GACpDM,IAASJ,IAASC,IAASC,IAAYC,GACvCE,KAAON,IAAa9C,IAAUmD,GAC9BE,KAAOP,IAAa7C,IAAUkD;AACpC,MAAAP,EAAG,MAAM,SAAS;AAClB,YAAMU,KAAO,KAAK,IAAIF,IAAM,KAAK,IAAIR,EAAG,cAAcS,EAAI,CAAC;AAC3D,MAAAT,EAAG,MAAM,SAAS,GAAGU,EAAI,MACzBV,EAAG,MAAM,YAAYA,EAAG,eAAeS,KAAO,SAAS;AAAA,IACzD,GAAG,CAACrD,GAASC,CAAO,CAAC;AAErB,IAAAsD,GAAgB,MAAM;AACpB,MAAAZ,EAAA;AAAA,IACF,GAAG,CAACA,GAAQZ,CAAY,CAAC;AAGzB,UAAMyB,KAAc/B;AAAA,MAClB,CAACgC,GAAcC,MAAqB;AAGlC,cAAMC,IADSF,EAAK,MAAM,GAAGC,CAAQ,EACZ,YAAY;AAAA,CAAI,IAAI,GACvCE,IAAWH,EAAK,MAAME,GAAWD,CAAQ;AAC/C,YAAIE,EAAS,WAAW,GAAG,GAAG;AAC5B,gBAAMC,IAAaD,EAAS,MAAM,CAAC;AAEnC,cAAI,CAAC,KAAK,KAAKC,CAAU,GAAG;AAC1B,YAAA1B,EAAa,EAAI,GACjBE,EAAcwB,CAAU;AACxB;AAAA,UACF;AAAA,QACF;AACA,QAAA1B,EAAa,EAAK,GAClBE,EAAc,EAAE;AAAA,MAClB;AAAA,MACA,CAAA;AAAA,IAAC,GAGGyB,KAAe,CAACC,MAAwC;AAE5D,UADKpC,KAAcE,EAAiBkC,EAAE,OAAO,KAAK,GAC9CzC,EAAa,QAAS;AAC1B,MAAAd,KAAA,QAAAA,EAAWuD;AACX,YAAMC,IAAQD,EAAE,OAAO,kBAAkBA,EAAE,OAAO,MAAM;AACxD,MAAAP,GAAYO,EAAE,OAAO,OAAOC,CAAK;AAAA,IACnC,GAEMC,KAAyB,CAACF,MAA6C;AAC3E,MAAAzC,EAAa,UAAU,IACvBZ,KAAA,QAAAA,EAAqBqD;AAAA,IACvB,GACMG,KAAuB,CAACH,MAA6C;AACzE,MAAAzC,EAAa,UAAU,IACvBX,KAAA,QAAAA,EAAmBoD;AAAA,IACrB,GAEMI,KAAW,CAACJ,MAChBA,EAAE,YAAY,eAAeA,EAAE,YAAY,OAAOzC,EAAa,SAE3D8C,IAAe3C,EAAY,MAAM;AAErC,UAAI,CADSM,EAAa,KAAA,KACbC,EAAY,WAAW,EAAG;AAEvC,UAAIqC,GACAC,IAAOvC;AACX,YAAMwC,IAAIxC,EAAa,MAAM,aAAa;AAC1C,MAAIwC,MACFF,IAAUE,EAAE,CAAC,GACbD,IAAOvC,EAAa,MAAMwC,EAAE,CAAC,EAAE,MAAM,IAEvC1E,KAAA,QAAAA,EAAW;AAAA,QACT,MAAMyE;AAAA,QACN,SAAAD;AAAA,QACA,aAAArC;AAAA,QACA,SAASU,KAAgB;AAAA,MAAA,IAEtBf,KAAcE,EAAiB,EAAE,GACtCI,EAAe,CAAA,CAAE;AAAA,IACnB,GAAG,CAACF,GAAcC,GAAanC,GAAU6C,GAAcf,CAAY,CAAC,GAE9D6C,KAAgB,CAACT,MAA0C;AAE/D,UADAtD,KAAA,QAAAA,EAAYsD,IACR,CAAAA,EAAE,oBACF,CAAAI,GAASJ,CAAC,GAGd;AAAA,YAAI7B,KACE6B,EAAE,QAAQ,UAAU;AACtB,UAAAA,EAAE,eAAA,GACF5B,EAAa,EAAK;AAClB;AAAA,QACF;AAGF,QAAI4B,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,aACvCA,EAAE,eAAA,GACFK,EAAA;AAAA;AAAA,IAEJ,GAEMK,KAAgB,CAACC,MAAyB;AAC9C,YAAM9B,IAAKxB,EAAS;AACpB,UAAI,CAACwB,EAAI;AACT,YAAMoB,IAAQpB,EAAG,kBAAkBb,EAAa,QAE1C4B,IADS5B,EAAa,MAAM,GAAGiC,CAAK,EACjB,YAAY;AAAA,CAAI,IAAI;AAI7C,UAAIW,IAAkBX;AACtB,aACEW,IAAkB5C,EAAa,UAC/B,CAAC,KAAK,KAAKA,EAAa4C,CAAe,CAAC;AAExC,QAAAA,KAAmB;AAErB,YAAMd,IAAa9B,EAAa,MAAM4C,CAAe,GAC/CC,IACJ7C,EAAa,MAAM,GAAG4B,CAAS,IAAI,IAAIe,EAAI,EAAE,MAAMb;AACrD,MAAKlC,KAAcE,EAAiB+C,CAAS,GAG7CzC,EAAa,EAAK,GAClBE,EAAc,EAAE,GAChB,eAAe,MAAMO,EAAG,OAAO;AAAA,IACjC,GAGMiC,KAAc,CAACd,MAA2C;AAE9D,UADAnD,KAAA,QAAAA,EAAUmD,IACNA,EAAE,iBAAkB;AACxB,YAAM,EAAE,eAAAe,MAAkBf;AAC1B,UAAI,CAACe,EAAe;AACpB,YAAMC,IAAgB,CAAA;AACtB,eAASC,IAAI,GAAGA,IAAIF,EAAc,MAAM,QAAQE,KAAK,GAAG;AACtD,cAAMC,IAAOH,EAAc,MAAME,CAAC;AAClC,YAAIC,EAAK,SAAS,QAAQ;AACxB,gBAAMC,IAAID,EAAK,UAAA;AACf,UAAIC,KAAGH,EAAM,KAAKG,CAAC;AAAA,QACrB;AAAA,MACF;AACA,MAAIH,EAAM,SAAS,MACjBhB,EAAE,eAAA,GACFoB,EAAYJ,CAAK;AAAA,IAErB,GAGMI,IAAc1D;AAAA,MAClB,CAACsD,MAAkB;;AACjB,cAAMzB,IAA6B,CAAA;AACnC,mBAAW4B,KAAKH,GAAO;AACrB,cAAI,OAAOtF,KAAY,YAAYyF,EAAE,OAAOzF,GAAS;AACnD,YAAAM,KAAA,QAAAA;AAAA,cACEiB,EAAE,+BAA+B,EAAE,QAAQ,QAAQ;AAAA;AAErD;AAAA,UACF;AACA,UAAAsC,EAAK,KAAK,EAAE,MAAId,IAAA,OAAO,eAAP,gBAAAA,EAAA,iBAAyB,OAAO,KAAK,OAAA,CAAQ,IAAI,MAAM0C,GAAG;AAAA,QAC5E;AACA,QAAI5B,EAAK,SAAS,MAChBrB,EAAe,CAACmD,MAAS,CAAC,GAAGA,GAAM,GAAG9B,CAAI,CAAC,GAC3CxD,KAAA,QAAAA,EAAWwD,EAAK,IAAI,CAAC+B,MAAMA,EAAE,IAAI;AAAA,MAErC;AAAA,MACA,CAAC5F,GAASK,GAAUC,GAAsBiB,CAAC;AAAA,IAAA,GAGvC,EAAE,cAAAsE,IAAc,eAAAC,IAAe,cAAAC,GAAA,IAAiBC,GAAY;AAAA,MAChE,QAAQN;AAAA,MACR,SAAA1F;AAAA,MACA,QAAAC;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,IAAA,CACb,GAEKgG,KAAmB,CAAC7E,MAAe;AACvC,MAAAoB,EAAe,CAACmD,MAASA,EAAK,OAAO,CAACC,MAAMA,EAAE,OAAOxE,CAAE,CAAC;AAAA,IAC1D,GAEM8E,IAAc9E,MAAMK,IACpB0E,IAAU,GAAGD,CAAW,UACxBE,KAAc,GAAGF,CAAW,eAE5BG,MACJzG,KAAA,gBAAAA,EAAQ,IAAI,CAACkF,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,MAAA,QAAa,CAAA;AAE3D,WACE,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGT,GAAa;AAAA,UACf,WAAW;AAAA,YACTtG,GAAa,EAAE,MAAAoB,IAAM,WAAAE,IAAW;AAAA,YAChCkF,KACI,sHACA;AAAA,UAAA,EACJ,KAAK,GAAG;AAAA,QAAA,CACX;AAAA,QACD,cAAYxE,EAAE,wBAAwB;AAAA,QACtC,kBAAe;AAAA,QAGf,UAAA;AAAA,UAAA,gBAAAgF,EAAC,SAAA,EAAO,GAAGT,GAAA,EAAc,CAAG;AAAA,UAE3B5F,IACC,gBAAAqG,EAAC,OAAA,EAAI,WAAU,iFAKb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYhF,EAAE,yBAAyB,EAAE,MAAMrB,GAAS;AAAA,cACxD,SAASC;AAAA,cACT,WAAW,CAACmE,MAAM;AAChB,iBAAIA,EAAE,QAAQ,eAAeA,EAAE,QAAQ,cACrCA,EAAE,eAAA,GACFnE,KAAA,QAAAA;AAAA,cAEJ;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA,EACA,KAAK,GAAG;AAAA,cAET,UAAAoB,EAAE,yBAAyB,EAAE,MAAMrB,GAAS;AAAA,YAAA;AAAA,UAAA,GAEjD,IACE;AAAA,UAEJ,gBAAAqG,EAAC,SAAA,EAAM,IAAIJ,GAAS,SAASD,GAAa,WAAU,cACjD,UAAA3E,EAAE,gBAAgB,EAAA,CACrB;AAAA,UAEA,gBAAA+E,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKxE;AAAA,gBACL,IAAImE;AAAA,gBACJ,MAAM3F;AAAA,gBACN,OAAO2B,IAAeI,IAAe;AAAA,gBACrC,cAAeJ,IAA8B,SAAfxB;AAAA,gBAC9B,UAAAE;AAAA,gBACA,aAAaE,MAAeS,EAAE,2BAA2B;AAAA,gBACzD,mBAAiB4E;AAAA,gBACjB,iBAAe1D,IAAY2D,KAAc;AAAA,gBACzC,iBAAe3D;AAAA,gBACf,UAAU4B;AAAA,gBACV,WAAWU;AAAA,gBACX,SAASK;AAAA,gBACT,oBAAoBZ;AAAA,gBACpB,kBAAkBC;AAAA,gBAClB,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA,EACA,KAAK,GAAG;AAAA,gBACT,GAAGpD;AAAA,cAAA;AAAA,YAAA;AAAA,YAGLoB,IACC,gBAAA8D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKzE;AAAA,gBACL,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA;AAAA;AAAA,kBAIA;AAAA,kBACA;AAAA,gBAAA,EACA,KAAK,GAAG;AAAA,gBACV,IAAIsE;AAAA,gBAEJ,4BAACI,GAAA,EAAQ,OAAOjF,EAAE,yBAAyB,GAAG,MAAI,IAChD,UAAA;AAAA,kBAAA,gBAAAgF;AAAA,oBAACC,EAAQ;AAAA,oBAAR;AAAA,sBACC,OAAO7D;AAAA,sBACP,eAAeC;AAAA,sBACf,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEZ,gBAAA0D,EAACE,EAAQ,MAAR,EAAa,WAAU,sFACtB,UAAA;AAAA,oBAAA,gBAAAD,EAACC,EAAQ,OAAR,EAAc,WAAU,gKACtB,UAAAjF,EAAE,yBAAyB,GAC9B;AAAA,oBACC5B,EAAS,IAAI,CAACsF,MACb,gBAAAqB;AAAA,sBAACE,EAAQ;AAAA,sBAAR;AAAA,wBAEC,OAAOvB,EAAI;AAAA,wBACX,UAAU,MAAMD,GAAcC,CAAG;AAAA,wBACjC,WAAW;AAAA,0BACT;AAAA,0BACA;AAAA,0BACA;AAAA,0BACA;AAAA,0BACA;AAAA,0BACA;AAAA,wBAAA,EACA,KAAK,GAAG;AAAA,wBAEV,UAAA;AAAA,0BAAA,gBAAAqB,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA;AAAA,4BAAA;AAAA,4BAAErB,EAAI;AAAA,0BAAA,GAAG;AAAA,0BACzCA,EAAI,cACH,gBAAAsB,EAAC,QAAA,EAAK,WAAU,qDACb,UAAAtB,EAAI,aACP,IACE;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAjBCA,EAAI;AAAA,oBAAA,CAmBZ;AAAA,kBAAA,EAAA,CACH;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA,IAEA;AAAA,UAAA,GACN;AAAA,UAEC1C,EAAY,SAAS,IACpB,gBAAAgE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYhF,EAAE,wBAAwB;AAAA,cACtC,WAAU;AAAA,cAET,UAAAgB,EAAY,IAAI,CAACkE,MAChB,gBAAAF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBAEC,MAAMD,EAAI;AAAA,kBACV,UAAU,MAAMR,GAAiBQ,EAAI,EAAE;AAAA,gBAAA;AAAA,gBAFlCA,EAAI;AAAA,cAAA,CAIZ;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,UAEJ,gBAAAH,EAAC,OAAA,EAAI,WAAU,oIACZ,UAAA;AAAA,YAAA1G,KAAUA,EAAO,SAAS,IACzB,gBAAA2G,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,cAAYpF,EAAE,sBAAsB;AAAA,gBACpC,SAAS8E;AAAA,gBACT,OAAOpD,KAAgB;AAAA,gBACvB,eAAe,CAAC2D,MAAM;AACpB,kBAAK5D,KAAmBF,GAAiB8D,CAAC,GAC1C7G,KAAA,QAAAA,EAAgB6G;AAAA,gBAClB;AAAA,gBACA,MAAK;AAAA,cAAA;AAAA,YAAA,EACP,CACF,IAEA,gBAAAL,EAAC,OAAA,EAAI,WAAU,aAAA,CAAa;AAAA,8BAE7B,QAAA,EAAK,WAAU,cAAc,UAAAhF,EAAE,wBAAwB,GAAE;AAAA,YAC1D,gBAAAgF;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,wBAAOC,IAAA,EAAK;AAAA,gBACZ,cAAYvF,EAAE,cAAc;AAAA,gBAC5B,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,UACEX,KACC,CAAC0B,EAAa,KAAA,KAAUC,EAAY,WAAW;AAAA,gBAElD,SAASoC;AAAA,gBACT,qBAAkB;AAAA,cAAA;AAAA,YAAA;AAAA,UACpB,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAlF,GAAc,cAAc;AAM5B,SAASsH,GAAWC,GAAuB;AACzC,SAAIA,IAAQ,OAAa,GAAGA,CAAK,OAC7BA,IAAQ,OAAO,OAAa,IAAIA,IAAQ,MAAM,QAAQ,CAAC,CAAC,QACrD,IAAIA,KAAS,OAAO,OAAO,QAAQ,CAAC,CAAC;AAC9C;AAEA,SAASN,GAAe;AAAA,EACtB,MAAAO;AAAA,EACA,UAAAC;AACF,GAGc;AACZ,QAAM,EAAE,GAAA3F,EAAA,IAAMC,GAAA;AACd,SACE,gBAAA8E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,+BAA+B,UAAAU,EAAK,MAAK;AAAA,0BACxD,QAAA,EAAK,WAAU,2DACb,UAAAF,GAAWE,EAAK,IAAI,GACvB;AAAA,QACA,gBAAAV;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,wBAAOM,IAAA,EAAE;AAAA,YACT,cAAY5F,EAAE,6BAA6B,EAAE,MAAM0F,EAAK,MAAM;AAAA,YAC9D,QAAO;AAAA,YACP,MAAK;AAAA,YACL,SAASC;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/_chunks/alert-BlOUMkXj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-BlOUMkXj.js","sources":["../../src/components/alert/alert.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Info,\n  CircleCheck,\n  TriangleAlert,\n  CircleX,\n  X,\n} from 'lucide-react';\n\nconst alertVariants = cva(\n  [\n    'ds:flex ds:items-start ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      // Each variant paints `<Button intent=\"tonal\">` descendants via a\n      // child selector — the button carries `data-intent=\"tonal\"`, the\n      // Alert applies the matching tint (`*-foreground` for bg + the\n      // surface `--background` for fg). Descendant selectors sidestep\n      // custom-property inheritance and are rock-solid across themes.\n      variant: {\n        info: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'ds:text-[var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nconst ICON_CLASSES = 'ds:shrink-0 ds:size-5 ds:mt-0.5';\n\nconst CLOSE_BUTTON_CLASSES = [\n  'ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]',\n  'ds:text-current ds:opacity-70',\n  'ds:hover:opacity-100',\n  'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst VARIANT_CONFIG = {\n  info:    { icon: <Info aria-hidden=\"true\" />,          role: 'status', live: 'polite' },\n  success: { icon: <CircleCheck aria-hidden=\"true\" />,   role: 'status', live: 'polite' },\n  warning: { icon: <TriangleAlert aria-hidden=\"true\" />, role: 'alert',  live: 'assertive' },\n  error:   { icon: <CircleX aria-hidden=\"true\" />,       role: 'alert',  live: 'assertive' },\n} as const;\n\ninterface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\n}\n\nconst AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ as: Tag = 'h5', className, ...props }, ref) => (\n    <Tag\n      ref={ref}\n      className={['type-title-item', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertTitle.displayName = 'Alert.Title';\n\nconst AlertDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      className={['ds:mt-[var(--spacing-xs)] type-body-sm', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertDescription.displayName = 'Alert.Description';\n\nconst AlertAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n        className,\n      ].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\nexport interface AlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    VariantProps<typeof alertVariants> {\n  variant?: 'info' | 'success' | 'warning' | 'error';\n  dismissible?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  icon?: ReactNode;\n  live?: 'assertive' | 'polite' | 'off';\n}\n\nexport type { AlertTitleProps };\n\nconst AlertRoot = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      variant = 'info',\n      dismissible = false,\n      open: controlledOpen,\n      onOpenChange,\n      icon,\n      live,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [internalOpen, setInternalOpen] = useState(true);\n    const [isClosing, setIsClosing] = useState(false);\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const isControlled = controlledOpen !== undefined;\n    const isOpen = isControlled ? controlledOpen : internalOpen;\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    if (!isOpen) return null;\n\n    const config = VARIANT_CONFIG[variant];\n    const effectiveIcon = icon !== undefined ? icon : config.icon;\n\n    const handleDismiss = () => {\n      if (isClosing) return;\n      setIsClosing(true);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n        if (!isControlled) setInternalOpen(false);\n        onOpenChange?.(false);\n      }, animationDurationMs());\n    };\n\n    return (\n      <div\n        ref={ref}\n        role={config.role}\n        aria-live={live ?? config.live}\n        data-component=\"alert\"\n        data-state={isClosing ? 'closing' : 'open'}\n        className={[\n          alertVariants({ variant, className }),\n          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight\n          // scale when dismissed. Driven by `tw-animate-css`. Respects\n          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the\n          // accessible theme (`--animation-duration: 0ms`).\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2',\n          'ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0',\n          'ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95',\n          // Pin the exit's end-state until React unmounts. Without\n          // `fill-mode-forwards` the element snaps back to opacity:1 for one\n          // paint frame after the animation ends.\n          'ds:motion-safe:data-[state=closing]:fill-mode-forwards',\n          'ds:motion-safe:duration-[var(--animation-duration)]',\n        ].join(' ')}\n        {...props}\n      >\n        {effectiveIcon ? (\n          <span className={ICON_CLASSES}>{effectiveIcon}</span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0\">{children}</div>\n\n        {dismissible ? (\n          <button\n            type=\"button\"\n            aria-label={t('ui.common.close', 'Close')}\n            onClick={handleDismiss}\n            className={CLOSE_BUTTON_CLASSES}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAlertRoot.displayName = 'Alert';\n\nexport const Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n});\n"],"names":["alertVariants","cva","ICON_CLASSES","CLOSE_BUTTON_CLASSES","VARIANT_CONFIG","jsx","Info","CircleCheck","TriangleAlert","CircleX","AlertTitle","forwardRef","Tag","className","props","ref","AlertDescription","AlertAction","AlertRoot","variant","dismissible","controlledOpen","onOpenChange","icon","live","children","t","useTranslation","internalOpen","setInternalOpen","useState","isClosing","setIsClosing","closeTimerRef","useRef","isControlled","isOpen","animationDurationMs","useCallback","raw","trimmed","n","config","effectiveIcon","handleDismiss","jsxs","X","Alert"],"mappings":"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"}

package/dist/_chunks/app-frame-6d7Lu4ea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-frame-6d7Lu4ea.js","sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* AppFrame — the always-present application shell.                      */\n/*                                                                       */\n/* Layout                                                                */\n/* ------                                                                */\n/*                                                                       */\n/*   ┌───────────────────────────────────────────────────────────┐       */\n/*   │  Header (100% inline-size, block-start)                    │       */\n/*   ├──────────┬──────────────────────────────────┬──────────────┤       */\n/*   │ Sidebar  │  Main (<main>)                    │ endSidebar   │       */\n/*   │          │                                   │ (optional)   │       */\n/*   │          │                                   │              │       */\n/*   ├──────────┴──────────────────────────────────┴──────────────┤       */\n/*   │  Footer (optional)                                         │       */\n/*   └───────────────────────────────────────────────────────────┘       */\n/*                                                                       */\n/* Header spans the full inline-size of the shell. Sidebar sits beneath */\n/* the header on the inline-start edge and shares the row with <main>.  */\n/* `endSidebar`, when provided, sits on the inline-end edge of the same */\n/* row — used for co-pilot / assistant panels (e.g. LeoSidebar) that    */\n/* should dock opposite the nav rail. Footer, when provided, spans the  */\n/* full inline-size at the block-end.                                   */\n/*                                                                       */\n/* Responsive behaviour                                                  */\n/* ---------------------                                                 */\n/* ≥ md viewports: the sidebar slot renders inline-start of the row      */\n/*   below the header, sticky to the header's block-end, full remaining */\n/*   viewport height.                                                   */\n/* < md viewports: the sidebar slot is hidden from the inline flow.     */\n/*   Consumers should control their sidebar's `state` to `'overlay'`    */\n/*   on small viewports (the Sidebar portals via Radix Dialog so it     */\n/*   renders outside AppFrame's subtree in that mode) and wire the       */\n/*   `<HeaderMenuButton>` to toggle it.                                 */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type UIEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n// Canonical app-shell layout: the root is a VIEWPORT-SIZED flex-col with\n// its own overflow clamp. Header and the row fill it together. The only\n// element that scrolls is <main> — so the header never leaves the top\n// and the sidebar never needs position: sticky. This matches the way\n// Gmail / Linear / Notion frame their app surfaces and avoids the\n// flex-item-sticky edge cases that position: sticky has inside a\n// column-flex container.\n//\n// Because the viewport itself never scrolls in this model, the Header's\n// built-in IntersectionObserver (which watches a sentinel against the\n// viewport) cannot detect scroll. AppFrame instead tracks `<main>`'s\n// scrollTop, reflects it onto the root via `data-app-scrolled`, and the\n// descendant selectors below drive the `<header role=\"banner\">` border\n// and shadow — producing the same elevation the Header would show in a\n// viewport-scroll context.\nconst rootVariants = cva(\n  [\n    'ds:h-dvh ds:w-full',\n    'ds:flex ds:flex-col',\n    'ds:overflow-hidden',\n    'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n    // Elevation cascade driven by main's scrollTop (data-app-scrolled).\n    // Mirrors the Header's native scroll-linked recipe (see `Brand/Shadows`\n    // — one tier up from rest, never two) so the banner looks identical\n    // whether it's in a viewport-scroll context (sticky) or slotted into\n    // AppFrame where <main> owns the scroll.\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:shadow-[var(--shadow-md)]',\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n    // Forced-colors: UA strips box-shadow, so the border is the only\n    // separation cue. Always render it.\n    'ds:forced-colors:[&_[role=banner]]:[border-block-end-color:CanvasText]',\n    // Print: strip shadow, keep border so the banner still reads on paper.\n    'ds:print:[&_[role=banner]]:shadow-none',\n    'ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n  ].join(' '),\n);\n\nconst rowVariants = cva(\n  [\n    'ds:flex ds:flex-1 ds:items-stretch ds:min-h-0',\n  ].join(' '),\n);\n\nconst sidebarSlotVariants = cva(\n  [\n    // Hidden in the inline flow on mobile — consumers should flip their\n    // Sidebar into overlay mode at narrow viewports, where it portals via\n    // Radix Dialog and therefore renders outside AppFrame entirely.\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    // The rail fills the row's full height because the row is `flex\n    // items-stretch`. No sticky needed — the row itself never scrolls.\n    'ds:h-full',\n  ].join(' '),\n);\n\n// Inline-end slot — same hide-on-mobile behaviour as the nav rail because\n// a 22rem co-pilot panel can't share a phone viewport. Consuming apps\n// should flip Leo (or any inline-end panel) to its overlay/popout mode\n// at narrow viewports.\nconst endSidebarSlotVariants = cva(\n  [\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    'ds:h-full',\n  ].join(' '),\n);\n\nconst mainVariants = cva(\n  [\n    // <main> owns the scroll: the viewport body never scrolls, but this\n    // element does. That keeps the header + sidebar pinned as chrome.\n    'ds:flex-1 ds:min-w-0 ds:overflow-auto',\n    // Focusable via the header's SkipLink — tabIndex={-1} is on the\n    // element itself so keyboard users land inside the main region.\n    'ds:focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      padded: {\n        true: [\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n          'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: { padded: true },\n  },\n);\n\nconst footerSlotVariants = cva('ds:shrink-0');\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface AppFrameProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof mainVariants> {\n  /** `<Header>` instance rendered full-width at the block-start of the shell. */\n  header: ReactNode;\n  /** `<Sidebar>` instance rendered inline-start of the row beneath the header on ≥ md viewports. */\n  sidebar: ReactNode;\n  /** Main content — rendered inside a `<main>` landmark. */\n  children: ReactNode;\n  /** Optional inline-end docked panel (typically `<LeoSidebar />`) sharing the same row as the main region on ≥ md viewports. Hidden on narrow viewports — consumers should flip to an overlay/popout mode there. */\n  endSidebar?: ReactNode;\n  /** Optional block-end footer — renders full-width below the sidebar + main row. */\n  footer?: ReactNode;\n  /**\n   * Id applied to the `<main>` element so `<HeaderSkipLink href=\"#{mainId}\" />`\n   * can target it. Must be a valid HTML id (letters, digits, `-`, `_`, no\n   * spaces). Defaults to `'main-content'`.\n   */\n  mainId?: string;\n  /**\n   * Override the landmark's accessible name. Defaults to the i18n'd\n   * `ui.navigation.main.label` (\"Main content\").\n   */\n  mainAriaLabel?: string;\n  /** Extra classes applied to the `<main>` landmark. */\n  mainClassName?: string;\n}\n\nexport const AppFrame = forwardRef<HTMLDivElement, AppFrameProps>(\n  (\n    {\n      header,\n      sidebar,\n      children,\n      endSidebar,\n      footer,\n      mainId = 'main-content',\n      mainAriaLabel,\n      padded = true,\n      className,\n      mainClassName,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const mainLabel =\n      mainAriaLabel ?? t('ui.navigation.main.label', 'Main content');\n\n    const [mainScrolled, setMainScrolled] = useState(false);\n    const handleMainScroll = useCallback(\n      (event: UIEvent<HTMLElement>) => {\n        const next = event.currentTarget.scrollTop > 0;\n        setMainScrolled((prev) => (prev === next ? prev : next));\n      },\n      [],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-app-scrolled={mainScrolled ? 'true' : undefined}\n        data-component=\"app-frame\"\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* Header is rendered as a direct flex child — NOT wrapped in a slot\n            div — so it sits at the block-start of the shell. The root's\n            `overflow-hidden` keeps it pinned; no `position: sticky` needed. */}\n        {header}\n        <div className={rowVariants()} data-app-frame-slot=\"row\">\n          <div className={sidebarSlotVariants()} data-app-frame-slot=\"sidebar\">\n            {sidebar}\n          </div>\n          <main\n            id={mainId}\n            tabIndex={-1}\n            aria-label={mainLabel}\n            onScroll={handleMainScroll}\n            className={mainVariants({ padded, className: mainClassName })}\n          >\n            {children}\n          </main>\n          {endSidebar ? (\n            <div\n              className={endSidebarSlotVariants()}\n              data-app-frame-slot=\"end-sidebar\"\n            >\n              {endSidebar}\n            </div>\n          ) : null}\n        </div>\n        {footer ? (\n          <div className={footerSlotVariants()} data-app-frame-slot=\"footer\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAppFrame.displayName = 'AppFrame';\n"],"names":["rootVariants","cva","rowVariants","sidebarSlotVariants","endSidebarSlotVariants","mainVariants","footerSlotVariants","AppFrame","forwardRef","header","sidebar","children","endSidebar","footer","mainId","mainAriaLabel","padded","className","mainClassName","rest","ref","t","useTranslation","mainLabel","mainScrolled","setMainScrolled","useState","handleMainScroll","useCallback","event","next","prev","jsxs","jsx"],"mappings":";;;;AAiEA,MAAMA,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,IAAcD;AAAA,EAClB;AAAA,IACE;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEME,IAAsBF;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,IAIE;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAMMG,IAAyBH;AAAA,EAC7B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMI,IAAeJ;AAAA,EACnB;AAAA;AAAA;AAAA,IAGE;AAAA;AAAA;AAAA,IAGA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,QAAQ,GAAA;AAAA,EAAK;AAEpC,GAEMK,IAAqBL,EAAI,aAAa,GAkC/BM,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,eAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IACJR,KAAiBM,EAAE,4BAA4B,cAAc,GAEzD,CAACG,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAmBC;AAAA,MACvB,CAACC,MAAgC;AAC/B,cAAMC,IAAOD,EAAM,cAAc,YAAY;AAC7C,QAAAJ,EAAgB,CAACM,MAAUA,MAASD,IAAOC,IAAOD,CAAK;AAAA,MACzD;AAAA,MACA,CAAA;AAAA,IAAC;AAGH,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,qBAAmBI,IAAe,SAAS;AAAA,QAC3C,kBAAe;AAAA,QACf,WAAWxB,EAAa,EAAE,WAAAiB,GAAW;AAAA,QACpC,GAAGE;AAAA,QAKH,UAAA;AAAA,UAAAV;AAAA,4BACA,OAAA,EAAI,WAAWP,EAAA,GAAe,uBAAoB,OACjD,UAAA;AAAA,YAAA,gBAAA+B,EAAC,SAAI,WAAW9B,EAAA,GAAuB,uBAAoB,WACxD,UAAAO,GACH;AAAA,YACA,gBAAAuB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAInB;AAAA,gBACJ,UAAU;AAAA,gBACV,cAAYS;AAAA,gBACZ,UAAUI;AAAA,gBACV,WAAWtB,EAAa,EAAE,QAAAW,GAAQ,WAAWE,GAAe;AAAA,gBAE3D,UAAAP;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFC,IACC,gBAAAqB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW7B,EAAA;AAAA,gBACX,uBAAoB;AAAA,gBAEnB,UAAAQ;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,UAAA,GACN;AAAA,UACCC,sBACE,OAAA,EAAI,WAAWP,KAAsB,uBAAoB,UACvD,UAAAO,EAAA,CACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAS,cAAc;"}

package/dist/_chunks/aspect-ratio-CxsdG8vk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspect-ratio-CxsdG8vk.js","sources":["../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode, type CSSProperties } from 'react';\nimport { Root as RadixAspectRatio } from '@radix-ui/react-aspect-ratio';\nimport { cva } from 'class-variance-authority';\n\nexport { RadixAspectRatio as AspectRatioPrimitive };\n\ntype PresetRatio = '1:1' | '4:3' | '16:9' | '3:2' | '21:9';\ntype FitValue = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';\n\nconst aspectRatioVariants = cva(\n  [\n    'ds:relative ds:inline-size-full ds:overflow-hidden',\n    'ds:[&>*]:absolute ds:[&>*]:inset-0 ds:[&>*]:inline-size-full ds:[&>*]:block-size-full',\n    'ds:[&>*]:[object-position:var(--ar-object-position,center)]',\n  ],\n  {\n    variants: {\n      ratio: {\n        '1:1': 'ds:aspect-[1/1] ar-1x1',\n        '4:3': 'ds:aspect-[4/3] ar-4x3',\n        '16:9': 'ds:aspect-[16/9] ar-16x9',\n        '3:2': 'ds:aspect-[3/2] ar-3x2',\n        '21:9': 'ds:aspect-[21/9] ar-21x9',\n      } satisfies Record<PresetRatio, string>,\n      fit: {\n        cover: 'ds:[&>*]:object-cover',\n        contain: 'ds:[&>*]:object-contain',\n        fill: 'ds:[&>*]:object-fill',\n        'scale-down': 'ds:[&>*]:object-scale-down',\n        none: 'ds:[&>*]:object-none',\n      } satisfies Record<FitValue, string>,\n    },\n    defaultVariants: {\n      ratio: '16:9',\n      fit: 'cover',\n    },\n  },\n);\n\nexport interface AspectRatioProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Preset ratio or numeric escape hatch (e.g. 2.35 for cinema). */\n  ratio?: PresetRatio | number;\n  /** object-fit applied to the direct child element. */\n  fit?: FitValue;\n  /** Forwarded to the child via `--ar-object-position` CSS variable. */\n  objectPosition?: string;\n  children: ReactNode;\n}\n\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ ratio, fit, objectPosition, className, style, children, ...rest }, ref) => {\n    const isNumericRatio = typeof ratio === 'number';\n    const presetRatio = isNumericRatio ? undefined : (ratio as PresetRatio | undefined);\n\n    // Sanctioned inline styles (constraint §4 exceptions):\n    // 1. `aspectRatio` — numeric ratio escape hatch has no Tailwind equivalent\n    // 2. `--ar-object-position` — CSS custom property forwarded to the child via var()\n    // Radix Root is NOT used as the render element: it uses padding-top + physical\n    // properties (top/right/bottom/left) which violate constraints §3 and §4.\n    const computedStyle: (CSSProperties & Record<string, string | number>) | undefined =\n      isNumericRatio || objectPosition || style\n        ? {\n            ...style,\n            ...(isNumericRatio ? { aspectRatio: ratio } : {}),\n            ...(objectPosition ? { '--ar-object-position': objectPosition } : {}),\n          }\n        : undefined;\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"aspect-ratio\"\n        className={aspectRatioVariants({ ratio: presetRatio, fit, className })}\n        style={computedStyle}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nAspectRatio.displayName = 'AspectRatio';\n"],"names":["aspectRatioVariants","cva","AspectRatio","forwardRef","ratio","fit","objectPosition","className","style","children","rest","ref","isNumericRatio","presetRatio","computedStyle","jsx"],"mappings":";;;;AASA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,KAAK;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,cAAc;AAAA,QACd,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAaaC,IAAcC;AAAA,EACzB,CAAC,EAAE,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,GAAgB,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC5E,UAAMC,IAAiB,OAAOR,KAAU,UAClCS,IAAcD,IAAiB,SAAaR,GAO5CU,IACJF,KAAkBN,KAAkBE,IAChC;AAAA,MACE,GAAGA;AAAA,MACH,GAAII,IAAiB,EAAE,aAAaR,EAAA,IAAU,CAAA;AAAA,MAC9C,GAAIE,IAAiB,EAAE,wBAAwBA,MAAmB,CAAA;AAAA,IAAC,IAErE;AAEN,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,kBAAe;AAAA,QACf,WAAWX,EAAoB,EAAE,OAAOa,GAAa,KAAAR,GAAK,WAAAE,GAAW;AAAA,QACrE,OAAOO;AAAA,QACN,GAAGJ;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAP,EAAY,cAAc;"}