@alfadocs/ui-kit 0.0.19 → 0.1.0

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

@@ -1,379 +0,0 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { forwardRef as He, useId as Ee, useRef as U, useCallback as v, useState as g, useLayoutEffect as Oe } from "react";
-import { c as je } from "./index-D2ZczOXr.js";
-import { useTranslation as re } from "react-i18next";
-import { _ as h } from "./index-4xgbg-sn.js";
-import { u as De } from "./index-CeY1nNvd.js";
-import { I as se } from "./icon-button-C1vpylg3.js";
-import { S as Ke } from "./select-B4m4upMg.js";
-import { S as Le } from "./send-CySZIRPJ.js";
-import { X as Pe } from "./x-CCcI3eJp.js";
-const We = je(
-  [
-    "flex flex-col gap-[var(--spacing-xs)] w-full",
-    "rounded-[var(--radius-md)] border border-border bg-background",
-    "transition-[border-color] duration-[var(--animation-duration)]",
-    "focus-within:border-[color:var(--primary)]",
-    "motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "text-[length:var(--font-size-sm)]",
-        md: "text-[length:var(--font-size-base)]",
-        lg: "text-[length:var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), Qe = He(
-  ({
-    commands: l = [],
-    models: c,
-    defaultModelId: B,
-    modelId: Z,
-    onModelChange: T,
-    maxSize: b,
-    accept: ne,
-    context: V,
-    onContextDismiss: x,
-    onSubmit: y,
-    onAttach: N,
-    onAttachmentRejected: I,
-    minRows: $ = 2,
-    maxRows: _ = 8,
-    value: q,
-    defaultValue: C,
-    size: ie = "md",
-    disabled: X,
-    className: oe,
-    placeholder: le,
-    onChange: H,
-    onKeyDown: E,
-    onCompositionStart: O,
-    onCompositionEnd: j,
-    onPaste: D,
-    id: ce,
-    ...pe
-  }, m) => {
-    var ae;
-    const { t: i } = re(), ue = Ee(), K = U(null), k = U(!1), de = U(null), fe = v(
-      (e) => {
-        K.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
-      },
-      [m]
-    ), d = q !== void 0, [me, L] = g(
-      String(C ?? "")
-    ), n = d ? String(q) : me, [f, P] = g([]), [z, w] = g(!1), [ve, S] = g(""), [ge, he] = g(
-      B ?? ((ae = c == null ? void 0 : c[0]) == null ? void 0 : ae.id) ?? ""
-    ), Y = Z !== void 0, W = Y ? Z : ge, A = v(() => {
-      const e = K.current;
-      if (!e) return;
-      const a = window.getComputedStyle(e), s = parseFloat(a.lineHeight) || 24, r = parseFloat(a.paddingTop) || 0, p = parseFloat(a.paddingBottom) || 0, o = parseFloat(a.borderTopWidth) || 0, Q = parseFloat(a.borderBottomWidth) || 0, M = r + p + o + Q, Ve = s * $ + M, te = s * _ + M;
-      e.style.height = "auto";
-      const $e = Math.max(Ve, Math.min(e.scrollHeight, te));
-      e.style.height = `${$e}px`, e.style.overflowY = e.scrollHeight > te ? "auto" : "hidden";
-    }, [$, _]);
-    Oe(() => {
-      A();
-    }, [A, n]);
-    const be = v(
-      (e, a) => {
-        const r = e.slice(0, a).lastIndexOf(`
-`) + 1, p = e.slice(r, a);
-        if (p.startsWith("/")) {
-          const o = p.slice(1);
-          if (!/\s/.test(o)) {
-            w(!0), S(o);
-            return;
-          }
-        }
-        w(!1), S("");
-      },
-      []
-    ), xe = (e) => {
-      if (d || L(e.target.value), k.current) return;
-      H == null || H(e);
-      const a = e.target.selectionStart ?? e.target.value.length;
-      be(e.target.value, a);
-    }, ye = (e) => {
-      k.current = !0, O == null || O(e);
-    }, Ne = (e) => {
-      k.current = !1, j == null || j(e);
-    }, Ie = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || k.current, G = v(() => {
-      if (!n.trim() && f.length === 0) return;
-      let a, s = n;
-      const r = n.match(/^\/(\S+)\s?/);
-      r && (a = r[1], s = n.slice(r[0].length)), y == null || y({
-        text: s,
-        command: a,
-        attachments: f,
-        modelId: W || void 0
-      }), d || L(""), P([]);
-    }, [n, f, y, W, d]), ke = (e) => {
-      if (E == null || E(e), !e.defaultPrevented && !Ie(e)) {
-        if (z && e.key === "Escape") {
-          e.preventDefault(), w(!1);
-          return;
-        }
-        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), G());
-      }
-    }, ze = (e) => {
-      const a = K.current;
-      if (!a) return;
-      const s = a.selectionStart ?? n.length, p = n.slice(0, s).lastIndexOf(`
-`) + 1;
-      let o = s;
-      for (; o < n.length && !/\s/.test(n[o]); )
-        o += 1;
-      const Q = n.slice(o), M = n.slice(0, p) + `/${e.id} ` + Q;
-      d || L(M), w(!1), S(""), queueMicrotask(() => a.focus());
-    }, we = (e) => {
-      if (D == null || D(e), e.defaultPrevented) return;
-      const { clipboardData: a } = e;
-      if (!a) return;
-      const s = [];
-      for (let r = 0; r < a.items.length; r += 1) {
-        const p = a.items[r];
-        if (p.kind === "file") {
-          const o = p.getAsFile();
-          o && s.push(o);
-        }
-      }
-      s.length > 0 && (e.preventDefault(), J(s));
-    }, J = v(
-      (e) => {
-        var s;
-        const a = [];
-        for (const r of e) {
-          if (typeof b == "number" && r.size > b) {
-            I == null || I(
-              i("ui.chat.attachment.rejected", { reason: "size" })
-            );
-            continue;
-          }
-          a.push({ id: ((s = crypto.randomUUID) == null ? void 0 : s.call(crypto)) ?? `att-${Math.random()}`, file: r });
-        }
-        a.length > 0 && (P((r) => [...r, ...a]), N == null || N(a.map((r) => r.file)));
-      },
-      [b, N, I, i]
-    ), { getRootProps: Se, getInputProps: Fe, isDragActive: Me } = De({
-      onDrop: J,
-      maxSize: b,
-      accept: ne,
-      noClick: !0,
-      noKeyboard: !0
-    }), Be = (e) => {
-      P((a) => a.filter((s) => s.id !== e));
-    }, F = ce ?? ue, R = `${F}-label`, ee = `${F}-slash-list`, Te = (c == null ? void 0 : c.map((e) => ({ value: e.id, label: e.label }))) ?? [];
-    return /* @__PURE__ */ u(
-      "div",
-      {
-        ...Se({
-          className: [
-            We({ size: ie, className: oe }),
-            Me ? "outline outline-dashed outline-[color:var(--primary)] outline-offset-2 bg-[color:var(--primary)]/5" : ""
-          ].join(" ")
-        }),
-        "aria-label": i("ui.chat.attachmentZone"),
-        children: [
-          /* @__PURE__ */ t("input", { ...Fe() }),
-          V ? /* @__PURE__ */ t("div", { className: "ps-[var(--spacing-sm)] pe-[var(--spacing-xs)] pt-[var(--spacing-xs)]", children: /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              "aria-label": i("ui.chat.contextActive", { name: V }),
-              onClick: x,
-              onKeyDown: (e) => {
-                (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), x == null || x());
-              },
-              className: [
-                "inline-flex items-center gap-[var(--spacing-xs)]",
-                "rounded-[var(--radius-full)] border border-[color:var(--accent)]/30",
-                "bg-[color:var(--accent)]/10 text-[color:var(--foreground)]",
-                "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]",
-                "min-h-[var(--min-target-size)]",
-                "type-body-sm",
-                "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid focus-visible:outline-[color:var(--ring)]",
-                "forced-colors:focus-visible:outline-[CanvasText]"
-              ].join(" "),
-              children: i("ui.chat.contextActive", { name: V })
-            }
-          ) }) : null,
-          /* @__PURE__ */ t("label", { id: R, htmlFor: F, className: "sr-only", children: i("ui.chat.prompt") }),
-          /* @__PURE__ */ u("div", { className: "relative", children: [
-            /* @__PURE__ */ t(
-              "textarea",
-              {
-                ref: fe,
-                id: F,
-                rows: $,
-                value: d ? n : void 0,
-                defaultValue: d ? void 0 : C,
-                disabled: X,
-                placeholder: le ?? i("ui.chat.input.placeholder"),
-                "aria-labelledby": R,
-                "aria-controls": z ? ee : void 0,
-                "aria-expanded": z,
-                onChange: xe,
-                onKeyDown: ke,
-                onPaste: we,
-                onCompositionStart: ye,
-                onCompositionEnd: Ne,
-                className: [
-                  "w-full resize-none bg-transparent outline-none",
-                  "ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] pb-[var(--spacing-xs)]",
-                  "placeholder:text-[color:var(--muted-foreground)]",
-                  "leading-[var(--line-height-base)]",
-                  "disabled:opacity-50 disabled:cursor-not-allowed"
-                ].join(" "),
-                ...pe
-              }
-            ),
-            z ? /* @__PURE__ */ t(
-              "div",
-              {
-                ref: de,
-                className: [
-                  "absolute start-[var(--spacing-md)] top-full z-50",
-                  "mt-[var(--spacing-xs)]",
-                  "min-w-[240px] rounded-[var(--radius-md)] border border-border",
-                  "bg-[color:var(--popover)] text-[color:var(--popover-foreground)]",
-                  "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.
-                  "origin-top motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95",
-                  "duration-[var(--animation-duration)] ease-[var(--ease-out)]"
-                ].join(" "),
-                id: ee,
-                children: /* @__PURE__ */ u(h, { label: i("ui.chat.slashMenu.label"), loop: !0, children: [
-                  /* @__PURE__ */ t(
-                    h.Input,
-                    {
-                      value: ve,
-                      onValueChange: S,
-                      className: "sr-only"
-                    }
-                  ),
-                  /* @__PURE__ */ u(h.List, { className: "max-h-60 overflow-y-auto pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]", children: [
-                    /* @__PURE__ */ t(h.Empty, { className: "type-body-sm text-[color:var(--muted-foreground)] ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]", children: i("ui.chat.slashMenu.empty") }),
-                    l.map((e) => /* @__PURE__ */ u(
-                      h.Item,
-                      {
-                        value: e.id,
-                        onSelect: () => ze(e),
-                        className: [
-                          "flex flex-col gap-[2px]",
-                          "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-                          "pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]",
-                          "type-body-sm cursor-pointer",
-                          "aria-selected:bg-muted/20",
-                          "data-[selected=true]:bg-muted/20"
-                        ].join(" "),
-                        children: [
-                          /* @__PURE__ */ u("span", { className: "font-medium", children: [
-                            "/",
-                            e.id
-                          ] }),
-                          e.description ? /* @__PURE__ */ t("span", { className: "type-meta text-[color:var(--muted-foreground)]", children: e.description }) : null
-                        ]
-                      },
-                      e.id
-                    ))
-                  ] })
-                ] })
-              }
-            ) : null
-          ] }),
-          f.length > 0 ? /* @__PURE__ */ t(
-            "div",
-            {
-              role: "group",
-              "aria-label": i("ui.chat.attachmentZone"),
-              className: "flex flex-wrap gap-[var(--spacing-xs)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-              children: f.map((e) => /* @__PURE__ */ t(
-                Ze,
-                {
-                  file: e.file,
-                  onRemove: () => Be(e.id)
-                },
-                e.id
-              ))
-            }
-          ) : null,
-          /* @__PURE__ */ u("div", { className: "flex items-center gap-[var(--spacing-xs)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] pb-[var(--spacing-xs)]", children: [
-            c && c.length > 0 ? /* @__PURE__ */ t("div", { className: "me-auto min-w-[140px]", children: /* @__PURE__ */ t(
-              Ke,
-              {
-                "aria-label": i("ui.chat.model.select"),
-                options: Te,
-                value: W || "",
-                onValueChange: (e) => {
-                  Y || he(e), T == null || T(e);
-                },
-                size: "sm"
-              }
-            ) }) : /* @__PURE__ */ t("div", { className: "me-auto" }),
-            /* @__PURE__ */ t("span", { className: "sr-only", children: i("ui.chat.input.sendHint") }),
-            /* @__PURE__ */ t(
-              se,
-              {
-                icon: /* @__PURE__ */ t(Le, {}),
-                "aria-label": i("ui.chat.send"),
-                intent: "primary",
-                size: "sm",
-                disabled: X || !n.trim() && f.length === 0,
-                onClick: G,
-                "aria-keyshortcuts": "Meta+Enter Control+Enter"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-Qe.displayName = "AIPromptInput";
-function Ue(l) {
-  return l < 1024 ? `${l} B` : l < 1024 * 1024 ? `${(l / 1024).toFixed(1)} KB` : `${(l / (1024 * 1024)).toFixed(1)} MB`;
-}
-function Ze({
-  file: l,
-  onRemove: c
-}) {
-  const { t: B } = re();
-  return /* @__PURE__ */ u(
-    "span",
-    {
-      className: [
-        "inline-flex items-center gap-[var(--spacing-xs)]",
-        "rounded-[var(--radius-full)] bg-muted/30",
-        "ps-[var(--spacing-sm)] pe-[var(--spacing-xs)]",
-        "pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]",
-        "type-meta",
-        // Entrance when a file is attached via drop / paste / picker.
-        "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-bottom-1",
-        "duration-[var(--animation-duration)] ease-[var(--ease-out)]"
-      ].join(" "),
-      children: [
-        /* @__PURE__ */ t("span", { className: "truncate max-w-[16ch]", children: l.name }),
-        /* @__PURE__ */ t("span", { className: "text-[color:var(--muted-foreground)] tabular-nums", children: Ue(l.size) }),
-        /* @__PURE__ */ t(
-          se,
-          {
-            icon: /* @__PURE__ */ t(Pe, {}),
-            "aria-label": B("ui.chat.attachment.remove", { name: l.name }),
-            intent: "ghost",
-            size: "sm",
-            onClick: c
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Qe as A
-};
-//# sourceMappingURL=ai-prompt-input-C6IY_Eds.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ai-prompt-input-C6IY_Eds.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    'flex flex-col gap-[var(--spacing-xs)] w-full',\n    'rounded-[var(--radius-md)] border border-border bg-background',\n    'transition-[border-color] duration-[var(--animation-duration)]',\n    'focus-within:border-[color:var(--primary)]',\n    'motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'text-[length:var(--font-size-sm)]',\n        md: 'text-[length:var(--font-size-base)]',\n        lg: '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              ? 'outline outline-dashed outline-[color:var(--primary)] outline-offset-2 bg-[color:var(--primary)]/5'\n              : '',\n          ].join(' '),\n        })}\n        aria-label={t('ui.chat.attachmentZone')}\n      >\n        {/* Hidden file input owned by react-dropzone. */}\n        <input {...getInputProps()} />\n\n        {context ? (\n          <div className=\"ps-[var(--spacing-sm)] pe-[var(--spacing-xs)] 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                'inline-flex items-center gap-[var(--spacing-xs)]',\n                'rounded-[var(--radius-full)] border border-[color:var(--accent)]/30',\n                'bg-[color:var(--accent)]/10 text-[color:var(--foreground)]',\n                'ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]',\n                'min-h-[var(--min-target-size)]',\n                'type-body-sm',\n                'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid focus-visible:outline-[color:var(--ring)]',\n                '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=\"sr-only\">\n          {t('ui.chat.prompt')}\n        </label>\n\n        <div className=\"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              'w-full resize-none bg-transparent outline-none',\n              'ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] pb-[var(--spacing-xs)]',\n              'placeholder:text-[color:var(--muted-foreground)]',\n              'leading-[var(--line-height-base)]',\n              'disabled:opacity-50 disabled:cursor-not-allowed',\n            ].join(' ')}\n            {...rest}\n          />\n\n          {slashOpen ? (\n            <div\n              ref={slashMenuRef}\n              className={[\n                'absolute start-[var(--spacing-md)] top-full z-50',\n                'mt-[var(--spacing-xs)]',\n                'min-w-[240px] rounded-[var(--radius-md)] border border-border',\n                'bg-[color:var(--popover)] text-[color:var(--popover-foreground)]',\n                '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                'origin-top motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95',\n                'duration-[var(--animation-duration)] 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=\"sr-only\"\n                />\n                <Command.List className=\"max-h-60 overflow-y-auto pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]\">\n                  <Command.Empty className=\"type-body-sm text-[color:var(--muted-foreground)] ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] 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                        'flex flex-col gap-[2px]',\n                        'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n                        'pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]',\n                        'type-body-sm cursor-pointer',\n                        'aria-selected:bg-muted/20',\n                        'data-[selected=true]:bg-muted/20',\n                      ].join(' ')}\n                    >\n                      <span className=\"font-medium\">/{cmd.id}</span>\n                      {cmd.description ? (\n                        <span className=\"type-meta 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=\"flex flex-wrap gap-[var(--spacing-xs)] ps-[var(--spacing-sm)] 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=\"flex items-center gap-[var(--spacing-xs)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] pb-[var(--spacing-xs)]\">\n          {models && models.length > 0 ? (\n            <div className=\"me-auto 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=\"me-auto\" />\n          )}\n          <span className=\"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        'inline-flex items-center gap-[var(--spacing-xs)]',\n        'rounded-[var(--radius-full)] bg-muted/30',\n        'ps-[var(--spacing-sm)] pe-[var(--spacing-xs)]',\n        'pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]',\n        'type-meta',\n        // Entrance when a file is attached via drop / paste / picker.\n        'motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-bottom-1',\n        'duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n      ].join(' ')}\n    >\n      <span className=\"truncate max-w-[16ch]\">{file.name}</span>\n      <span className=\"text-[color:var(--muted-foreground)] 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","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":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert-C5ud6CfE.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    'flex items-start gap-[var(--spacing-md)]',\n    'rounded-[var(--radius-md)]',\n    'border border-[length:var(--border-width-sm)]',\n    'p-[var(--spacing-md)]',\n    '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          'border-[color:var(--info)]',\n          'bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'text-[var(--info-foreground)]',\n          '[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          '[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'border-[color:var(--success)]',\n          'bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'text-[var(--success-foreground)]',\n          '[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          '[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'border-[color:var(--warning)]',\n          'bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'text-[var(--warning-foreground)]',\n          '[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          '[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'border-[color:var(--error)]',\n          'bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'text-[var(--error-foreground)]',\n          '[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          '[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nconst ICON_CLASSES = 'shrink-0 size-5 mt-0.5';\n\nconst CLOSE_BUTTON_CLASSES = [\n  'ms-auto shrink-0 inline-flex items-center justify-center',\n  'rounded-[var(--radius-sm)]',\n  'min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]',\n  '-mt-[var(--spacing-xs)] -me-[var(--spacing-xs)]',\n  'text-current opacity-70',\n  'hover:opacity-100',\n  'transition-opacity duration-[var(--animation-duration)] motion-reduce:transition-none',\n  'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n  'focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  '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={['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        'mt-[var(--spacing-sm)] flex flex-wrap items-center 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-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          'motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-2',\n          'motion-safe:data-[state=closing]:animate-out motion-safe:data-[state=closing]:fade-out-0',\n          'motion-safe:data-[state=closing]:slide-out-to-top-2 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          'motion-safe:data-[state=closing]:fill-mode-forwards',\n          '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=\"flex-1 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=\"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/apexcharts-theme-cpBYmCcr.js

@@ -1,17 +0,0 @@
-function n() {
-  const t = getComputedStyle(document.documentElement), e = (o) => t.getPropertyValue(o).trim();
-  return {
-    theme: { mode: document.documentElement.classList.contains("theme-dark") ? "dark" : "light" },
-    colors: [e("--primary"), e("--accent"), e("--success"), e("--warning")],
-    chart: {
-      background: e("--background"),
-      foreColor: e("--foreground"),
-      fontFamily: e("--font-sans")
-    },
-    grid: { borderColor: e("--border") }
-  };
-}
-export {
-  n as g
-};
-//# sourceMappingURL=apexcharts-theme-cpBYmCcr.js.map

package/dist/_chunks/apexcharts-theme-cpBYmCcr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"apexcharts-theme-cpBYmCcr.js","sources":["../../src/tokens/apexcharts-theme.ts"],"sourcesContent":["import type ApexCharts from 'apexcharts';\n\nexport function getApexChartsTheme(): ApexCharts.ApexOptions {\n  const styles = getComputedStyle(document.documentElement);\n  const get = (v: string) => styles.getPropertyValue(v).trim();\n  const isDark = document.documentElement.classList.contains('theme-dark');\n  return {\n    theme: { mode: isDark ? 'dark' : 'light' },\n    colors: [get('--primary'), get('--accent'), get('--success'), get('--warning')],\n    chart: {\n      background: get('--background'),\n      foreColor: get('--foreground'),\n      fontFamily: get('--font-sans'),\n    },\n    grid: { borderColor: get('--border') },\n  };\n}\n"],"names":["getApexChartsTheme","styles","get","v"],"mappings":"AAEO,SAASA,IAA6C;AAC3D,QAAMC,IAAS,iBAAiB,SAAS,eAAe,GAClDC,IAAM,CAACC,MAAcF,EAAO,iBAAiBE,CAAC,EAAE,KAAA;AAEtD,SAAO;AAAA,IACL,OAAO,EAAE,MAFI,SAAS,gBAAgB,UAAU,SAAS,YAAY,IAE7C,SAAS,QAAA;AAAA,IACjC,QAAQ,CAACD,EAAI,WAAW,GAAGA,EAAI,UAAU,GAAGA,EAAI,WAAW,GAAGA,EAAI,WAAW,CAAC;AAAA,IAC9E,OAAO;AAAA,MACL,YAAYA,EAAI,cAAc;AAAA,MAC9B,WAAWA,EAAI,cAAc;AAAA,MAC7B,YAAYA,EAAI,aAAa;AAAA,IAAA;AAAA,IAE/B,MAAM,EAAE,aAAaA,EAAI,UAAU,EAAA;AAAA,EAAE;AAEzC;"}

package/dist/_chunks/app-frame-CmIUp9BD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-frame-CmIUp9BD.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    'h-dvh w-full',\n    'flex flex-col',\n    'overflow-hidden',\n    'bg-[var(--background)] 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    'data-[app-scrolled=true]:[&_[role=banner]]:shadow-[var(--shadow-md)]',\n    '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    'forced-colors:[&_[role=banner]]:[border-block-end-color:CanvasText]',\n    // Print: strip shadow, keep border so the banner still reads on paper.\n    'print:[&_[role=banner]]:shadow-none',\n    'print:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n  ].join(' '),\n);\n\nconst rowVariants = cva(\n  [\n    'flex flex-1 items-stretch 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    'hidden md:flex',\n    '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    '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    'hidden md:flex',\n    'shrink-0',\n    '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    'flex-1 min-w-0 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    'focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      padded: {\n        true: [\n          'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n          'pt-[var(--spacing-md)] pb-[var(--spacing-md)]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: { padded: true },\n  },\n);\n\nconst footerSlotVariants = cva('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        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,UAAU,GAkC5BM,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,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-Bo3cZXmR.js

@@ -1,56 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import "@radix-ui/react-aspect-ratio";
-import { c as d } from "./index-D2ZczOXr.js";
-const v = d(
-  [
-    "relative inline-size-full overflow-hidden",
-    "[&>*]:absolute [&>*]:inset-0 [&>*]:inline-size-full [&>*]:block-size-full",
-    "[&>*]:[object-position:var(--ar-object-position,center)]"
-  ],
-  {
-    variants: {
-      ratio: {
-        "1:1": "aspect-[1/1] ar-1x1",
-        "4:3": "aspect-[4/3] ar-4x3",
-        "16:9": "aspect-[16/9] ar-16x9",
-        "3:2": "aspect-[3/2] ar-3x2",
-        "21:9": "aspect-[21/9] ar-21x9"
-      },
-      fit: {
-        cover: "[&>*]:object-cover",
-        contain: "[&>*]:object-contain",
-        fill: "[&>*]:object-fill",
-        "scale-down": "[&>*]:object-scale-down",
-        none: "[&>*]:object-none"
-      }
-    },
-    defaultVariants: {
-      ratio: "16:9",
-      fit: "cover"
-    }
-  }
-), b = m(
-  ({ ratio: t, fit: i, objectPosition: e, className: c, style: a, children: r, ...s }, n) => {
-    const o = typeof t == "number", l = o ? void 0 : t, p = o || e || a ? {
-      ...a,
-      ...o ? { aspectRatio: t } : {},
-      ...e ? { "--ar-object-position": e } : {}
-    } : void 0;
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        ref: n,
-        className: v({ ratio: l, fit: i, className: c }),
-        style: p,
-        ...s,
-        children: r
-      }
-    );
-  }
-);
-b.displayName = "AspectRatio";
-export {
-  b as A
-};
-//# sourceMappingURL=aspect-ratio-Bo3cZXmR.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"aspect-ratio-Bo3cZXmR.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    'relative inline-size-full overflow-hidden',\n    '[&>*]:absolute [&>*]:inset-0 [&>*]:inline-size-full [&>*]:block-size-full',\n    '[&>*]:[object-position:var(--ar-object-position,center)]',\n  ],\n  {\n    variants: {\n      ratio: {\n        '1:1': 'aspect-[1/1] ar-1x1',\n        '4:3': 'aspect-[4/3] ar-4x3',\n        '16:9': 'aspect-[16/9] ar-16x9',\n        '3:2': 'aspect-[3/2] ar-3x2',\n        '21:9': 'aspect-[21/9] ar-21x9',\n      } satisfies Record<PresetRatio, string>,\n      fit: {\n        cover: '[&>*]:object-cover',\n        contain: '[&>*]:object-contain',\n        fill: '[&>*]:object-fill',\n        'scale-down': '[&>*]:object-scale-down',\n        none: '[&>*]: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        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,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;"}