@alfadocs/ui-kit 0.2.1 → 0.2.2

package/dist/_chunks/{chat-input-DOlsB1fm.js → chat-input-Bov-gkwP.js}

@@ -1,4 +1,4 @@
-import { jsxs as u, jsx as a, Fragment as ve } from "react/jsx-runtime";
+import { jsxs as u, jsx as r, Fragment as ve } from "react/jsx-runtime";
 import { forwardRef as ye, useId as be, useRef as b, useCallback as W, useState as xe, useLayoutEffect as Ie, useImperativeHandle as ke, useMemo as Ce } from "react";
 import { c as we } from "./index-D2ZczOXr.js";
 import { useTranslation as Ne } from "react-i18next";
@@ -44,8 +44,8 @@ const Me = [
       argsType: "{ value: string }",
       descriptionKey: "ui.agent.chatInput.actions.setValue",
       description: "Replace the composer text.",
-      invoke: (t, o) => {
-        t.setValue(o.value);
+      invoke: (t, c) => {
+        t.setValue(c.value);
       }
     },
     clear: {
@@ -109,10 +109,10 @@ const Me = [
     defaultVariants: { size: "md" }
   }
 );
-function Se(t, o) {
+function Se(t, c) {
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
     try {
-      const p = new Intl.Segmenter(o, { granularity: "grapheme" });
+      const p = new Intl.Segmenter(c, { granularity: "grapheme" });
       let s = 0;
       for (const M of p.segment(t)) s += 1;
       return s;
@@ -123,7 +123,7 @@ function Se(t, o) {
 const je = ye(
   ({
     size: t = "md",
-    value: o,
+    value: c,
     defaultValue: p,
     maxLength: s,
     submitOnEnter: M = !1,
@@ -144,35 +144,35 @@ const je = ye(
     id: z,
     ...J
   }, L) => {
-    const { t: c, i18n: O } = Ne(), Q = be(), h = b(!1), K = b(null), H = b(null), X = W((e) => {
+    const { t: i, i18n: O } = Ne(), Q = be(), h = b(!1), K = b(null), H = b(null), X = W((e) => {
       H.current = e;
-    }, []), n = o !== void 0, [Z, g] = xe(
+    }, []), n = c !== void 0, [Z, g] = xe(
       String(p ?? "")
-    ), r = n ? String(o) : Z, V = Se(r, O.language), v = typeof s == "number" && s > 0, D = v ? Math.max(0, s - V) : 0, ee = v && V > s * 0.9, l = v && V >= s, S = W(() => {
+    ), a = n ? String(c) : Z, V = Se(a, O.language), v = typeof s == "number" && s > 0, D = v ? Math.max(0, s - V) : 0, ee = v && V > s * 0.9, l = v && V >= s, S = W(() => {
       const e = H.current;
       if (!e) return;
-      const i = window.getComputedStyle(e), y = parseFloat(i.lineHeight) || 24, ue = parseFloat(i.paddingTop) || 0, pe = parseFloat(i.paddingBottom) || 0, me = parseFloat(i.borderTopWidth) || 0, fe = parseFloat(i.borderBottomWidth) || 0, _ = ue + pe + me + fe, he = y * x + _, $ = y * T + _;
+      const o = window.getComputedStyle(e), y = parseFloat(o.lineHeight) || 24, ue = parseFloat(o.paddingTop) || 0, pe = parseFloat(o.paddingBottom) || 0, me = parseFloat(o.borderTopWidth) || 0, fe = parseFloat(o.borderBottomWidth) || 0, _ = ue + pe + me + fe, he = y * x + _, $ = y * T + _;
       e.style.height = "auto";
       const ge = Math.max(he, Math.min(e.scrollHeight, $));
       e.style.height = `${ge}px`, e.style.overflowY = e.scrollHeight > $ ? "auto" : "hidden";
     }, [x, T]);
     Ie(() => {
       S();
-    }, [S, r]);
+    }, [S, a]);
     const te = (e) => {
       n || g(e.target.value), !h.current && (k == null || k(e));
     }, se = (e) => {
       h.current = !0, w == null || w(e);
-    }, re = (e) => {
+    }, ae = (e) => {
       h.current = !1, N == null || N(e);
-    }, ae = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || h.current, E = () => {
-      !r.trim() || f || l || (I == null || I(r), n || g(""));
+    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || h.current, E = () => {
+      !a.trim() || f || l || (I == null || I(a), n || g(""));
     }, j = b(null);
     ke(L, () => j.current, []);
     const ne = Ce(
       () => ({
-        getValue: () => r,
-        isEmpty: () => !r.trim(),
+        getValue: () => a,
+        isEmpty: () => !a.trim(),
         setValue: (e) => {
           n || g(e);
         },
@@ -191,20 +191,20 @@ const je = ye(
       // via React's render cycle — depend on currentValue + isControlled so
       // the handle picks up new values across renders.
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [r, n]
+      [a, n]
     );
     ze(Fe, ne, z);
     const ie = (e) => {
-      if (C == null || C(e), !e.defaultPrevented && !ae(e) && e.key === "Enter") {
-        const i = e.metaKey || e.ctrlKey, y = M && !e.shiftKey;
-        (i || y) && (e.preventDefault(), E());
+      if (C == null || C(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
+        const o = e.metaKey || e.ctrlKey, y = M && !e.shiftKey;
+        (o || y) && (e.preventDefault(), E());
       }
     }, oe = () => {
       var e;
       (e = K.current) == null || e.click();
     }, ce = (e) => {
       e.target.files && e.target.files.length > 0 && (m == null || m(e.target.files)), e.target.value = "";
-    }, d = z ?? Q, B = `${d}-label`, R = v ? `${d}-counter` : void 0, P = `${d}-hint`, le = A ?? c("chat.input.placeholder"), de = F ?? c("chat.prompt");
+    }, d = z ?? Q, B = `${d}-label`, R = v ? `${d}-counter` : void 0, P = `${d}-hint`, le = A ?? i("chat.input.placeholder"), de = F ?? i("chat.prompt");
     return /* @__PURE__ */ u(
       "div",
       {
@@ -213,7 +213,7 @@ const je = ye(
         "data-component-id": z,
         className: Ke({ size: t, className: G }),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             "label",
             {
               id: B,
@@ -222,12 +222,12 @@ const je = ye(
               children: de
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             "textarea",
             {
               ref: X,
               id: d,
-              value: n ? r : void 0,
+              value: n ? a : void 0,
               defaultValue: n ? void 0 : p,
               disabled: f,
               rows: x,
@@ -239,7 +239,7 @@ const je = ye(
               onChange: te,
               onKeyDown: ie,
               onCompositionStart: se,
-              onCompositionEnd: re,
+              onCompositionEnd: ae,
               className: [
                 "ds:w-full ds:resize-none ds:bg-transparent",
                 "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]",
@@ -260,7 +260,7 @@ const je = ye(
           ),
           /* @__PURE__ */ u("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: [
             m ? /* @__PURE__ */ u(ve, { children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ r(
                 "input",
                 {
                   ref: K,
@@ -268,14 +268,16 @@ const je = ye(
                   className: "ds:sr-only",
                   multiple: !0,
                   accept: Y,
-                  onChange: ce
+                  onChange: ce,
+                  "aria-label": i("chat.input.attach"),
+                  tabIndex: -1
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ r(
                 U,
                 {
-                  icon: /* @__PURE__ */ a(Te, {}),
-                  "aria-label": c("chat.input.attach"),
+                  icon: /* @__PURE__ */ r(Te, {}),
+                  "aria-label": i("chat.input.attach"),
                   intent: "ghost",
                   size: "sm",
                   onClick: oe,
@@ -299,21 +301,21 @@ const je = ye(
                     l ? (
                       // Icon pairs with --destructive colour so the at-limit
                       // state is not conveyed by hue alone (WCAG 1.4.1).
-                      /* @__PURE__ */ a(Ve, { "aria-hidden": "true", className: "ds:size-3.5" })
+                      /* @__PURE__ */ r(Ve, { "aria-hidden": "true", className: "ds:size-3.5" })
                     ) : null,
-                    c("chat.input.remaining", { count: D })
+                    i("chat.input.remaining", { count: D })
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ a("span", { id: P, className: "ds:sr-only", children: c("chat.input.sendHint") }),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ r("span", { id: P, className: "ds:sr-only", children: i("chat.input.sendHint") }),
+              /* @__PURE__ */ r(
                 U,
                 {
-                  icon: /* @__PURE__ */ a(Ee, {}),
-                  "aria-label": c("chat.send"),
+                  icon: /* @__PURE__ */ r(Ee, {}),
+                  "aria-label": i("chat.send"),
                   intent: "primary",
                   size: "sm",
-                  disabled: f || !r.trim() || l,
+                  disabled: f || !a.trim() || l,
                   onClick: E,
                   "aria-keyshortcuts": "Meta+Enter Control+Enter"
                 }
@@ -330,4 +332,4 @@ export {
   je as C,
   Fe as c
 };
-//# sourceMappingURL=chat-input-DOlsB1fm.js.map
+//# sourceMappingURL=chat-input-Bov-gkwP.js.map

package/dist/_chunks/{leo-sidebar-CfEY-xi2.js → leo-sidebar-kHO45M6C.js}

@@ -10,7 +10,7 @@ import { A as L } from "./avatar-Dcr6XuDQ.js";
 import { B as D } from "./button-DD_0Xdmr.js";
 import { C as ae } from "./chat-container-ClzsWXp2.js";
 import { C as re } from "./chat-message-DoAhgUTj.js";
-import { C as le } from "./chat-input-DOlsB1fm.js";
+import { C as le } from "./chat-input-Bov-gkwP.js";
 import { S as ie } from "./streaming-text-BgjCTVOw.js";
 import { a as q, S as O } from "./suggestion-chip-C4Jz0LrM.js";
 import { T as oe } from "./typing-indicator-BZ5jXZPn.js";
@@ -756,4 +756,4 @@ export {
   we as b,
   Ce as c
 };
-//# sourceMappingURL=leo-sidebar-CfEY-xi2.js.map
+//# sourceMappingURL=leo-sidebar-kHO45M6C.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.2.1",
+  "packageVersion": "0.2.2",
   "components": [
     {
       "kind": "component",

package/dist/components/chat-input/index.js

@@ -1,4 +1,4 @@
-import { C as n, c as p } from "../../_chunks/chat-input-DOlsB1fm.js";
+import { C as n, c as p } from "../../_chunks/chat-input-Bov-gkwP.js";
 export {
   n as ChatInput,
   p as chatInputAgent

package/dist/index.js

@@ -106,7 +106,7 @@ import { A as pn, a as mn } from "./_chunks/ai-prompt-input-BBiDlEIS.js";
 import { A as dn, a as fn } from "./_chunks/audio-recorder-B4U1LuiQ.js";
 import { A as cn } from "./_chunks/audio-visualiser-ByDEFLNm.js";
 import { C as An, c as Sn } from "./_chunks/chat-container-ClzsWXp2.js";
-import { C as Tn, c as Cn } from "./_chunks/chat-input-DOlsB1fm.js";
+import { C as Tn, c as Cn } from "./_chunks/chat-input-Bov-gkwP.js";
 import { C as Pn } from "./_chunks/chat-message-DoAhgUTj.js";
 import { F as In, f as Rn } from "./_chunks/freemium-paywall-CrVefV0M.js";
 import { S as Ln } from "./_chunks/streaming-text-BgjCTVOw.js";
@@ -123,7 +123,7 @@ import { S as li, f as di, i as fi } from "./_chunks/slot-grid-CgpYgBkW.js";
 import { C as ci, a as xi, b as Ai, F as Si, c as ui, d as Ti, P as Ci, e as bi, T as Pi, f as hi, g as Ii, h as Ri, l as ki, i as Li, t as Ei, r as Ni } from "./_chunks/tooth-scheme-3mITSXiZ.js";
 import { T as Mi } from "./_chunks/transaction-chip-DE6DITun.js";
 import { C as Bi, W as Di, a as Vi, b as vi, c as wi, i as Hi, l as Oi, m as _i, r as Gi, w as Wi, d as Ui, e as Ki, f as Yi } from "./_chunks/workflow-map-C-nlogPC.js";
-import { L as zi, a as qi, b as Qi, c as Ji } from "./_chunks/leo-sidebar-CfEY-xi2.js";
+import { L as zi, a as qi, b as Qi, c as Ji } from "./_chunks/leo-sidebar-kHO45M6C.js";
 import { P as Zi } from "./_chunks/patient-shell-BlsEUKWB.js";
 import { Root as ap } from "@radix-ui/react-aspect-ratio";
 export {

package/dist/patterns/leo-assistant/index.js

@@ -1,4 +1,4 @@
-import { L as o, a as L, b as d, c as r } from "../../_chunks/leo-sidebar-CfEY-xi2.js";
+import { L as o, a as L, b as d, c as r } from "../../_chunks/leo-sidebar-kHO45M6C.js";
 export {
   o as LeoChatSurface,
   L as LeoEmbedded,