@alfadocs/ui-kit 0.31.8 → 0.32.1

package/dist/_chunks/{agenda-card-DtGlQde1.js → agenda-card-CFyWSX7Z.js}

@@ -3,7 +3,7 @@ import { forwardRef as v } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as b } from "react-i18next";
 import { A as x } from "./avatar-BNQNhoyL.js";
-import { B as y } from "./badge-B9Cr6iEB.js";
+import { B as y } from "./badge-zsf5i5bH.js";
 import { C as N } from "./chevron-right-BrpYejk0.js";
 const C = h(
   [
@@ -138,4 +138,4 @@ export {
   T as A,
   w as i
 };
-//# sourceMappingURL=agenda-card-DtGlQde1.js.map
+//# sourceMappingURL=agenda-card-CFyWSX7Z.js.map

package/dist/_chunks/{agenda-tray-CXmlwt2K.js → agenda-tray-By_asPN9.js}

@@ -5,7 +5,7 @@ import { useTranslation as j } from "react-i18next";
 import { I as _ } from "./icon-button-CKEOrN37.js";
 import { S as E } from "./skeleton-CZbwyJAA.js";
 import { E as P } from "./empty-state-BLy7tigq.js";
-import { A as H } from "./agenda-card-DtGlQde1.js";
+import { A as H } from "./agenda-card-CFyWSX7Z.js";
 import { u as K } from "./registry-nPAVE19X.js";
 import { c as L } from "./createLucideIcon-CrFbzy84.js";
 import { P as V } from "./plus-CYKNmfuA.js";
@@ -178,4 +178,4 @@ export {
   G as A,
   D as a
 };
-//# sourceMappingURL=agenda-tray-CXmlwt2K.js.map
+//# sourceMappingURL=agenda-tray-By_asPN9.js.map

package/dist/_chunks/{badge-B9Cr6iEB.js → badge-zsf5i5bH.js}

@@ -19,7 +19,14 @@ const z = a(
   {
     variants: {
       variant: {
-        neutral: "ds:bg-muted/20 ds:text-muted-foreground",
+        // `bg-muted` at full opacity (not /20) — `--muted` is already
+        // a light grey (#eaeaee in light, similarly soft in dark). The
+        // semantic variants below use /15 against saturated source
+        // colours; applying the same reduction to `muted` made the
+        // neutral chip nearly invisible against a white surface
+        // (~5% grey wash with no perceptible edge). Full opacity
+        // gives ~6:1 surface contrast and the chip reads as a chip.
+        neutral: "ds:bg-muted ds:text-muted-foreground",
         info: "ds:bg-info/15 ds:text-[var(--info-foreground)]",
         success: "ds:bg-success/15 ds:text-[var(--success-foreground)]",
         warning: "ds:bg-warning/15 ds:text-[var(--warning-foreground)]",
@@ -114,4 +121,4 @@ j.displayName = "Badge";
 export {
   j as B
 };
-//# sourceMappingURL=badge-B9Cr6iEB.js.map
+//# sourceMappingURL=badge-zsf5i5bH.js.map

package/dist/_chunks/{benefit-card-B86DH-PE.js → benefit-card-_Sc-MGha.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { forwardRef as b, useContext as k, Children as w, createContext as y } from "react";
+import { forwardRef as _, useContext as k, Children as w, createContext as y } from "react";
 import { c as s } from "./index-D2ZczOXr.js";
-const _ = [
+const b = [
   "violet",
   "purple",
   "magenta",
@@ -43,8 +43,18 @@ const _ = [
         // 0.31.5: accessible theme also bumps border-width 1px → 2px —
         // matches Card.elevated and PublicFooter compact. The thicker
         // line reads as a deliberate boundary rather than a hairline.
-        elevated: "ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-        outlined: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2"
+        //
+        // 0.31.9: `border-t-0` on both variants — the 4px accent strip
+        // (absolutely positioned at top:0 inside the border-box) sits
+        // BELOW the top border, so visually you see a thin grey
+        // hairline, then the brand strip. That dilutes the brand
+        // marker. Dropping the top border lets the accent strip BE the
+        // card's top edge. The 3px-and-up strip carries enough
+        // contrast (~5:1 on white in light theme, similar in dark) to
+        // satisfy the accessible theme's ≥3:1 boundary requirement
+        // without the extra hairline.
+        elevated: "ds:shadow-[var(--shadow-card)] ds:border ds:border-t-0 ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:[.theme-accessible_&]:border-t-0",
+        outlined: "ds:border ds:border-t-0 ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:[.theme-accessible_&]:border-t-0"
       }
     },
     defaultVariants: { variant: "elevated" }
@@ -143,9 +153,9 @@ const _ = [
   }
 );
 function S(a, o) {
-  return a !== "auto" ? a : o ? _[o.index % _.length] : "primary";
+  return a !== "auto" ? a : o ? b[o.index % b.length] : "primary";
 }
-const p = b(
+const p = _(
   ({ columns: a = 3, children: o, className: c, ...d }, l) => {
     const i = w.toArray(o);
     return /* @__PURE__ */ r(
@@ -161,7 +171,7 @@ const p = b(
   }
 );
 p.displayName = "BenefitCard.Row";
-const x = b(
+const x = _(
   ({
     step: a,
     icon: o,
@@ -231,4 +241,4 @@ const H = Object.assign(x, {
 export {
   H as B
 };
-//# sourceMappingURL=benefit-card-B86DH-PE.js.map
+//# sourceMappingURL=benefit-card-_Sc-MGha.js.map

package/dist/_chunks/{booking-A4o9xI2n.js → booking-h_kBZM6M.js}

@@ -606,7 +606,7 @@ const Ke = 500, ba = /^[A-Z0-9]{16}$/, ya = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, je = 3
       e.dateOfBirth,
       X,
       N.state
-    ]), Ce = !!(e.privacyConsent && e.termsConsent), V = !j || ne.length > 0, W = ce && Ce && V && !g, $ = (m) => {
+    ]), Ce = !!(e.privacyConsent && e.termsConsent), R = !j || ne.length > 0, W = ce && Ce && R && !g, $ = (m) => {
       if (m.preventDefault(), J({
         firstName: !0,
         lastName: !0,
@@ -2074,16 +2074,16 @@ const Ra = [], La = [], Fa = qe(
     className: X,
     ...de
   }, le) => {
-    const { t: ce, i18n: Ce } = T(), V = e ?? "inline-list", W = Ce.language ?? "en", $ = c ?? Ra, q = d ?? La;
+    const { t: ce, i18n: Ce } = T(), R = e ?? "inline-list", W = Ce.language ?? "en", $ = c ?? Ra, q = d ?? La;
     Q(() => {
-      const R = fa(b, {
+      const V = fa(b, {
         useSpecialties: s,
         lockedOperatorId: n,
         autoSelectSingleService: o,
         specialties: $,
         services: l
       });
-      (R.specialtyId !== b.specialtyId || R.operatorId !== b.operatorId || R.serviceId !== b.serviceId) && N(R);
+      (V.specialtyId !== b.specialtyId || V.operatorId !== b.operatorId || V.serviceId !== b.serviceId) && N(V);
     }, [
       n,
       s,
@@ -2123,22 +2123,22 @@ const Ra = [], La = [], Fa = qe(
       _.currentStep > C.current && m(_.currentStep), C.current = _.currentStep;
     }, [_.currentStep]);
     const [U, ue] = H("idle"), [Me, De] = H(null), Re = ae(
-      async (R) => {
+      async (V) => {
         if (!_.selectedSlot) return;
         const _e = {
           slot: _.selectedSlot,
           value: {
             ...b,
-            details: R,
+            details: V,
             operatorId: Ee(b) ?? b.operatorId
           },
-          details: R
+          details: V
         };
         ue("submitting");
         try {
           await F(_e), De({
             slot: _.selectedSlot,
-            details: R,
+            details: V,
             specialtyId: b.specialtyId,
             serviceId: b.serviceId,
             insuranceType: b.insuranceType,
@@ -2166,15 +2166,15 @@ const Ra = [], La = [], Fa = qe(
     }, [ge, B]);
     const Te = I(
       () => ({
-        getVariant: () => V,
+        getVariant: () => R,
         reset: () => {
           N({}), De(null), ue("idle"), m(1);
         },
-        goToStep: (R) => {
-          m(R);
+        goToStep: (V) => {
+          m(V);
         }
       }),
-      [V, N]
+      [R, N]
     );
     ft(ra, Te, re);
     const ct = ne ?? ce("booking.regionLabel"), mt = I(() => U !== "success" || !Me ? null : /* @__PURE__ */ a(
@@ -2204,7 +2204,7 @@ const Ra = [], La = [], Fa = qe(
       Te
     ]), ut = I(() => {
       if (U === "success") return null;
-      const R = V === "accordion" ? Oa : V === "calendar" ? Ea : V === "flexible" ? Pa : V === "progress" ? Va : Ba, _e = {
+      const V = R === "accordion" ? Oa : R === "calendar" ? Ea : R === "flexible" ? Pa : R === "progress" ? Va : Ba, _e = {
         cascade: _,
         inputs: {
           specialties: $,
@@ -2241,10 +2241,10 @@ const Ra = [], La = [], Fa = qe(
         activeStep: me,
         setActiveStep: m
       };
-      return /* @__PURE__ */ a(R, { ..._e });
+      return /* @__PURE__ */ a(V, { ..._e });
     }, [
       U,
-      V,
+      R,
       _,
       $,
       l,
@@ -2285,9 +2285,9 @@ const Ra = [], La = [], Fa = qe(
         id: re,
         "data-component": "booking",
         "data-component-id": re,
-        "data-variant": V,
+        "data-variant": R,
         className: ka({
-          variant: V,
+          variant: R,
           surface: ie,
           className: X
         }),
@@ -2298,14 +2298,12 @@ const Ra = [], La = [], Fa = qe(
             {
               className: [
                 "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                V === "inline-list" ? [
-                  "ds:rounded-[var(--radius-md)]",
-                  "ds:bg-[color-mix(in_srgb,var(--primary)_35%,var(--background))]",
-                  "ds:bg-[image:var(--gradient-hero-brand)]",
-                  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-                  "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-                ].join(" ") : ""
-              ].filter(Boolean).join(" "),
+                "ds:rounded-[var(--radius-md)]",
+                "ds:bg-[color-mix(in_srgb,var(--primary)_35%,var(--background))]",
+                "ds:bg-[image:var(--gradient-hero-brand)]",
+                "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+              ].join(" "),
               children: [
                 /* @__PURE__ */ a("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: ce("booking.regionLabel") }),
                 /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: ce("booking.headingSubtitle") })
@@ -2325,4 +2323,4 @@ export {
   he as O,
   ra as b
 };
-//# sourceMappingURL=booking-A4o9xI2n.js.map
+//# sourceMappingURL=booking-h_kBZM6M.js.map

package/dist/_chunks/{card-CNri9ssR.js → card-DPmk26CL.js}

@@ -147,7 +147,7 @@ const h = t(
     "div",
     {
       ref: r,
-      className: ["ds:p-[var(--spacing-md)] ds:flex-1 ds:text-start", a].filter(Boolean).join(" "),
+      className: ["ds:p-[var(--spacing-md)] ds:flex-1", a].filter(Boolean).join(" "),
       ...e
     }
   )
@@ -176,4 +176,4 @@ const O = Object.assign(m, {
 export {
   O as C
 };
-//# sourceMappingURL=card-CNri9ssR.js.map
+//# sourceMappingURL=card-DPmk26CL.js.map

package/dist/_chunks/{contact-card-Dos7Tley.js → contact-card-Cf8Ktyt3.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i, Fragment as b } from "react";
 import { useTranslation as k } from "react-i18next";
-import { C as o } from "./card-CNri9ssR.js";
+import { C as o } from "./card-DPmk26CL.js";
 import { L as p } from "./link-DrD_cRUg.js";
 import { M as v } from "./map-pin-B8STOPMJ.js";
 function L(s) {
@@ -118,4 +118,4 @@ const M = Object.assign(f, {
 export {
   M as C
 };
-//# sourceMappingURL=contact-card-Dos7Tley.js.map
+//# sourceMappingURL=contact-card-Cf8Ktyt3.js.map