@alfadocs/ui-kit 1.26.1 → 1.27.0

package/dist/_chunks/{calendar-workspace-DWW5ZtQ0.js → calendar-workspace-Cs4hNB40.js}

@@ -26,7 +26,7 @@ import { T as ji } from "./text-input-CUvCb6ST.js";
 import { T as ss } from "./text-area-Bt3p7Pt0.js";
 import { N as Ka } from "./number-input-Cgu2TtA8.js";
 import { T as qi } from "./time-picker-D0RS391l.js";
-import { a as Yi, W as Qi } from "./whatsapp-button-CuFIHJzG.js";
+import { a as Yi, W as Qi } from "./whatsapp-button-Ai4YAVkl.js";
 import { A as Xi } from "./appointment-card-Dzr3GeVz.js";
 import { B as bn } from "./badge-sTusUqZD.js";
 import { D as Zi } from "./data-table-DB5BiVQ0.js";
@@ -7503,4 +7503,4 @@ export {
   El as r,
   Cn as u
 };
-//# sourceMappingURL=calendar-workspace-DWW5ZtQ0.js.map
+//# sourceMappingURL=calendar-workspace-Cs4hNB40.js.map

package/dist/_chunks/{signature-request-CwlAmVLw.js → signature-request-C-IsbkPf.js}

@@ -5,7 +5,7 @@ import { D as m } from "./dialog-UbKJCi1X.js";
 import { B as z } from "./button-nJaPh_HC.js";
 import { I as xe } from "./icon-button-DA2CAGHZ.js";
 import { C as Y } from "./checkbox-BuZ1u__2.js";
-import { a as Re } from "./whatsapp-button-CuFIHJzG.js";
+import { a as Re } from "./whatsapp-button-Ai4YAVkl.js";
 import { S as Z } from "./select-Bi8zril7.js";
 import { S as be } from "./switch-OILsBLWo.js";
 import { A as _ } from "./alert-CiJT540z.js";
@@ -414,4 +414,4 @@ Me.displayName = "SignatureRequestModal";
 export {
   Me as S
 };
-//# sourceMappingURL=signature-request-CwlAmVLw.js.map
+//# sourceMappingURL=signature-request-C-IsbkPf.js.map

package/dist/_chunks/{whatsapp-button-CuFIHJzG.js → whatsapp-button-Ai4YAVkl.js}

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { forwardRef as _, useMemo as A } from "react";
-import { c as m } from "./index-D2ZczOXr.js";
-import { useTranslation as j } from "react-i18next";
-function u({
+import { forwardRef as B, useMemo as A } from "react";
+import { c as p } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+function h({
   className: a
 }) {
   return /* @__PURE__ */ r(
@@ -17,7 +17,7 @@ function u({
     }
   );
 }
-const k = m(
+const j = p(
   [
     // `position` is provided by `positionVariants` below — `static`
     // sets `ds:relative` (so the pseudo-element touch-target anchors),
@@ -119,7 +119,7 @@ const k = m(
       size: "md"
     }
   }
-), C = m("", {
+), k = p("", {
   variants: {
     position: {
       // `relative` so the `::before` pseudo touch-target (defined in
@@ -137,36 +137,92 @@ const k = m(
     }
   },
   defaultVariants: { position: "static" }
-});
-function B(a, n) {
+}), N = p("", {
+  variants: {
+    collapseLabelBelow: {
+      sm: "ds:max-sm:gap-0 ds:max-sm:p-0 ds:max-sm:min-h-0 ds:max-sm:rounded-full ds:max-sm:shadow-[var(--shadow-lg)]",
+      md: "ds:max-md:gap-0 ds:max-md:p-0 ds:max-md:min-h-0 ds:max-md:rounded-full ds:max-md:shadow-[var(--shadow-lg)]"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    // Mirrors the `fab` size ladder above. The `sm` circle keeps the
+    // pseudo touch-target the `pill sm` compound already paints below
+    // the `sm:` breakpoint, so 40px still hits 44/48px on a phone.
+    {
+      collapseLabelBelow: "sm",
+      size: "sm",
+      class: "ds:max-sm:h-10 ds:max-sm:w-10 ds:max-sm:[&_svg]:size-5"
+    },
+    {
+      collapseLabelBelow: "sm",
+      size: "md",
+      class: "ds:max-sm:h-14 ds:max-sm:w-14 ds:max-sm:[&_svg]:size-7"
+    },
+    {
+      collapseLabelBelow: "sm",
+      size: "lg",
+      class: "ds:max-sm:h-16 ds:max-sm:w-16 ds:max-sm:[&_svg]:size-8"
+    },
+    // The `pill sm` pseudo touch-target only paints below `sm:`, so a
+    // 40px circle collapsed at `md` would sit under the target minimum
+    // between the two breakpoints. Size that one circle to the minimum
+    // itself (44px, 48px in the accessible themes) instead.
+    {
+      collapseLabelBelow: "md",
+      size: "sm",
+      class: "ds:max-md:h-[var(--min-target-size)] ds:max-md:w-[var(--min-target-size)] ds:max-md:[&_svg]:size-5"
+    },
+    {
+      collapseLabelBelow: "md",
+      size: "md",
+      class: "ds:max-md:h-14 ds:max-md:w-14 ds:max-md:[&_svg]:size-7"
+    },
+    {
+      collapseLabelBelow: "md",
+      size: "lg",
+      class: "ds:max-md:h-16 ds:max-md:w-16 ds:max-md:[&_svg]:size-8"
+    }
+  ]
+}), V = {
+  sm: "ds:max-sm:sr-only",
+  md: "ds:max-md:sr-only"
+};
+function $(a, o) {
   const s = a.replace(/\D/g, "");
   if (s.length === 0)
     return null;
-  const d = `https://wa.me/${s}`;
-  return n ? `${d}?text=${encodeURIComponent(n)}` : d;
+  const l = `https://wa.me/${s}`;
+  return o ? `${l}?text=${encodeURIComponent(o)}` : l;
 }
-const L = _(
+const T = B(
   ({
     phoneNumber: a,
-    message: n,
+    message: o,
     variant: s = "pill",
-    size: d = "md",
-    position: h,
-    label: g,
+    size: l = "md",
+    position: u,
+    label: x,
     tone: w = "standard",
-    className: x,
+    collapseLabelBelow: z,
+    className: _,
     ...i
-  }, z) => {
-    const { t: p } = j(), f = A(
-      () => B(a, n),
-      [a, n]
-    ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : w === "question" ? "whatsApp.questionPrompt" : "whatsApp.label"), y = [
-      k({ variant: s, size: d }),
-      C({ position: h }),
-      x
-    ].filter(Boolean).join(" "), o = f === null, v = {
-      ref: z,
-      ...o ? {} : {
+  }, y) => {
+    const { t: v } = C(), f = A(
+      () => $(a, o),
+      [a, o]
+    ), e = x ?? v(s === "fab" ? "whatsApp.fabLabel" : w === "question" ? "whatsApp.questionPrompt" : "whatsApp.label"), n = s === "pill" ? z : void 0, L = [
+      j({ variant: s, size: l }),
+      k({ position: u }),
+      n ? N({ collapseLabelBelow: n, size: l }) : "",
+      _
+    ].filter(Boolean).join(" "), t = f === null, b = {
+      ref: y,
+      ...t ? {} : {
         href: f,
         target: "_blank",
         rel: "noopener noreferrer"
@@ -178,39 +234,40 @@ const L = _(
       /* `tabIndex` too: an <a> without href is not focusable, and
          `aria-disabled` presupposes something focus CAN reach — otherwise
          the reason the control is disabled never reaches a keyboard. */
-      ...o ? { role: "link", tabIndex: 0 } : {},
-      "aria-disabled": o ? !0 : void 0,
+      ...t ? { role: "link", tabIndex: 0 } : {},
+      "aria-disabled": t ? !0 : void 0,
       "data-component": "whatsapp-button",
       "data-variant": s,
-      onClick: (l) => {
-        var b;
-        o && l.preventDefault(), (b = i.onClick) == null || b.call(i, l);
+      "data-collapse-label-below": n,
+      onClick: (m) => {
+        var g;
+        t && m.preventDefault(), (g = i.onClick) == null || g.call(i, m);
       },
-      className: y
-    }, t = o ? null : p("link.opensInNewTab", "Opens in a new tab");
+      className: L
+    }, d = t ? null : v("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", { ...i, ...v, "aria-label": l, children: [
-        /* @__PURE__ */ r(u, {}),
+      const m = typeof e == "string" ? d ? `${e} — ${d}` : e : void 0;
+      return /* @__PURE__ */ c("a", { ...i, ...b, "aria-label": m, children: [
+        /* @__PURE__ */ r(h, {}),
         typeof e != "string" ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
           e,
-          t ? ` — ${t}` : null
+          d ? ` — ${d}` : null
         ] }) : null
       ] });
     }
-    return /* @__PURE__ */ c("a", { ...i, ...v, children: [
-      /* @__PURE__ */ r(u, {}),
-      /* @__PURE__ */ r("span", { children: e }),
-      t ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
+    return /* @__PURE__ */ c("a", { ...i, ...b, children: [
+      /* @__PURE__ */ r(h, {}),
+      /* @__PURE__ */ r("span", { className: n ? V[n] : void 0, children: e }),
+      d ? /* @__PURE__ */ c("span", { className: "ds:sr-only", children: [
         " — ",
-        t
+        d
       ] }) : null
     ] });
   }
 );
-L.displayName = "WhatsAppButton";
+T.displayName = "WhatsAppButton";
 export {
-  L as W,
-  u as a
+  T as W,
+  h as a
 };
-//# sourceMappingURL=whatsapp-button-CuFIHJzG.js.map
+//# sourceMappingURL=whatsapp-button-Ai4YAVkl.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.26.1",
+  "packageVersion": "1.27.0",
   "components": [
     {
       "kind": "component",

package/dist/components/whatsapp-button/index.js

@@ -1,4 +1,4 @@
-import { W as t, a as s } from "../../_chunks/whatsapp-button-CuFIHJzG.js";
+import { W as t, a as s } from "../../_chunks/whatsapp-button-Ai4YAVkl.js";
 export {
   t as WhatsAppButton,
   s as WhatsAppGlyph

package/dist/components/whatsapp-button/whatsapp-button.d.ts

@@ -42,6 +42,17 @@ export interface WhatsAppButtonProps extends Omit<AnchorHTMLAttributes<HTMLAncho
      * glyph-only and its `aria-label` stays concise via `fabLabel`.
      */
     tone?: 'standard' | 'question';
+    /**
+     * Pill only. Below the named Tailwind breakpoint the pill becomes a
+     * glyph-only circle (the `fab` chrome of the same `size`) and the
+     * label moves to screen-reader-only text, so the accessible name is
+     * unchanged. Pure CSS, so server render and first paint agree.
+     * Use it where the pill's copy earns its space on desktop but would
+     * crowd a phone: the booking site's practice page passes `"sm"`.
+     *
+     * Ignored for `variant="fab"`, which is glyph-only already.
+     */
+    collapseLabelBelow?: 'sm' | 'md';
 }
 export declare const WhatsAppButton: import("react").ForwardRefExoticComponent<WhatsAppButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/index.js

@@ -219,14 +219,14 @@ import { T as Rg, t as _g, r as bg } from "./_chunks/tooth-scheme-C9jssOmy.js";
 import { C as Dg, a as hg, b as Og, c as Fg, d as Lg, e as Mg, F as yg, f as kg, g as Bg, h as Gg, I as vg, P as Hg, i as wg, S as Ug, j as Vg, k as Wg, l as Kg, m as Yg, n as Xg, T as qg, o as zg, p as jg, q as Qg, r as Jg, s as Zg, t as $g, u as aS, v as eS, w as sS, x as rS, y as oS, z as tS, A as nS, B as iS, D as pS, E as mS, G as lS, H as dS, J as AS, K as cS, L as fS, M as gS, N as SS, O as CS, Q as TS, R as xS, U as uS, V as PS, W as IS, X as ES, Y as RS, Z as _S, _ as bS, $ as NS } from "./_chunks/tooth-data-DR8Kdnup.js";
 import { C as hS, D as OS, T as FS, t as LS, a as MS } from "./_chunks/tooth-finding-palette-vqC-D2Ye.js";
 import { T as kS } from "./_chunks/transaction-chip-DJCstquX.js";
-import { W as GS, a as vS } from "./_chunks/whatsapp-button-CuFIHJzG.js";
+import { W as GS, a as vS } from "./_chunks/whatsapp-button-Ai4YAVkl.js";
 import { C as wS, W as US, a as VS, b as WS, c as KS, i as YS, l as XS, m as qS, r as zS, w as jS, d as QS, e as JS, f as ZS } from "./_chunks/workflow-map-dNzJjBWG.js";
 import { A as aC, a as eC, b as sC, c as rC } from "./_chunks/alia-sidebar-BWcWZivN.js";
 import { A as tC, a as nC, L as iC, P as pC, S as mC, T as lC, b as dC, c as AC, d as cC, e as fC, f as gC, g as SC, h as CC, i as TC, j as xC, k as uC, l as PC, m as IC, n as EC, o as RC, p as _C, r as bC, q as NC, s as DC, t as hC, u as OC } from "./_chunks/anamnesis-summary-rows-DwjqZgR5.js";
-import { C as LC, a as MC, b as yC, D as kC, c as BC, S as GC, V as vC, W as HC, d as wC, i as UC, m as VC, r as WC, u as KC, e as YC, f as XC } from "./_chunks/calendar-workspace-DWW5ZtQ0.js";
+import { C as LC, a as MC, b as yC, D as kC, c as BC, S as GC, V as vC, W as HC, d as wC, i as UC, m as VC, r as WC, u as KC, e as YC, f as XC } from "./_chunks/calendar-workspace-Cs4hNB40.js";
 import { C as zC, M as jC, P as QC } from "./_chunks/marketplace-app-shell-C4AjQmvz.js";
 import { P as ZC } from "./_chunks/payment-automation-upsell-DwQW2fRp.js";
-import { S as aT } from "./_chunks/signature-request-CwlAmVLw.js";
+import { S as aT } from "./_chunks/signature-request-C-IsbkPf.js";
 import { D as sT, d as rT } from "./_chunks/dependent-selector-cJlJFAKD.js";
 import { D as tT, d as nT } from "./_chunks/document-preview-CDb-n_W7.js";
 import { D as pT, d as mT } from "./_chunks/document-scanner-C5Vrbu21.js";

package/dist/patterns/calendar/index.js

@@ -1,4 +1,4 @@
-import { C as s, a as r, b as E, D as P, c as t, S, V as A, W as C, d, i as o, m as D, r as i, u as n, e as W, f as _ } from "../../_chunks/calendar-workspace-DWW5ZtQ0.js";
+import { C as s, a as r, b as E, D as P, c as t, S, V as A, W as C, d, i as o, m as D, r as i, u as n, e as W, f as _ } from "../../_chunks/calendar-workspace-Cs4hNB40.js";
 export {
   s as CALENDAR_PREFERENCE_KEYS,
   r as CalendarDataProvider,

package/dist/patterns/signature-request/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../_chunks/signature-request-CwlAmVLw.js";
+import { S as o } from "../../_chunks/signature-request-C-IsbkPf.js";
 export {
   o as SignatureRequestModal
 };