@alfadocs/ui-kit 0.46.0 → 0.47.0

package/dist/_chunks/{chat-message-ASgGtj-L.js → chat-message-B5JpFj0F.js}

@@ -1,16 +1,17 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { forwardRef as C, useMemo as j, Fragment as g } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { B as z } from "./button-DD_0Xdmr.js";
-import { A } from "./avatar-BNQNhoyL.js";
-import { T as F } from "./timestamp-BV2lC-wV.js";
-import { s as I } from "./safe-image-src-DstKgCo7.js";
-import { R as M } from "./rotate-ccw-BWANpitO.js";
-import { C as S } from "./clock-21AGPWJ5.js";
-import { C as V } from "./check-DPdL_Sm7.js";
-import { C as B } from "./circle-alert-ChA9opNA.js";
-const D = v(
+import { forwardRef as j, useMemo as T, Fragment as l } from "react";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { B as F } from "./button-DD_0Xdmr.js";
+import { A as I } from "./avatar-BNQNhoyL.js";
+import { T as A } from "./timestamp-BV2lC-wV.js";
+import { s as B, C as M } from "./code-block-HoddNOKJ.js";
+import { s as S } from "./safe-image-src-DstKgCo7.js";
+import { R as V } from "./rotate-ccw-BWANpitO.js";
+import { C as D } from "./clock-21AGPWJ5.js";
+import { C as E } from "./check-DPdL_Sm7.js";
+import { C as L } from "./circle-alert-ChA9opNA.js";
+const R = h(
   "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -22,7 +23,7 @@ const D = v(
     },
     defaultVariants: { role: "assistant" }
   }
-), E = v(
+), _ = h(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -44,31 +45,31 @@ const D = v(
     },
     defaultVariants: { role: "assistant" }
   }
-), L = /^(https?:|mailto:)/i;
-function R(t) {
+), $ = /^(https?:|mailto:)/i;
+function k(n) {
   const e = [];
-  let r = t;
-  const n = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
-  for (; r.length > 0; ) {
-    const s = n.exec(r);
-    if (!s) {
-      e.push({ type: "text", value: r });
+  let s = n;
+  const t = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
+  for (; s.length > 0; ) {
+    const r = t.exec(s);
+    if (!r) {
+      e.push({ type: "text", value: s });
       break;
     }
-    s.index > 0 && e.push({ type: "text", value: r.slice(0, s.index) }), s[1] !== void 0 ? e.push({ type: "bold", value: s[1] }) : s[2] !== void 0 ? e.push({ type: "code", value: s[2] }) : s[3] !== void 0 && s[4] !== void 0 ? e.push({ type: "link", label: s[3], href: s[4] }) : e.push({ type: "br" }), r = r.slice(s.index + s[0].length);
+    r.index > 0 && e.push({ type: "text", value: s.slice(0, r.index) }), r[1] !== void 0 ? e.push({ type: "bold", value: r[1] }) : r[2] !== void 0 ? e.push({ type: "code", value: r[2] }) : r[3] !== void 0 && r[4] !== void 0 ? e.push({ type: "link", label: r[3], href: r[4] }) : e.push({ type: "br" }), s = s.slice(r.index + r[0].length);
   }
   return e;
 }
-function _(t) {
-  return R(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
+function H(n) {
+  return k(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
       className: "ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]",
       children: e.value
     },
-    r
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? L.test(e.href) ? /* @__PURE__ */ a(
+    s
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? $.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -77,63 +78,67 @@ function _(t) {
       className: "ds:underline ds:underline-offset-2 ds:hover:opacity-80",
       children: e.label
     },
-    r
-  ) : /* @__PURE__ */ a(g, { children: e.label }, r) : /* @__PURE__ */ a(g, { children: e.value }, r));
+    s
+  ) : /* @__PURE__ */ a(l, { children: e.label }, s) : /* @__PURE__ */ a(l, { children: e.value }, s));
 }
-const $ = C(
+function q(n) {
+  return B(n).map((e, s) => e.type === "code" ? /* @__PURE__ */ a(M, { code: e.value, language: e.lang }, s) : /* @__PURE__ */ a(l, { children: H(e.value) }, s));
+}
+const G = j(
   ({
-    role: t,
+    role: n,
     content: e,
-    avatar: r,
-    timestamp: n,
-    status: s,
-    renderMarkdown: h = !1,
-    onRetry: l,
+    avatar: s,
+    timestamp: t,
+    status: r,
+    renderMarkdown: x = !1,
+    onRetry: m,
+    actions: c,
     className: b,
-    ...x
-  }, y) => {
-    const { t: i, i18n: m } = T(), o = j(() => {
-      if (!n) return null;
-      const p = n instanceof Date ? n : new Date(n);
-      return Number.isNaN(p.getTime()) ? null : new Intl.DateTimeFormat(m.language, {
+    ...y
+  }, N) => {
+    const { t: i, i18n: u } = z(), o = T(() => {
+      if (!t) return null;
+      const v = t instanceof Date ? t : new Date(t);
+      return Number.isNaN(v.getTime()) ? null : new Intl.DateTimeFormat(u.language, {
         hour: "2-digit",
         minute: "2-digit"
-      }).format(p);
-    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = h ? _(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(V, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
-      B,
+      }).format(v);
+    }, [t, u.language]), f = i(`chat.message.role.${n}`), w = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), C = x ? q(e) : e, p = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ a(D, { "aria-hidden": "true", className: "ds:size-3.5" }) : r === "sent" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+      L,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
       }
-    ), f = s ? i(`chat.message.status.${s}`) : null;
+    ), g = r ? i(`chat.message.status.${r}`) : null;
     return /* @__PURE__ */ d(
       "article",
       {
-        ref: y,
-        "aria-label": N,
+        ref: N,
+        "aria-label": w,
         "data-component": "chat-message",
         className: [
-          D({ role: t, className: b }),
+          R({ role: n, className: b }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
           // under `prefers-reduced-motion` and `.theme-accessible`, so both
           // collapse the animation to an instant state change automatically.
           "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2",
           "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
         ].join(" "),
-        ...x,
+        ...y,
         children: [
-          t !== "system" && r ? r.slot ? (
+          n !== "system" && s ? s.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
-            r.slot
+            s.slot
           ) : (
             // Allow-list the src: LLM-supplied values can carry
             // `javascript:` / `data:text/html` / `data:image/svg+xml` and so
             // are scrubbed here before reaching <Avatar>. Fallback to initials.
             /* @__PURE__ */ a(
-              A,
+              I,
               {
-                name: r.name,
-                src: I(r.src),
+                name: s.name,
+                src: S(s.src),
                 size: "sm"
               }
             )
@@ -147,7 +152,7 @@ const $ = C(
                 // CJK run, hash) can force the bubble wider than the parent
                 // and spill outside narrow containers like the Alia sidebar.
                 "ds:flex ds:flex-col ds:min-w-0",
-                t === "user" ? "ds:items-end" : t === "assistant" ? "ds:items-start" : "ds:items-center"
+                n === "user" ? "ds:items-end" : n === "assistant" ? "ds:items-start" : "ds:items-center"
               ].join(" "),
               children: [
                 /* @__PURE__ */ a(
@@ -155,17 +160,17 @@ const $ = C(
                   {
                     dir: "auto",
                     className: [
-                      E({ role: t }),
+                      _({ role: n }),
                       // `break-words` (from bubbleVariants) handles soft hyphens;
                       // `overflow-wrap: anywhere` is the last-resort break for
                       // URLs, hashes, or CJK runs that would otherwise push the
                       // bubble wider than its parent in narrow docks like Alia.
                       "ds:[overflow-wrap:anywhere]"
                     ].join(" "),
-                    children: w
+                    children: C
                   }
                 ),
-                (o || f) && t !== "system" ? /* @__PURE__ */ d(
+                (o || g) && n !== "system" ? /* @__PURE__ */ d(
                   "div",
                   {
                     className: [
@@ -173,16 +178,16 @@ const $ = C(
                       "type-meta ds:text-[color:var(--muted-foreground)]"
                     ].join(" "),
                     children: [
-                      n ? /* @__PURE__ */ a(
-                        F,
+                      t ? /* @__PURE__ */ a(
+                        A,
                         {
-                          value: n,
+                          value: t,
                           format: "absolute",
                           absoluteFormat: { hour: "2-digit", minute: "2-digit" },
                           dir: "ltr"
                         }
                       ) : null,
-                      u ? (
+                      p ? (
                         // `key={status}` re-mounts the span on every status change so
                         // `animate-in` re-runs — gives the sending → sent → error
                         // swap a subtle cross-fade instead of an abrupt pop.
@@ -195,26 +200,27 @@ const $ = C(
                               "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                             ].join(" "),
                             children: [
-                              u,
-                              /* @__PURE__ */ a("span", { className: "ds:sr-only", children: f })
+                              p,
+                              /* @__PURE__ */ a("span", { className: "ds:sr-only", children: g })
                             ]
                           },
-                          s
+                          r
                         )
                       ) : null,
-                      s === "error" && l ? /* @__PURE__ */ a(
-                        z,
+                      r === "error" && m ? /* @__PURE__ */ a(
+                        F,
                         {
                           intent: "ghost",
                           size: "sm",
-                          onClick: l,
-                          startIcon: /* @__PURE__ */ a(M, {}),
+                          onClick: m,
+                          startIcon: /* @__PURE__ */ a(V, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
                     ]
                   }
-                ) : null
+                ) : null,
+                c ? /* @__PURE__ */ a("div", { className: "ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: c }) : null
               ]
             }
           )
@@ -223,8 +229,8 @@ const $ = C(
     );
   }
 );
-$.displayName = "ChatMessage";
+G.displayName = "ChatMessage";
 export {
-  $ as C
+  G as C
 };
-//# sourceMappingURL=chat-message-ASgGtj-L.js.map
+//# sourceMappingURL=chat-message-B5JpFj0F.js.map

package/dist/_chunks/code-block-HoddNOKJ.js

@@ -0,0 +1,106 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as u, useState as g, useCallback as x } from "react";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as b } from "react-i18next";
+import { I as y } from "./icon-button-CKEOrN37.js";
+import { C } from "./check-DPdL_Sm7.js";
+import { C as k } from "./copy-B00HK7tj.js";
+function F(e) {
+  const s = [], t = /```([^\n`]*)\n([\s\S]*?)(?:\n?```|$)/g;
+  let o = 0, r;
+  for (; (r = t.exec(e)) !== null; )
+    r.index > o && s.push({ type: "text", value: e.slice(o, r.index) }), s.push({
+      type: "code",
+      lang: r[1].trim() || void 0,
+      value: r[2]
+    }), o = t.lastIndex;
+  return o < e.length && s.push({ type: "text", value: e.slice(o) }), s;
+}
+const w = h(
+  [
+    "ds:my-[var(--spacing-sm)] ds:overflow-hidden",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--muted)]"
+  ].join(" ")
+), B = u(
+  ({ code: e, language: s, showCopy: t = !0, className: o, ...r }, f) => {
+    var l;
+    const { t: d } = b(), [n, i] = g(!1), c = t && typeof navigator < "u" && typeof ((l = navigator.clipboard) == null ? void 0 : l.writeText) == "function", v = x(() => {
+      var p;
+      (p = navigator.clipboard) == null || p.writeText(e).then(() => {
+        i(!0), setTimeout(() => i(!1), 2e3);
+      }).catch(() => {
+      });
+    }, [e]);
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: f,
+        "data-component": "code-block",
+        className: [w(), o].filter(Boolean).join(" "),
+        ...r,
+        children: [
+          s || c ? /* @__PURE__ */ m(
+            "div",
+            {
+              className: [
+                "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]",
+                "ds:border-b ds:border-[color:var(--border)]",
+                "ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]",
+                "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]",
+                "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]"
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    dir: "ltr",
+                    className: "type-meta ds:text-[color:var(--muted-foreground)]",
+                    children: s ?? ""
+                  }
+                ),
+                c ? /* @__PURE__ */ a(
+                  y,
+                  {
+                    icon: n ? /* @__PURE__ */ a(C, {}) : /* @__PURE__ */ a(k, {}),
+                    "aria-label": d(n ? "codeBlock.copied" : "codeBlock.copy"),
+                    intent: "ghost",
+                    size: "sm",
+                    onClick: v
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ a(
+            "pre",
+            {
+              tabIndex: 0,
+              className: "ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]",
+              children: /* @__PURE__ */ a(
+                "code",
+                {
+                  dir: "ltr",
+                  className: [
+                    "ds:font-[family-name:var(--font-mono)]",
+                    "ds:text-[length:var(--font-size-sm)] ds:leading-relaxed",
+                    "ds:text-[color:var(--foreground)]",
+                    "ds:whitespace-pre"
+                  ].join(" "),
+                  children: e
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: n ? d("codeBlock.copied") : "" })
+        ]
+      }
+    );
+  }
+);
+B.displayName = "CodeBlock";
+export {
+  B as C,
+  F as s
+};
+//# sourceMappingURL=code-block-HoddNOKJ.js.map

package/dist/_chunks/download-CDF1sbL9.js

@@ -0,0 +1,16 @@
+import { c as o } from "./createLucideIcon-CrFbzy84.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 a = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+], e = o("download", a);
+export {
+  e as D
+};
+//# sourceMappingURL=download-CDF1sbL9.js.map