@alfadocs/ui-kit 0.1.8 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -215,6 +215,10 @@
       "types": "./dist/components/list/index.d.ts",
       "import": "./dist/components/list/index.js"
     },
+    "./link": {
+      "types": "./dist/components/link/index.d.ts",
+      "import": "./dist/components/link/index.js"
+    },
     "./logo": {
       "types": "./dist/components/logo/index.d.ts",
       "import": "./dist/components/logo/index.js"
@@ -291,6 +295,10 @@
       "types": "./dist/components/radio-group/index.d.ts",
       "import": "./dist/components/radio-group/index.js"
     },
+    "./recaptcha-widget": {
+      "types": "./dist/components/recaptcha-widget/index.d.ts",
+      "import": "./dist/components/recaptcha-widget/index.js"
+    },
     "./resizable": {
       "types": "./dist/components/resizable/index.d.ts",
       "import": "./dist/components/resizable/index.js"
@@ -468,7 +476,12 @@
     "storybook": "LAUNCH_EDITOR=code storybook dev -p 6006",
     "build-storybook": "storybook build",
     "typecheck": "tsc -b",
-    "test": "vitest run"
+    "test": "vitest run",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "stylelint": "stylelint \"src/**/*.css\""
   },
   "peerDependencies": {
     "@fullcalendar/core": "^6.1.20",
@@ -677,11 +690,19 @@
     "ag-grid-react": "^35.2.1",
     "apexcharts": "^5.10.1",
     "autoprefixer": "^10.5.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^17.6.0",
     "i18next": "^26.0.4",
     "libphonenumber-js": "^1.12.41",
     "pdfjs-dist": "^5.6.205",
     "playwright": "^1.59.1",
     "postcss": "^8.5.9",
+    "prettier": "^3.8.3",
     "react": "^18.3.1",
     "react-apexcharts": "^2.0.0",
     "react-dom": "^18.3.1",
@@ -692,9 +713,12 @@
     "storybook-addon-pseudo-states": "^10.3.5",
     "storybook-addon-rtl": "^3.0.1",
     "storybook-react-i18next": "^10.1.2",
+    "stylelint": "^16.26.1",
+    "stylelint-config-standard": "^36.0.1",
     "tailwindcss": "^4.2.2",
     "tiptap-markdown": "^0.9.0",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.59.3",
     "vite": "^6.4.2",
     "vitest": "^4.1.4",
     "vitest-axe": "^0.1.0"

package/dist/_chunks/accordion.agent-Cz-yglRa.js

@@ -1,17 +0,0 @@
-const t = {
-  id: "accordion",
-  capabilities: ["expand", "select_single", "select_multiple"],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: { attr: "data-component", value: "accordion" },
-    item: {
-      attr: "data-item-id",
-      description: "Each Accordion.Item emits its value as data-item-id."
-    }
-  }
-};
-export {
-  t as a
-};
-//# sourceMappingURL=accordion.agent-Cz-yglRa.js.map

package/dist/_chunks/agenda-tray-BqQZwiHc.js

@@ -1,120 +0,0 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { c as w } from "./index-D2ZczOXr.js";
-import { useTranslation as b } from "react-i18next";
-import { I as M } from "./icon-button-Wnnde5lc.js";
-import { S as T } from "./skeleton-dtqyF09N.js";
-import { E as A } from "./empty-state-DQPtRp2b.js";
-import { A as z } from "./agenda-card-DIWDvWum.js";
-import { c as j } from "./createLucideIcon-CrFbzy84.js";
-import { P as C } from "./plus-CYKNmfuA.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const E = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }],
-  ["path", { d: "M8 14h.01", key: "6423bh" }],
-  ["path", { d: "M12 14h.01", key: "1etili" }],
-  ["path", { d: "M16 14h.01", key: "1gbofw" }],
-  ["path", { d: "M8 18h.01", key: "lrp35t" }],
-  ["path", { d: "M12 18h.01", key: "mhygvu" }],
-  ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], I = j("calendar-days", E), S = w(
-  [
-    "ds:flex ds:flex-col",
-    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:overflow-hidden"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-), L = N(
-  ({
-    items: t,
-    title: m,
-    caption: i,
-    size: n = "sm",
-    onOpenAppointment: p,
-    onAddAppointment: o,
-    addLabel: h,
-    loading: l = !1,
-    emptyTitle: y,
-    emptyDescription: f,
-    className: g,
-    ...v
-  }, u) => {
-    const { t: e } = b(), c = m ?? e("ui.agendaTray.title", "Today's appointments"), x = h ?? e("ui.agendaTray.add", "Add appointment"), k = !l && t.length === 0;
-    let s;
-    return l ? s = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((d) => /* @__PURE__ */ a(T, { variant: "rectangular", height: "2.5rem" }, d)) }) : k ? s = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
-      A,
-      {
-        variant: "first-use",
-        size: "sm",
-        title: y ?? e("ui.agendaTray.empty.title", "No appointments"),
-        description: f ?? e(
-          "ui.agendaTray.empty.description",
-          "New appointments will appear here."
-        )
-      }
-    ) }) : s = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: t.map((d) => /* @__PURE__ */ a(
-      z,
-      {
-        item: d,
-        size: n,
-        onActivate: p
-      },
-      d.id
-    )) }), /* @__PURE__ */ r(
-      "section",
-      {
-        ref: u,
-        "aria-label": c,
-        "data-component": "agenda-tray",
-        className: S({ size: n, className: g }),
-        ...v,
-        children: [
-          /* @__PURE__ */ r("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
-              /* @__PURE__ */ r("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
-                /* @__PURE__ */ a(I, { "aria-hidden": "true", className: "ds:size-4" }),
-                c
-              ] }),
-              i ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: i }) : null
-            ] }),
-            o ? /* @__PURE__ */ a(
-              M,
-              {
-                icon: /* @__PURE__ */ a(C, {}),
-                intent: "outline",
-                size: "sm",
-                "aria-label": x,
-                onClick: o
-              }
-            ) : null
-          ] }),
-          s
-        ]
-      }
-    );
-  }
-);
-L.displayName = "AgendaTray";
-export {
-  L as A
-};
-//# sourceMappingURL=agenda-tray-BqQZwiHc.js.map

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