@alfadocs/ui-kit 0.11.0 → 0.13.0

package/dist/_chunks/{select-i9MwQeQy.js → select-Ca6ibiDL.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as a, useContext as me, useState as P, useRef as G, useMemo as fe } from "react";
 import * as o from "@radix-ui/react-select";
-import { c as w } from "./index-D2ZczOXr.js";
+import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as ge } from "react-i18next";
 import { u as he, F as ve } from "./form-field-context-B3APVHKx.js";
 import { g as be } from "./group-options-BvKhQ3xb.js";
@@ -11,7 +11,7 @@ import { C as q } from "./chevron-down-BX_NP2Yh.js";
 import { C as xe } from "./check-DPdL_Sm7.js";
 import { u as Ne } from "./registry-C9nwlNyL.js";
 import { X as Ce } from "./x-CCcI3eJp.js";
-const ze = {
+const we = {
   id: "select",
   capabilities: ["select_single", "open", "close"],
   state: {
@@ -79,13 +79,14 @@ const ze = {
       description: "Stable opaque option value emitted on each rendered option."
     }
   }
-}, L = w(
+}, L = z(
   [
     "ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
+    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input",
+    "ds:shadow-[var(--shadow-input)]",
     "ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:data-[placeholder]:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
@@ -108,7 +109,7 @@ const ze = {
       tone: "default"
     }
   }
-), we = w(
+), ze = z(
   [
     "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
@@ -120,7 +121,7 @@ const ze = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), Ie = w(
+), Ie = z(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-sm)]",
@@ -190,7 +191,7 @@ const I = a(
       position: n,
       sideOffset: r,
       "data-component": "select-content",
-      className: we({ className: e }),
+      className: ze({ className: e }),
       ...c,
       children: [
         /* @__PURE__ */ t(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(Se, { "aria-hidden": "true", className: "ds:size-4" }) }),
@@ -275,11 +276,11 @@ const _ = a(function({
     n ?? r ?? ""
   ), m = n !== void 0, h = m ? n : ee, [N, C] = P(!1), B = G(h);
   B.current = h;
-  const te = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, se = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, oe = D ? "error" : Q, ne = p && u.describedBy ? u.describedBy : void 0, z = G(null), de = Te(Z, z), ie = ye(z), i = l, ae = (d) => {
+  const te = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, se = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, oe = D ? "error" : Q, ne = p && u.describedBy ? u.describedBy : void 0, w = G(null), de = Te(Z, w), ie = ye(w), i = l, ae = (d) => {
     m || b(d), i == null || i(d);
   }, re = (d) => {
     var y;
-    d.preventDefault(), d.stopPropagation(), m || b(""), i == null || i(""), (y = z.current) == null || y.focus();
+    d.preventDefault(), d.stopPropagation(), m || b(""), i == null || i(""), (y = w.current) == null || y.focus();
   }, F = c ?? x("inputs.select.placeholder", "Select…"), le = g && !!h && !O, ce = be(s), ue = fe(
     () => ({
       getValue: () => B.current,
@@ -295,7 +296,7 @@ const _ = a(function({
     }),
     [i, m, N]
   );
-  return Ne(ze, ue, S), /* @__PURE__ */ f(
+  return Ne(we, ue, S), /* @__PURE__ */ f(
     o.Root,
     {
       value: h === "" ? void 0 : h,
@@ -409,4 +410,4 @@ export {
   H as i,
   j
 };
-//# sourceMappingURL=select-i9MwQeQy.js.map
+//# sourceMappingURL=select-Ca6ibiDL.js.map

package/dist/_chunks/{tabs-Cg794H0Q.js → tabs-CRCyPpJo.js}

@@ -6,7 +6,7 @@ import { a as N, c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
 import { u as K } from "./use-direction-D6rvvG9G.js";
 import { c as D } from "./compose-refs-C0k0tdqF.js";
-import { S as ee } from "./select-i9MwQeQy.js";
+import { S as ee } from "./select-Ca6ibiDL.js";
 import { X as te } from "./x-CCcI3eJp.js";
 import { u as se } from "./registry-C9nwlNyL.js";
 import { C as ae } from "./chevron-down-BX_NP2Yh.js";
@@ -396,4 +396,4 @@ export {
   F as c,
   re as t
 };
-//# sourceMappingURL=tabs-Cg794H0Q.js.map
+//# sourceMappingURL=tabs-CRCyPpJo.js.map

package/dist/_chunks/{text-area-DHtcpcLv.js → text-area-D5GAe8pV.js}

@@ -1,9 +1,9 @@
 import { jsxs as N, jsx as K } from "react/jsx-runtime";
-import { forwardRef as de, useRef as O, useCallback as k, useState as P, useLayoutEffect as ce, useMemo as le, useEffect as ue } from "react";
+import { forwardRef as de, useRef as O, useCallback as F, useState as P, useLayoutEffect as ce, useMemo as le, useEffect as ue } from "react";
 import { c as fe } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { u as me } from "./form-field-context-B3APVHKx.js";
-import { u as ve } from "./registry-C9nwlNyL.js";
+import { u as ve } from "./form-field-context-B3APVHKx.js";
+import { u as me } from "./registry-C9nwlNyL.js";
 const ge = {
   id: "text-area",
   capabilities: ["edit_inline"],
@@ -27,8 +27,8 @@ const ge = {
       argsType: "{ value: string }",
       descriptionKey: "ui.agent.textArea.actions.setValue",
       description: "Replace the textarea value.",
-      invoke: (t, v) => {
-        t.setValue(v.value);
+      invoke: (t, m) => {
+        t.setValue(m.value);
       }
     },
     clear: {
@@ -62,7 +62,8 @@ const ge = {
   }
 }, be = fe(
   [
-    "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-background ds:text-foreground",
+    "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
     "ds:leading-[var(--line-height-base)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
     "ds:focus:outline-none",
@@ -70,8 +71,8 @@ const ge = {
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default",
-    "ds:transition-[height,color,background-color,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:read-only:bg-muted ds:read-only:cursor-default ds:read-only:shadow-none",
+    "ds:transition-[height,color,background-color,border-color,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:placeholder:text-muted-foreground"
   ].join(" "),
   {
@@ -95,7 +96,7 @@ const ge = {
 ), he = (t) => t >= 1 ? "ds:text-destructive" : t >= 0.9 ? "ds:text-warning" : "ds:text-muted-foreground", ye = (t) => [...t].length, xe = de(
   ({
     size: t = "md",
-    tone: v = "default",
+    tone: m = "default",
     autoResize: s = !1,
     minRows: g = 2,
     maxRows: b,
@@ -103,7 +104,7 @@ const ge = {
     className: W,
     id: h,
     disabled: _,
-    value: F,
+    value: k,
     defaultValue: E,
     maxLength: a,
     rows: q,
@@ -113,24 +114,24 @@ const ge = {
     onInput: D,
     ...$
   }, c) => {
-    const { t: I } = pe(), o = me(), z = h ?? o.id, Y = o.disabled || _, G = o.invalid ? "error" : v, l = O(null), J = k(
+    const { t: I } = pe(), o = ve(), z = h ?? o.id, Y = o.disabled || _, G = o.invalid ? "error" : m, l = O(null), J = F(
       (e) => {
         l.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
       },
       [c]
-    ), u = F !== void 0, [Q, j] = P(
+    ), u = k !== void 0, [Q, j] = P(
       String(E ?? "")
-    ), T = u ? String(F) : Q, p = O(!1), A = k(() => {
+    ), T = u ? String(k) : Q, p = O(!1), w = F(() => {
       const e = l.current;
       if (!e || !s) return;
-      const r = window.getComputedStyle(e), d = parseFloat(r.lineHeight), f = parseFloat(r.paddingTop), m = parseFloat(r.paddingBottom), se = parseFloat(r.borderTopWidth), ae = parseFloat(r.borderBottomWidth), M = f + m + se + ae, ne = (Number.isFinite(d) ? d : 24) * g + M, oe = typeof b == "number" ? (Number.isFinite(d) ? d : 24) * b + M : Number.POSITIVE_INFINITY;
+      const r = window.getComputedStyle(e), d = parseFloat(r.lineHeight), f = parseFloat(r.paddingTop), v = parseFloat(r.paddingBottom), se = parseFloat(r.borderTopWidth), ae = parseFloat(r.borderBottomWidth), M = f + v + se + ae, ne = (Number.isFinite(d) ? d : 24) * g + M, oe = typeof b == "number" ? (Number.isFinite(d) ? d : 24) * b + M : Number.POSITIVE_INFINITY;
       e.style.height = "auto";
       const ie = Math.max(ne, Math.min(e.scrollHeight, oe));
       e.style.height = `${ie}px`;
     }, [s, g, b]);
     ce(() => {
-      s && A();
-    }, [s, A, T]);
+      s && w();
+    }, [s, w, T]);
     const U = (e) => {
       u || j(e.target.value), !p.current && (n == null || n(e));
     }, X = (e) => {
@@ -142,12 +143,12 @@ const ge = {
         ...e,
         target: r,
         currentTarget: r
-      }), s && A();
-    }, w = k((e) => {
-      var m;
+      }), s && w();
+    }, A = F((e) => {
+      var v;
       const r = l.current;
       if (!r) return;
-      const d = Object.getPrototypeOf(r), f = (m = Object.getOwnPropertyDescriptor(d, "value")) == null ? void 0 : m.set;
+      const d = Object.getPrototypeOf(r), f = (v = Object.getOwnPropertyDescriptor(d, "value")) == null ? void 0 : v.set;
       f == null || f.call(r, e), r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 }));
     }, []), L = le(
       () => ({
@@ -155,16 +156,16 @@ const ge = {
           var e;
           return ((e = l.current) == null ? void 0 : e.value) ?? "";
         },
-        setValue: (e) => w(e),
-        clear: () => w(""),
+        setValue: (e) => A(e),
+        clear: () => A(""),
         focus: () => {
           var e;
           return (e = l.current) == null ? void 0 : e.focus();
         }
       }),
-      [w]
+      [A]
     );
-    ve(ge, L, h);
+    me(ge, L, h);
     const i = typeof a == "number" && (S ?? !0) && a > 0, V = ye(T), B = i ? Math.max(0, a - V) : 0, R = i ? V / a : 0, [C, ee] = P("");
     ue(() => {
       if (!i) return;
@@ -236,4 +237,4 @@ xe.displayName = "TextArea";
 export {
   xe as T
 };
-//# sourceMappingURL=text-area-DHtcpcLv.js.map
+//# sourceMappingURL=text-area-D5GAe8pV.js.map

package/dist/_chunks/{text-input-1oqFRbVI.js → text-input-CakysYnD.js}

@@ -1,9 +1,9 @@
 import { jsxs as ee, jsx as d } from "react/jsx-runtime";
-import { forwardRef as te, useState as P, useRef as O, useCallback as R, useMemo as se } from "react";
+import { forwardRef as te, useState as k, useRef as O, useCallback as R, useMemo as se } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as ae } from "react-i18next";
 import { u as ne } from "./form-field-context-B3APVHKx.js";
-import { I as re, a as w, b as E } from "./input-surface-u4QB0lxe.js";
+import { I as re, a as w, b as E } from "./input-surface-xyERuLU_.js";
 import { u as ie } from "./registry-C9nwlNyL.js";
 import { X as oe } from "./x-CCcI3eJp.js";
 const de = {
@@ -29,8 +29,8 @@ const de = {
       argsType: "{ value: string }",
       descriptionKey: "ui.agent.textInput.actions.setValue",
       description: "Replace the input value.",
-      invoke: (s, c) => {
-        s.setValue(c.value);
+      invoke: (s, l) => {
+        s.setValue(l.value);
       }
     },
     clear: {
@@ -71,14 +71,15 @@ const de = {
     "ds:forced-colors:focus-within:outline-[CanvasText]",
     "ds:has-[:disabled]:cursor-not-allowed"
   ].join(" ")
-), ce = j(
+), le = j(
   [
-    "ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-background ds:text-foreground",
+    "ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
     "ds:placeholder:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus:outline-none ds:focus-visible:outline-none",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default"
+    "ds:read-only:bg-muted ds:read-only:cursor-default ds:read-only:shadow-none"
   ].join(" "),
   {
     variants: {
@@ -112,11 +113,11 @@ const de = {
       hasEnd: !1
     }
   }
-), _ = "ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground", le = te(
+), _ = "ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground", ce = te(
   ({
     size: s = "md",
-    tone: c = "default",
-    startAdornment: l,
+    tone: l = "default",
+    startAdornment: c,
     endAdornment: p,
     clearable: $ = !1,
     onClear: f,
@@ -130,19 +131,19 @@ const de = {
     onCompositionEnd: g,
     ...I
   }, o) => {
-    const { t: K } = ae(), i = ne(), B = m ?? i.id, V = i.disabled || D, H = i.invalid ? "error" : c, u = T !== void 0, [M, h] = P(
+    const { t: K } = ae(), i = ne(), B = m ?? i.id, V = i.disabled || D, H = i.invalid ? "error" : l, u = T !== void 0, [M, h] = k(
       String(F ?? "")
-    ), S = u ? String(T) : M, q = S.length > 0, b = O(!1), [W, k] = P(!1), n = O(null), X = R(
+    ), S = u ? String(T) : M, q = S.length > 0, b = O(!1), [W, z] = k(!1), n = O(null), X = R(
       (e) => {
         n.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
       },
       [o]
-    ), A = !!l, z = $ && q && !V && !I.readOnly, G = !!p || z, L = (e) => {
+    ), A = !!c, N = $ && q && !V && !I.readOnly, G = !!p || N, L = (e) => {
       u || h(e.target.value), !b.current && (a == null || a(e));
     }, J = (e) => {
-      b.current = !0, k(!0), v == null || v(e);
+      b.current = !0, z(!0), v == null || v(e);
     }, Q = (e) => {
-      b.current = !1, k(!1), g == null || g(e);
+      b.current = !1, z(!1), g == null || g(e);
       const t = e.currentTarget;
       u || h(t.value), a == null || a({
         ...e,
@@ -173,10 +174,10 @@ const de = {
       }
       f == null || f(), e == null || e.focus();
     }, y = R((e) => {
-      var N;
+      var P;
       const t = n.current;
       if (!t) return;
-      const x = Object.getPrototypeOf(t), r = (N = Object.getOwnPropertyDescriptor(x, "value")) == null ? void 0 : N.set;
+      const x = Object.getPrototypeOf(t), r = (P = Object.getOwnPropertyDescriptor(x, "value")) == null ? void 0 : P.set;
       r == null || r.call(t, e), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
     }, []), Z = se(
       () => ({
@@ -213,12 +214,12 @@ const de = {
           "data-component-id": m,
           "data-composing": W ? "true" : void 0,
           children: [
-            l ? /* @__PURE__ */ d(
+            c ? /* @__PURE__ */ d(
               "span",
               {
                 "aria-hidden": "true",
                 className: `${_} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
-                children: l
+                children: c
               }
             ) : null,
             /* @__PURE__ */ d(
@@ -235,7 +236,7 @@ const de = {
                 onChange: L,
                 onCompositionStart: J,
                 onCompositionEnd: Q,
-                className: ce({
+                className: le({
                   size: s,
                   tone: H,
                   hasStart: A,
@@ -245,7 +246,7 @@ const de = {
                 ...I
               }
             ),
-            z ? /* @__PURE__ */ d(
+            N ? /* @__PURE__ */ d(
               "button",
               {
                 type: "button",
@@ -268,8 +269,8 @@ const de = {
     );
   }
 );
-le.displayName = "TextInput";
+ce.displayName = "TextInput";
 export {
-  le as T
+  ce as T
 };
-//# sourceMappingURL=text-input-1oqFRbVI.js.map
+//# sourceMappingURL=text-input-CakysYnD.js.map

package/dist/_chunks/{transcript-panel-BpJqPr7I.js → transcript-panel-DUrjx5sa.js}

@@ -4,7 +4,7 @@ import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as F } from "react-i18next";
 import { u as H } from "./registry-C9nwlNyL.js";
 import { u as q } from "./index-CJE9uQmb.js";
-import { S as B } from "./search-input-BBtSRH-Q.js";
+import { S as B } from "./search-input-BtEJAJHa.js";
 const U = {
   id: "transcript-panel",
   capabilities: ["select_single"],
@@ -343,4 +343,4 @@ export {
   te as T,
   U as t
 };
-//# sourceMappingURL=transcript-panel-BpJqPr7I.js.map
+//# sourceMappingURL=transcript-panel-DUrjx5sa.js.map

package/dist/_chunks/{use-password-requirements-DbPZMfV9.js → use-password-requirements-BOgFsoIe.js}

@@ -2,7 +2,7 @@ import { jsxs as g, jsx as a } from "react/jsx-runtime";
 import { forwardRef as ts, useRef as as, useState as C, useEffect as is, useCallback as p, useMemo as V } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
-import { T as rs } from "./text-input-1oqFRbVI.js";
+import { T as rs } from "./text-input-CakysYnD.js";
 import { u as ns } from "./form-field-context-B3APVHKx.js";
 import { c as os } from "./compose-refs-C0k0tdqF.js";
 import { u as ds } from "./registry-C9nwlNyL.js";
@@ -440,4 +440,4 @@ export {
   Ns as P,
   Hs as u
 };
-//# sourceMappingURL=use-password-requirements-DbPZMfV9.js.map
+//# sourceMappingURL=use-password-requirements-BOgFsoIe.js.map

package/dist/_chunks/whatsapp-button-Bj5FIhpC.js

@@ -0,0 +1,175 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { forwardRef as y, useMemo as A } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+function u({ className: a }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: a,
+      children: /* @__PURE__ */ i("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z" })
+    }
+  );
+}
+const _ = m(
+  [
+    "ds:relative ds:inline-flex ds:items-center ds:justify-center",
+    "ds:font-medium ds:whitespace-nowrap",
+    "ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]",
+    "ds:hover:bg-[var(--brand-whatsapp-hover)]",
+    "ds:active:opacity-90",
+    "ds:transition-[background-color,box-shadow,opacity]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    // Focus ring colour is `var(--ring)` (= `--primary` in light, ditto
+    // through theme cascade) — NOT `--brand-whatsapp`. Painting the
+    // ring brand-green on a brand-green surface makes it invisible.
+    "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    // Under Windows High Contrast Mode the bg + shadow are stripped;
+    // repaint a solid border + swap the focus ring to CanvasText so
+    // the affordance stays identifiable.
+    "ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
+    "ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        // Pill — inline rounded button. Visible label is the brand
+        // affordance text; glyph sits leading.
+        pill: "ds:rounded-[var(--radius-full)] ds:gap-[var(--spacing-xs)]",
+        // FAB — circular floating action button. Glyph only; the
+        // label resolves into `aria-label`.
+        fab: [
+          "ds:rounded-full ds:shadow-[var(--shadow-lg)]",
+          "ds:hover:shadow-[var(--shadow-xl)] ds:active:shadow-[var(--shadow-md)]"
+        ].join(" ")
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "pill",
+        size: "sm",
+        class: 'ds:h-9 ds:ps-3 ds:pe-3.5 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4 ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden'
+      },
+      {
+        variant: "pill",
+        size: "md",
+        class: "ds:h-10 ds:ps-4 ds:pe-5 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5"
+      },
+      {
+        variant: "pill",
+        size: "lg",
+        class: "ds:h-12 ds:ps-5 ds:pe-6 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6"
+      },
+      // FAB — fixed square dimensions; the `sm` case mirrors the
+      // FloatingActionButton's pseudo-target expansion below the
+      // `sm:` breakpoint so a 40px circle still hits 44/48 px on
+      // mobile.
+      {
+        variant: "fab",
+        size: "sm",
+        class: 'ds:h-10 ds:w-10 ds:[&_svg]:size-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden'
+      },
+      {
+        variant: "fab",
+        size: "md",
+        class: "ds:h-14 ds:w-14 ds:[&_svg]:size-7"
+      },
+      {
+        variant: "fab",
+        size: "lg",
+        class: "ds:h-16 ds:w-16 ds:[&_svg]:size-8"
+      }
+    ],
+    defaultVariants: {
+      variant: "pill",
+      size: "md"
+    }
+  }
+), j = m("", {
+  variants: {
+    position: {
+      static: "",
+      "bottom-end": "ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]",
+      "bottom-start": "ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]"
+    }
+  },
+  defaultVariants: { position: "static" }
+});
+function B(a, o) {
+  const s = a.replace(/\D/g, "");
+  if (s.length === 0)
+    return null;
+  const r = `https://wa.me/${s}`;
+  return o ? `${r}?text=${encodeURIComponent(o)}` : r;
+}
+const N = y(
+  ({
+    phoneNumber: a,
+    message: o,
+    variant: s = "pill",
+    size: r = "md",
+    position: h,
+    label: g,
+    className: w,
+    ...n
+  }, z) => {
+    const { t: p } = C(), f = A(
+      () => B(a, o),
+      [a, o]
+    ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : "whatsApp.label"), x = [
+      _({ variant: s, size: r }),
+      j({ position: h }),
+      w
+    ].filter(Boolean).join(" "), d = f === null, v = {
+      ref: z,
+      ...d ? {} : {
+        href: f,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      "aria-disabled": d ? !0 : void 0,
+      "data-component": "whatsapp-button",
+      "data-variant": s,
+      onClick: (l) => {
+        var b;
+        d && l.preventDefault(), (b = n.onClick) == null || b.call(n, l);
+      },
+      className: x
+    }, t = d ? null : p("link.opensInNewTab", "Opens in a new tab");
+    if (s === "fab") {
+      const l = typeof e == "string" ? t ? `${e} — ${t}` : e : void 0;
+      return /* @__PURE__ */ c("a", { ...n, ...v, "aria-label": l, children: [
+        /* @__PURE__ */ i(u, {}),
+        typeof e != "string" ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
+          e,
+          t ? ` — ${t}` : null
+        ] }) : null
+      ] });
+    }
+    return /* @__PURE__ */ c("a", { ...n, ...v, children: [
+      /* @__PURE__ */ i(u, {}),
+      /* @__PURE__ */ i("span", { children: e }),
+      t ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
+        " — ",
+        t
+      ] }) : null
+    ] });
+  }
+);
+N.displayName = "WhatsAppButton";
+export {
+  N as W
+};
+//# sourceMappingURL=whatsapp-button-Bj5FIhpC.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.11.0",
+  "packageVersion": "0.13.0",
   "components": [
     {
       "kind": "component",
@@ -1628,6 +1628,44 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "map-view",
+      "capabilities": [],
+      "state": [],
+      "actions": [
+        {
+          "name": "pan_to",
+          "safety": "read",
+          "argsType": "{ position: { lat: number; lng: number } }",
+          "description": "Pan the map to a new centre without changing zoom."
+        },
+        {
+          "name": "set_zoom",
+          "safety": "read",
+          "argsType": "{ zoom: number }",
+          "description": "Set the map zoom level (typical range 1–20)."
+        },
+        {
+          "name": "select_marker",
+          "safety": "read",
+          "argsType": "{ id: string | null }",
+          "description": "Select a marker by id, or pass null to clear the selection."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "map-view",
+          "description": "Marks the element as a kit MapView."
+        },
+        "instanceId": {
+          "attr": "data-component-id",
+          "sourceProp": "id",
+          "description": "Sourced from the id prop."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "matrix-rain",
@@ -3904,6 +3942,20 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "whatsapp-button",
+      "capabilities": [],
+      "state": [],
+      "actions": [],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "whatsapp-button",
+          "description": "Marks the element as a kit WhatsAppButton."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "workflow-card",

package/dist/components/ai-prompt-input/index.js

@@ -1,4 +1,4 @@
-import { A as a, a as o } from "../../_chunks/ai-prompt-input-bAJwYu84.js";
+import { A as a, a as o } from "../../_chunks/ai-prompt-input-DEiQwIMn.js";
 export {
   a as AIPromptInput,
   o as aiPromptInputAgent