@alfadocs/ui-kit 0.2.0 → 0.2.2

package/dist/_chunks/{notification-tray-C5cnXbl9.js → notification-tray-PGtMqXbP.js}

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as c, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as de, useState as q, useCallback as F, useLayoutEffect as ce, useEffect as H, useRef as f, useMemo as le, useImperativeHandle as fe } from "react";
+import { jsx as t, jsxs as c, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as de, useState as F, useCallback as H, useLayoutEffect as ce, useEffect as U, useRef as f, useMemo as le, useImperativeHandle as fe } from "react";
 import * as x from "@radix-ui/react-popover";
 import { c as C } from "./index-D2ZczOXr.js";
-import { useTranslation as Y } from "react-i18next";
+import { useTranslation as G } from "react-i18next";
 import { I as ue } from "./icon-button-C4CGcYuz.js";
-import { B as U } from "./button-DD_0Xdmr.js";
-import { S as W } from "./separator-CYU_bGFn.js";
+import { B as W } from "./button-DD_0Xdmr.js";
+import { S as Y } from "./separator-CYU_bGFn.js";
 import { S as N } from "./skeleton-CZbwyJAA.js";
-import { N as pe } from "./notification-card-hBlPN1-c.js";
+import { N as pe } from "./notification-card-uTPEvAQS.js";
 import { u as me } from "./registry-C9nwlNyL.js";
 import { c as ge } from "./createLucideIcon-CrFbzy84.js";
 /**
@@ -25,7 +25,7 @@ const ve = [
       key: "11g9vi"
     }
   ]
-], G = ge("bell", ve), ye = {
+], J = ge("bell", ve), ye = {
   id: "notification-tray",
   capabilities: ["open", "close", "select_single", "dismiss"],
   state: {
@@ -199,7 +199,7 @@ function R() {
   );
 }
 function Te() {
-  const { t: i } = Y();
+  const { t: i } = G();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -212,7 +212,7 @@ function Te() {
           {
             "aria-hidden": "true",
             className: "ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5",
-            children: /* @__PURE__ */ t(G, {})
+            children: /* @__PURE__ */ t(J, {})
           }
         ),
         /* @__PURE__ */ t("p", { className: "type-title-item ds:text-[color:var(--foreground)]", children: i("ui.notificationTray.noNotifications", "No notifications") }),
@@ -230,14 +230,14 @@ const we = de(
     items: a,
     unseenCount: b,
     open: S,
-    onOpenChange: m,
+    onOpenChange: g,
     onItemClick: u,
     onDismiss: p,
-    onMarkRead: g,
+    onMarkRead: v,
     onMarkAllRead: I,
-    loading: J = !1,
+    loading: j = !1,
     maxVisible: M,
-    viewAllLabel: j,
+    viewAllLabel: K,
     onViewAll: Q,
     align: X = "end",
     side: Z = "bottom",
@@ -245,15 +245,15 @@ const we = de(
     className: $,
     ...D
   }, ee) => {
-    var L;
-    const { t: r } = Y(), w = S !== void 0, [te, ie] = q(!1), z = w ? S : te, v = F(
+    var _;
+    const { t: r } = G(), w = S !== void 0, [te, ie] = F(!1), z = w ? S : te, y = H(
       (e) => {
-        w || ie(e), m == null || m(e);
+        w || ie(e), g == null || g(e);
       },
-      [w, m]
-    ), [y, K] = q(
+      [w, g]
+    ), [m, O] = F(
       () => a.map((e) => ({ item: e, leaving: !1 }))
-    ), O = F(() => {
+    ), V = H(() => {
       if (typeof window > "u") return 200;
       const e = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!e) return 200;
@@ -261,11 +261,11 @@ const we = de(
       return Number.isFinite(s) ? n.endsWith("ms") ? s : s * 1e3 : 200;
     }, []);
     ce(() => {
-      K((e) => {
+      O((e) => {
         const n = new Set(a.map((o) => o.id)), s = new Set(e.map((o) => o.item.id)), d = e.map((o) => {
           if (n.has(o.item.id)) {
-            const _ = a.find((re) => re.id === o.item.id);
-            return _ ? { item: _, leaving: !1 } : { ...o, leaving: !0 };
+            const E = a.find((re) => re.id === o.item.id);
+            return E ? { item: E, leaving: !1 } : { ...o, leaving: !0 };
           }
           return { ...o, leaving: !0 };
         });
@@ -273,17 +273,17 @@ const we = de(
           s.has(o.id) || d.push({ item: o, leaving: !1 });
         return d;
       });
-    }, [a]), H(() => {
-      if (!y.some((s) => s.leaving)) return;
-      const e = O(), n = setTimeout(() => {
-        K((s) => s.filter((d) => !d.leaving));
+    }, [a]), U(() => {
+      if (!m.some((s) => s.leaving)) return;
+      const e = V(), n = setTimeout(() => {
+        O((s) => s.filter((d) => !d.leaving));
       }, e);
       return () => clearTimeout(n);
-    }, [y, O]);
-    const k = f(null), V = f((L = a[0]) == null ? void 0 : L.id);
-    H(() => {
+    }, [m, V]);
+    const k = f(null), A = f((_ = a[0]) == null ? void 0 : _.id);
+    U(() => {
       var s;
-      const e = (s = a[0]) == null ? void 0 : s.id, n = V.current;
+      const e = (s = a[0]) == null ? void 0 : s.id, n = A.current;
       if (n && e && n !== e && k.current) {
         const d = a[0];
         d && !d.read && (k.current.textContent = r(
@@ -294,7 +294,7 @@ const we = de(
           }
         ));
       }
-      V.current = e;
+      A.current = e;
     }, [a, r]);
     const h = b ?? 0, ae = h > 0 ? r("ui.notificationTray.triggerLabel", {
       count: h,
@@ -307,45 +307,45 @@ const we = de(
       r("ui.notificationTray.badgeCountOverflow", "99+")
     ), se = xe({ size: T }), l = f(a);
     l.current = a;
-    const A = f(b);
-    A.current = b;
-    const B = f(z);
-    B.current = z;
+    const B = f(b);
+    B.current = b;
+    const P = f(z);
+    P.current = z;
     const oe = le(
       () => ({
-        open: () => v(!0),
-        close: () => v(!1),
-        isOpen: () => B.current,
+        open: () => y(!0),
+        close: () => y(!1),
+        isOpen: () => P.current,
         getItems: () => l.current.map((e) => ({ id: e.id, read: !!e.read })),
-        getUnreadCount: () => A.current ?? l.current.filter((e) => !e.read).length,
+        getUnreadCount: () => B.current ?? l.current.filter((e) => !e.read).length,
         selectItem: (e) => {
           const n = l.current.find((s) => s.id === e);
           n && (u == null || u(n));
         },
         markRead: (e) => {
           const n = l.current.find((s) => s.id === e);
-          n && (g == null || g(n));
+          n && (v == null || v(n));
         },
         dismiss: (e) => {
           const n = l.current.find((s) => s.id === e);
           n && (p == null || p(n));
         }
       }),
-      [v, u, g, p]
-    ), P = f(null);
-    return fe(ee, () => P.current, []), me(ye, oe, i), /* @__PURE__ */ t(
+      [y, u, v, p]
+    ), L = f(null);
+    return fe(ee, () => L.current, []), me(ye, oe, i), /* @__PURE__ */ t(
       "div",
       {
-        ref: P,
+        ref: L,
         "data-component": "notification-tray",
         "data-component-id": i,
         className: [he({ size: T }), $].filter(Boolean).join(" "),
         ...D,
-        children: /* @__PURE__ */ c(x.Root, { open: z, onOpenChange: v, children: [
+        children: /* @__PURE__ */ c(x.Root, { open: z, onOpenChange: y, children: [
           /* @__PURE__ */ t(x.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
             ue,
             {
-              icon: /* @__PURE__ */ t(G, {}),
+              icon: /* @__PURE__ */ t(J, {}),
               intent: "outline",
               size: T === "sm" ? "sm" : "md",
               "aria-label": ae,
@@ -384,7 +384,7 @@ const we = de(
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]", children: [
                   /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: r("ui.notificationTray.panelTitle", "Notifications") }),
                   I && a.some((e) => !e.read) ? /* @__PURE__ */ t(
-                    U,
+                    W,
                     {
                       intent: "link",
                       size: "sm",
@@ -394,18 +394,18 @@ const we = de(
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ t(W, {}),
+                /* @__PURE__ */ t(Y, {}),
                 /* @__PURE__ */ t(
                   "div",
                   {
-                    role: "list",
+                    role: j || m.length === 0 ? void 0 : "list",
                     "data-max-visible": M,
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]",
-                    children: J ? /* @__PURE__ */ c(E, { children: [
+                    children: j ? /* @__PURE__ */ c(q, { children: [
                       /* @__PURE__ */ t(R, {}),
                       /* @__PURE__ */ t(R, {}),
                       /* @__PURE__ */ t(R, {})
-                    ] }) : y.length === 0 ? /* @__PURE__ */ t(Te, {}) : y.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
+                    ] }) : m.length === 0 ? /* @__PURE__ */ t(Te, {}) : m.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
                       pe,
                       {
                         item: e,
@@ -419,16 +419,16 @@ const we = de(
                     ))
                   }
                 ),
-                j ? /* @__PURE__ */ c(E, { children: [
-                  /* @__PURE__ */ t(W, {}),
+                K ? /* @__PURE__ */ c(q, { children: [
+                  /* @__PURE__ */ t(Y, {}),
                   /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ t(
-                    U,
+                    W,
                     {
                       intent: "link",
                       size: "sm",
                       onClick: Q,
                       className: "ds:w-full ds:justify-center",
-                      children: j
+                      children: K
                     }
                   ) })
                 ] }) : null
@@ -445,4 +445,4 @@ export {
   we as N,
   ye as n
 };
-//# sourceMappingURL=notification-tray-C5cnXbl9.js.map
+//# sourceMappingURL=notification-tray-PGtMqXbP.js.map

package/dist/_chunks/{payment-form-C3vT_npe.js → payment-form-B_BdHwjb.js}

@@ -82,7 +82,7 @@ function be(r, n) {
     i.disconnect(), a.removeEventListener("change", e), f.removeEventListener("change", e);
   };
 }
-const ge = {
+const ye = {
   id: "payment-form",
   capabilities: ["submit"],
   state: {},
@@ -108,7 +108,7 @@ const ge = {
       description: "Sourced from the id prop."
     }
   }
-}, ye = /* @__PURE__ */ new Set([
+}, ge = /* @__PURE__ */ new Set([
   "BIF",
   "CLP",
   "DJF",
@@ -128,7 +128,7 @@ const ge = {
   "XPF"
 ]);
 function $(r, n, s) {
-  const e = n.toUpperCase(), i = ye.has(e) ? r : r / 100;
+  const e = n.toUpperCase(), i = ge.has(e) ? r : r / 100;
   try {
     return new Intl.NumberFormat(s, {
       style: "currency",
@@ -233,9 +233,9 @@ function xe(r) {
     returnUrl: a,
     onSuccess: f,
     onError: N
-  } = r, { t: o } = q(), k = le(), S = me(), y = oe(), b = j(
-    () => `pay-${y.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-    [y]
+  } = r, { t: o } = q(), k = le(), S = me(), g = oe(), b = j(
+    () => `pay-${g.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+    [g]
   ), F = `${b}-payment`, L = `${b}-address`, v = `${b}-error`, [u, h] = E(!1), [A, P] = E(!1), [w, x] = E(null), [U, d] = E(""), c = V(f), l = V(N);
   R(() => {
     c.current = f, l.current = N;
@@ -254,22 +254,22 @@ function xe(r) {
         return;
       }
       try {
-        const g = await k.confirmPayment({
+        const y = await k.confirmPayment({
           elements: S,
           confirmParams: C ? { return_url: C } : {},
           redirect: "if_required"
         });
-        if (g.error) {
-          const M = g.error.code ?? "generic", I = he(M), te = X(g.error.message ?? "");
+        if (y.error) {
+          const M = y.error.code ?? "generic", I = he(M), te = X(y.error.message ?? "");
           x(I), d(o(I)), (H = l.current) == null || H.call(l, {
             code: M,
             translatedMessage: te || o(I)
           });
           return;
         }
-        g.paymentIntent && ((O = c.current) == null || O.call(c, g.paymentIntent.id));
-      } catch (g) {
-        const M = g instanceof Error ? g.message : "", I = X(M);
+        y.paymentIntent && ((O = c.current) == null || O.call(c, y.paymentIntent.id));
+      } catch (y) {
+        const M = y instanceof Error ? y.message : "", I = X(M);
         x("payment.error.generic"), d(o("payment.error.generic")), (K = l.current) == null || K.call(l, {
           code: "unexpected",
           translatedMessage: I || o("payment.error.generic")
@@ -441,13 +441,13 @@ const ke = se(
     locale: o,
     ariaLabel: k,
     returnUrl: S,
-    stripePromise: y,
+    stripePromise: g,
     className: b
   }, F) => {
-    const { i18n: L } = q(), v = Ne(o ?? L.language ?? "en"), [u, h] = E(y ?? null);
+    const { i18n: L } = q(), v = Ne(o ?? L.language ?? "en"), [u, h] = E(g ?? null);
     R(() => {
-      if (y !== void 0) {
-        h(y);
+      if (g !== void 0) {
+        h(g);
         return;
       }
       if (!s) {
@@ -455,7 +455,7 @@ const ke = se(
         return;
       }
       h(de(s));
-    }, [y, s]);
+    }, [g, s]);
     const [A, P] = E(
       () => B()
     );
@@ -477,7 +477,7 @@ const ke = se(
       }),
       []
     );
-    ae(F, () => w.current, []), fe(ge, x, r);
+    ae(F, () => w.current, []), fe(ye, x, r);
     const U = j(
       () => ({
         clientSecret: n,
@@ -551,7 +551,7 @@ function Se(r) {
             }
           )
         ] }),
-        i ? /* @__PURE__ */ m("div", { className: T(), children: [
+        i ? /* @__PURE__ */ m("div", { className: T(), "data-testid": "payment-address", children: [
           /* @__PURE__ */ t("span", { className: _(), children: a("payment.billingAddress") }),
           /* @__PURE__ */ t(
             "div",
@@ -584,7 +584,7 @@ export {
   X as b,
   he as c,
   $ as f,
-  ge as p,
+  ye as p,
   ee as s
 };
-//# sourceMappingURL=payment-form-C3vT_npe.js.map
+//# sourceMappingURL=payment-form-B_BdHwjb.js.map

package/dist/_chunks/transaction-chip-DE6DITun.js

@@ -0,0 +1,196 @@
+import { jsxs as z, jsx as s } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { C as M } from "./check-DPdL_Sm7.js";
+import { c as t } from "./createLucideIcon-CrFbzy84.js";
+import { F as _ } from "./file-text-DSNuv2B8.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 I = [
+  ["path", { d: "M17 7 7 17", key: "15tmo1" }],
+  ["path", { d: "M17 17H7V7", key: "1org7z" }]
+], C = t("arrow-down-left", I);
+/**
+ * @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: "M7 7h10v10", key: "1tivn9" }],
+  ["path", { d: "M7 17 17 7", key: "1vkiza" }]
+], E = t("arrow-up-right", A);
+/**
+ * @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 L = [
+  ["path", { d: "M16 14v2.2l1.6 1", key: "fo4ql5" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5", key: "1osxxc" }],
+  ["path", { d: "M3 10h5", key: "r794hk" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["circle", { cx: "16", cy: "16", r: "6", key: "qoo3c4" }]
+], R = t("calendar-clock", L), S = {
+  debt: "debt",
+  credit: "credit",
+  "to-invoice": "toInvoice",
+  "to-deliver": "toDeliver",
+  settled: "settled"
+}, V = {
+  debt: C,
+  credit: E,
+  "to-invoice": _,
+  "to-deliver": R,
+  settled: M
+}, F = {
+  debt: "−",
+  credit: "+",
+  "to-invoice": "",
+  "to-deliver": "",
+  settled: ""
+}, D = {
+  debt: -1,
+  credit: 1,
+  "to-invoice": 1,
+  "to-deliver": 1,
+  settled: 1
+}, U = "EUR", j = l(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-full)] ds:border",
+    "ds:whitespace-nowrap ds:align-middle",
+    "ds:focus-visible:outline-none",
+    "ds:focus-visible:ring-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:ring-[color:var(--ring)]",
+    "ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        // Text uses the deeper `*-foreground` token (matching Badge / Tag) so
+        // small chip text clears WCAG AA (4.5:1) against the 10% tinted
+        // background. The surface and border use the lighter alias.
+        debt: "ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-destructive/20",
+        credit: "ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20",
+        // The orange "to-invoice" tint has no kit-wide semantic alias — see
+        // src/tokens/index.css §Transaction-chip-scoped tokens. The component
+        // owns the alias because the customer-anchored "Da fatturare" orange
+        // is distinct from `--warning` (yellow) and from `--destructive`.
+        "to-invoice": "ds:bg-transaction-chip-to-invoice/10 ds:text-[color:var(--transaction-chip-to-invoice-foreground)] ds:border-transaction-chip-to-invoice/20",
+        "to-deliver": "ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20",
+        settled: "ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40"
+      },
+      size: {
+        // Heights tuned for table-cell density (sm), default app surfaces (md),
+        // and header / summary cards (lg). `--type-eyebrow-size` flows into the
+        // optional label span, keeping its typography in step with the chip.
+        sm: "ds:h-5 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        md: "ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        lg: "ds:h-7 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]"
+      },
+      bold: {
+        // `settled` is the terminal resting state — see compound variant below.
+        true: "ds:font-semibold",
+        false: "ds:font-medium"
+      }
+    },
+    defaultVariants: {
+      state: "debt",
+      size: "md",
+      bold: !0
+    },
+    compoundVariants: [
+      // `settled` always renders at the lighter weight, regardless of the
+      // resolved default. Mirrors PR #523's follow-up where the resting branch
+      // dropped from bold to medium to recede visually.
+      { state: "settled", class: "ds:font-medium" }
+    ]
+  }
+), $ = l(
+  "ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100",
+  {
+    variants: {
+      size: {
+        sm: "ds:[&>svg]:size-3",
+        md: "ds:[&>svg]:size-3.5",
+        lg: "ds:[&>svg]:size-4"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), q = N(
+  ({
+    state: e,
+    amount: v,
+    currency: o = U,
+    locale: m,
+    size: r = "md",
+    showLabel: p = !1,
+    className: f,
+    "aria-label": u,
+    ...g
+  }, h) => {
+    const { t: a, i18n: b } = T(), i = m ?? b.language ?? "en", y = V[e], n = F[e], d = Math.abs(v), x = new Intl.NumberFormat(i, {
+      style: "currency",
+      currency: o,
+      signDisplay: "never"
+    }).format(d), c = a(`ui.financial.state.${S[e]}`), k = new Intl.NumberFormat(i, {
+      style: "currency",
+      currency: o,
+      signDisplay: e === "debt" ? "always" : "auto"
+    }).format(d * D[e]), w = u ?? a("ui.financial.aria.label", {
+      state: c,
+      amount: k
+    });
+    return /* @__PURE__ */ z(
+      "span",
+      {
+        ref: h,
+        role: "img",
+        "aria-label": w,
+        "data-component": "transaction-chip",
+        "data-state": e,
+        className: j({
+          state: e,
+          size: r,
+          bold: e !== "settled",
+          className: f
+        }),
+        ...g,
+        children: [
+          /* @__PURE__ */ s("span", { "aria-hidden": "true", className: $({ size: r }), children: /* @__PURE__ */ s(y, {}) }),
+          p && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: c }),
+          n && /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:[font-variant-numeric:var(--font-feature-tabular)]",
+              children: n
+            }
+          ),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:[font-variant-numeric:var(--font-feature-tabular)]",
+              children: x
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+q.displayName = "TransactionChip";
+export {
+  q as T
+};
+//# sourceMappingURL=transaction-chip-DE6DITun.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.2.0",
+  "packageVersion": "0.2.2",
   "components": [
     {
       "kind": "component",
@@ -3773,6 +3773,20 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "transaction-chip",
+      "capabilities": [],
+      "state": [],
+      "actions": [],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "transaction-chip",
+          "description": "Marks the element as a kit TransactionChip."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "transcript-panel",

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/components/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as b, c as s, a as t, b as m, d as n, e as r } from "../../_chunks/combobox-DCNXqbC7.js";
+import { C as b, c as s, a as t, b as m, d as n, e as r } from "../../_chunks/combobox-BLWruOxK.js";
 export {
   b as Combobox,
   s as comboboxAgent,

package/dist/components/freemium-paywall/index.js

@@ -1,4 +1,4 @@
-import { F as m, f as l } from "../../_chunks/freemium-paywall-CnvceDav.js";
+import { F as m, f as l } from "../../_chunks/freemium-paywall-CrVefV0M.js";
 export {
   m as FreemiumPaywall,
   l as freemiumPaywallAgent

package/dist/components/index.d.ts

@@ -114,6 +114,7 @@ export * from './rich-text-editor';
 export * from './signature-capture';
 export * from './slot-grid';
 export * from './tooth-scheme';
+export * from './transaction-chip';
 export * from './workflow';
 export * from '../patterns/leo-assistant';
 export * from '../patterns/patient-shell';

package/dist/components/link/index.js

@@ -1,4 +1,4 @@
-import { L } from "../../_chunks/link-8QmFjIz2.js";
+import { L } from "../../_chunks/link-BcYW1eNM.js";
 export {
   L as Link
 };

package/dist/components/link/link.d.ts

@@ -12,6 +12,7 @@ import { type VariantProps } from 'class-variance-authority';
 declare const linkVariants: (props?: ({
     intent?: "default" | "inverted" | "subtle" | null | undefined;
     weight?: "strong" | "normal" | null | undefined;
+    hasIcon?: "yes" | "no" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, VariantProps<typeof linkVariants> {
     /** Anchor target. Required — the whole point of the component. */

package/dist/components/message-card/index.js

@@ -1,4 +1,4 @@
-import { M as a, i as r } from "../../_chunks/message-card-ChCX9Iv6.js";
+import { M as a, i as r } from "../../_chunks/message-card-DjvsB_3U.js";
 import { m } from "../../_chunks/message-card.agent-4IeIgrnJ.js";
 export {
   a as MessageCard,

package/dist/components/message-tray/index.js

@@ -1,4 +1,4 @@
-import { M as s, m as r } from "../../_chunks/message-tray-n8q9ITXI.js";
+import { M as s, m as r } from "../../_chunks/message-tray-BbnAzlLH.js";
 export {
   s as MessageTray,
   r as messageTrayAgent

package/dist/components/notification-card/index.js

@@ -1,4 +1,4 @@
-import { N as a, i as t } from "../../_chunks/notification-card-hBlPN1-c.js";
+import { N as a, i as t } from "../../_chunks/notification-card-uTPEvAQS.js";
 import { n as f } from "../../_chunks/notification-card.agent-Rqt3ofk9.js";
 export {
   a as NotificationCard,