@alfadocs/ui-kit 1.54.0 → 1.54.2

package/dist/_chunks/{error-page-illustration-QGJAvuFB.js → error-page-illustration-bFti0VEc.js}

@@ -1,6 +1,22 @@
-import { jsx as r, jsxs as t, Fragment as a } from "react/jsx-runtime";
-import { useRef as w, useState as N, useEffect as $ } from "react";
-import { M as s, A as x, P as l, C as W } from "./mark-pieces-m_rn1mAc.js";
+import { jsx as r, jsxs as t, Fragment as i } from "react/jsx-runtime";
+import { useRef as L, useState as N, useEffect as $ } from "react";
+import { M as s, A as x, P as l, C as E } from "./mark-pieces-m_rn1mAc.js";
+const rr = [
+  "jumbled",
+  "locked",
+  "roped",
+  "lost",
+  "wrong-way",
+  "vanished",
+  "asleep",
+  "patched",
+  "melt",
+  "unplugged",
+  "rebuild",
+  "snail",
+  "adrift",
+  "puzzled"
+];
 function h({ name: n }) {
   return /* @__PURE__ */ r(
     l,
@@ -27,24 +43,24 @@ function c({ cx: n = 74, rx: e = 46 }) {
     }
   );
 }
-const E = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-drip_calc(var(--animation-duration)*15)_ease-in-out_1]", O = "ds:motion-safe:animate-[error-page-drop_calc(var(--animation-duration)*12)_ease-in_2]", y = "ds:[transform-box:fill-box] ds:origin-bottom ds:motion-safe:animate-[error-page-rock_calc(var(--animation-duration)*20)_ease-in-out_1]", b = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-bob_calc(var(--animation-duration)*14)_ease-in-out_1]", v = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-swing_calc(var(--animation-duration)*18)_ease-in-out_1]", R = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-wiggle_calc(var(--animation-duration)*10)_ease-in-out_2]", _ = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-rise_calc(var(--animation-duration)*16)_ease-out_1]", M = "ds:motion-safe:animate-[error-page-flicker_calc(var(--animation-duration)*6)_steps(1)_4]", P = "ds:motion-safe:animate-[error-page-crawl_calc(var(--animation-duration)*24)_ease-in-out_1]", A = "ds:motion-safe:animate-[error-page-bump_calc(var(--animation-duration)*12)_ease-in-out_2]", L = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-breathe_calc(var(--animation-duration)*20)_ease-in-out_1]", u = "ds:[animation-delay:calc(var(--animation-duration)*5)]", m = "ds:[animation-delay:calc(var(--animation-duration)*9)]", j = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-pop_calc(var(--animation-duration)*3)_ease-out_1]";
-function I() {
+const O = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-drip_calc(var(--animation-duration)*15)_ease-in-out_1]", W = "ds:motion-safe:animate-[error-page-drop_calc(var(--animation-duration)*12)_ease-in_2]", y = "ds:[transform-box:fill-box] ds:origin-bottom ds:motion-safe:animate-[error-page-rock_calc(var(--animation-duration)*20)_ease-in-out_1]", b = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-bob_calc(var(--animation-duration)*14)_ease-in-out_1]", v = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-swing_calc(var(--animation-duration)*18)_ease-in-out_1]", R = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-wiggle_calc(var(--animation-duration)*10)_ease-in-out_2]", _ = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-rise_calc(var(--animation-duration)*16)_ease-out_1]", M = "ds:motion-safe:animate-[error-page-flicker_calc(var(--animation-duration)*6)_steps(1)_4]", P = "ds:motion-safe:animate-[error-page-crawl_calc(var(--animation-duration)*24)_ease-in-out_1]", A = "ds:motion-safe:animate-[error-page-bump_calc(var(--animation-duration)*12)_ease-in-out_2]", w = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-breathe_calc(var(--animation-duration)*20)_ease-in-out_1]", u = "ds:[animation-delay:calc(var(--animation-duration)*5)]", m = "ds:[animation-delay:calc(var(--animation-duration)*9)]", j = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-pop_calc(var(--animation-duration)*3)_ease-out_1]";
+function S() {
   const n = {
     top: 75,
     right: -60,
     left: 40,
     bottom: -95
   };
-  return /* @__PURE__ */ t(a, { children: [
-    x.map((e, o) => {
-      const [i, d] = W[e];
-      return /* @__PURE__ */ r("g", { transform: `rotate(${n[e]} ${i} ${d})`, children: /* @__PURE__ */ r("g", { className: `${R} ${o % 2 ? u : ""}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
+  return /* @__PURE__ */ t(i, { children: [
+    x.map((e, a) => {
+      const [o, d] = E[e];
+      return /* @__PURE__ */ r("g", { transform: `rotate(${n[e]} ${o} ${d})`, children: /* @__PURE__ */ r("g", { className: `${R} ${a % 2 ? u : ""}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
     }),
     /* @__PURE__ */ r(c, {})
   ] });
 }
-function S() {
-  return /* @__PURE__ */ t(a, { children: [
+function D() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, {}),
     /* @__PURE__ */ t("g", { className: v, children: [
       /* @__PURE__ */ r(
@@ -84,13 +100,13 @@ function S() {
     /* @__PURE__ */ r(c, {})
   ] });
 }
-function T() {
+function I() {
   const n = (e) => /* @__PURE__ */ t("g", { fill: "var(--muted-foreground)", children: [
     /* @__PURE__ */ r("rect", { x: e - 3, y: "158", width: "6", height: "48", rx: "3" }),
     /* @__PURE__ */ r("circle", { cx: e, cy: "157", r: "6" }),
     /* @__PURE__ */ r("rect", { x: e - 11, y: "202", width: "22", height: "5", rx: "2.5" })
   ] });
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, {}),
     n(8),
     n(140),
@@ -106,8 +122,8 @@ function T() {
     ) })
   ] });
 }
-function D() {
-  return /* @__PURE__ */ t(a, { children: [
+function T() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ r(c, { cx: 150, rx: 28 }),
@@ -125,7 +141,7 @@ function D() {
   ] });
 }
 function B() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ r("g", { className: A, children: /* @__PURE__ */ r("g", { transform: "translate(40 0) rotate(90 121 70)", children: /* @__PURE__ */ r(l, { name: "right" }) }) }),
@@ -140,28 +156,28 @@ function C() {
     [62, 118, u],
     [20, 96, m]
   ];
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     x.map((e) => /* @__PURE__ */ r(h, { name: e }, e)),
-    n.map(([e, o, i]) => /* @__PURE__ */ r(
+    n.map(([e, a, o]) => /* @__PURE__ */ r(
       "rect",
       {
         x: e,
-        y: o,
+        y: a,
         width: "6",
         height: "6",
         rx: "1.5",
-        className: `${_} ${i}`
+        className: `${_} ${o}`
       },
-      `${e}-${o}`
+      `${e}-${a}`
     )),
     /* @__PURE__ */ r(c, {})
   ] });
 }
 function F() {
-  const n = (e, o, i, d) => /* @__PURE__ */ r(
+  const n = (e, a, o, d) => /* @__PURE__ */ r(
     "path",
     {
-      d: `M${e} ${o} h${i} l-${i} ${i} h${i}`,
+      d: `M${e} ${a} h${o} l-${o} ${o} h${o}`,
       fill: "none",
       stroke: "var(--muted-foreground)",
       strokeWidth: "3",
@@ -170,8 +186,8 @@ function F() {
       className: `${_} ${d}`
     }
   );
-  return /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ r("g", { transform: "rotate(14 74 74)", children: /* @__PURE__ */ r("g", { className: L, children: /* @__PURE__ */ r(s, {}) }) }),
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ r("g", { transform: "rotate(14 74 74)", children: /* @__PURE__ */ r("g", { className: w, children: /* @__PURE__ */ r(s, {}) }) }),
     n(122, 22, 10, ""),
     n(140, 2, 13, u),
     n(160, -16, 16, m),
@@ -179,8 +195,8 @@ function F() {
   ] });
 }
 function G() {
-  return /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ t("g", { className: L, children: [
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ t("g", { className: w, children: [
       /* @__PURE__ */ r(s, {}),
       /* @__PURE__ */ r(
         "polyline",
@@ -232,27 +248,27 @@ function G() {
 function p({
   cx: n,
   top: e,
-  length: o,
-  className: i = ""
+  length: a,
+  className: o = ""
 }) {
-  return /* @__PURE__ */ t("g", { className: `${E} ${i}`, children: [
-    /* @__PURE__ */ r("rect", { x: n - 3.5, y: e, width: "7", height: o, rx: "3.5" }),
-    /* @__PURE__ */ r("circle", { cx: n, cy: e + o, r: "4.2" })
+  return /* @__PURE__ */ t("g", { className: `${O} ${o}`, children: [
+    /* @__PURE__ */ r("rect", { x: n - 3.5, y: e, width: "7", height: a, rx: "3.5" }),
+    /* @__PURE__ */ r("circle", { cx: n, cy: e + a, r: "4.2" })
   ] });
 }
-function Q() {
-  return /* @__PURE__ */ t(a, { children: [
+function z() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, {}),
     /* @__PURE__ */ r("path", { d: "M67 139 L99 131 L101 138 Q92 151 80 152 Q70 153 68 143 Z" }),
     /* @__PURE__ */ r(p, { cx: 75, top: 144, length: 20, className: u }),
     /* @__PURE__ */ r(p, { cx: 85.5, top: 141, length: 32 }),
     /* @__PURE__ */ r(p, { cx: 96, top: 137, length: 13, className: m }),
-    /* @__PURE__ */ r("circle", { cx: "85.5", cy: "179", r: "3.2", className: O }),
+    /* @__PURE__ */ r("circle", { cx: "85.5", cy: "179", r: "3.2", className: W }),
     /* @__PURE__ */ r("ellipse", { cx: "86", cy: "204", rx: "30", ry: "5.5", fillOpacity: "0.3" })
   ] });
 }
-function z() {
-  return /* @__PURE__ */ t(a, { children: [
+function Q() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ t("g", { transform: "translate(-12 -8)", children: [
       /* @__PURE__ */ r(l, { name: "top" }),
       /* @__PURE__ */ r(l, { name: "left" })
@@ -277,7 +293,7 @@ function z() {
   ] });
 }
 function K() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ t("g", { className: v, children: [
@@ -309,7 +325,7 @@ function K() {
   ] });
 }
 function U() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ r(c, { cx: 140, rx: 34 }),
@@ -373,16 +389,16 @@ function H() {
     left: [-14, 0, m],
     bottom: [0, 14, u]
   };
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(c, {}),
     x.map((e) => {
-      const [o, i, d] = n[e];
-      return /* @__PURE__ */ r("g", { transform: `translate(${o} ${i})`, children: /* @__PURE__ */ r("g", { className: `${b} ${d}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
+      const [a, o, d] = n[e];
+      return /* @__PURE__ */ r("g", { transform: `translate(${a} ${o})`, children: /* @__PURE__ */ r("g", { className: `${b} ${d}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
     })
   ] });
 }
 function J() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r("g", { className: y, children: /* @__PURE__ */ r(s, {}) }),
     /* @__PURE__ */ t("g", { className: b, children: [
       /* @__PURE__ */ r(
@@ -402,31 +418,31 @@ function J() {
   ] });
 }
 const V = {
-  jumbled: I,
-  locked: S,
-  roped: T,
-  lost: D,
+  jumbled: S,
+  locked: D,
+  roped: I,
+  lost: T,
   "wrong-way": B,
   vanished: C,
   asleep: F,
   patched: G,
-  melt: Q,
-  unplugged: z,
+  melt: z,
+  unplugged: Q,
   rebuild: K,
   snail: U,
   adrift: H,
   puzzled: J
 }, X = 3e3;
-function rr({
+function er({
   mood: n
 }) {
-  const e = w(null), [o, i] = N(!1);
+  const e = L(null), [a, o] = N(!1);
   $(() => {
     const f = e.current;
     if (!f) return;
     let g;
     const k = () => {
-      i(!0), clearTimeout(g), g = setTimeout(() => i(!1), X);
+      o(!0), clearTimeout(g), g = setTimeout(() => o(!1), X);
     };
     return f.addEventListener("click", k), () => {
       f.removeEventListener("click", k), clearTimeout(g);
@@ -438,7 +454,7 @@ function rr({
     {
       ref: e,
       "aria-hidden": "true",
-      "data-mood": o ? "fixed" : n,
+      "data-mood": a ? "fixed" : n,
       className: "ds:w-48 ds:select-none",
       children: /* @__PURE__ */ r(
         "svg",
@@ -447,13 +463,14 @@ function rr({
           viewBox: "-20 -24 200 240",
           fill: "var(--primary)",
           className: "ds:block ds:w-full ds:h-auto ds:overflow-visible",
-          children: o ? /* @__PURE__ */ r("g", { className: j, children: /* @__PURE__ */ r(s, {}) }) : /* @__PURE__ */ r(d, {})
+          children: a ? /* @__PURE__ */ r("g", { className: j, children: /* @__PURE__ */ r(s, {}) }) : /* @__PURE__ */ r(d, {})
         }
       )
     }
   );
 }
 export {
-  rr as E
+  rr as E,
+  er as a
 };
-//# sourceMappingURL=error-page-illustration-QGJAvuFB.js.map
+//# sourceMappingURL=error-page-illustration-bFti0VEc.js.map

package/dist/_chunks/{login-dev-card-C7wo-Hv1.js → login-dev-card-q7iTojvV.js}

@@ -11,7 +11,7 @@ import { i as rs } from "./safe-href-5dbsfbQn.js";
 import { u as ws, a as xs, A as Fs, b as bs, E as Ns, d as ys, c as Es } from "./auth-form-parts-Celi-TLV.js";
 import { u as Is } from "./use-registration-submit-DxCWic5_.js";
 import { M as Rs } from "./matrix-rain-sDOUUwZp.js";
-import { E as Ls } from "./error-page-illustration-QGJAvuFB.js";
+import { a as Ls } from "./error-page-illustration-bFti0VEc.js";
 const Cs = ["email", "password"], Bs = z(
   "ds:flex ds:w-full ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:text-start ds:text-[var(--foreground)] ds:lg:flex-row ds:lg:items-stretch"
 ), V = z("ds:w-full ds:max-w-[400px]"), As = (t) => Object.values(t).some(Boolean), ss = (t) => Cs.find((i) => t[i]) ?? (t.form ? "password" : void 0), qs = es(
@@ -272,4 +272,4 @@ export {
   Ms as a,
   qs as b
 };
-//# sourceMappingURL=login-dev-card-C7wo-Hv1.js.map
+//# sourceMappingURL=login-dev-card-q7iTojvV.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.54.0",
+  "packageVersion": "1.54.2",
   "components": [
     {
       "kind": "component",
@@ -19019,6 +19019,10 @@
         {
           "component": "button",
           "as": "support"
+        },
+        {
+          "component": "button",
+          "as": "custom"
         }
       ],
       "workflows": [

package/dist/components/booking/booking-types.d.ts

@@ -71,7 +71,9 @@ export interface BookingService {
      * Pre-formatted price label (e.g. "€ 80", "da € 60"). When present, the
      * service picker shows the price INSTEAD of the duration — durations vary
      * case by case and set the wrong expectation, while price is what patients
-     * compare. `durationMin` keeps driving slot fetching either way. Currency
+     * compare. With no price the picker falls back to the duration, unless
+     * Booking's `showServiceDuration` is false. `durationMin` keeps driving
+     * slot fetching either way. Currency
      * and number formatting are the consumer's domain — the kit renders the
      * string verbatim. Added in 1.6.0.
      */
@@ -429,7 +431,7 @@ export interface BookingProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ari
      *
      * - `'cards'`: visual card grid (the long-standing `ServiceCardGroup`
      *   used by inline-list). Card layout, one row per service with icon,
-     *   label, and duration.
+     *   label, and price or duration.
      * - `'select'`: compact `<Select>` dropdown (default for the chrome-
      *   denser variants — calendar / flexible / accordion / progress).
      * - `'combobox'`: single-select `<Combobox>` with type-ahead search.
@@ -438,6 +440,16 @@ export interface BookingProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ari
      *   filtered by ANY of the selected services. Added in 0.34.0.
      */
     servicePickerStyle?: 'select' | 'combobox' | 'multi-select' | 'cards';
+    /**
+     * @default true
+     * Whether the service picker shows a service's duration. A service with
+     * no price shows its minutes in place of one; set this to false and it
+     * shows its name only, in every `servicePickerStyle`, and its accessible
+     * name does not mention minutes either. Priced services are unchanged:
+     * they never show a duration. `durationMin` stays required and keeps
+     * driving slot fetching. Added in 1.54.1.
+     */
+    showServiceDuration?: boolean;
     /**
      * @default 'select'
      * UI rendered for the Operator step. Independent of layout `variant`.

package/dist/components/booking/index.js

@@ -1,4 +1,4 @@
-import { B as A, C as R, O as a, b as s } from "../../_chunks/booking-CPUjwxj0.js";
+import { B as A, C as R, O as a, b as s } from "../../_chunks/booking-BN7TXe27.js";
 export {
   A as Booking,
   R as CONFIRMATION_CHANNEL_ORDER,

package/dist/components/contact-profile-card/index.js

@@ -1,4 +1,4 @@
-import { C as _, a as O, b as o, c as r } from "../../_chunks/contact-profile-card-h0QX4_5B.js";
+import { C as _, a as O, b as o, c as r } from "../../_chunks/contact-profile-card-B-HzocbB.js";
 export {
   _ as CONTACT_PROFILE_CARD_ROW_ICONS,
   O as CONTACT_PROFILE_CARD_ROW_KEYS,