@alfadocs/ui-kit 1.67.0 → 1.69.0

package/dist/_chunks/{appointment-card-CL32sux-.js → appointment-card-5JMWi9_f.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as la } from "react";
 import { c as ca } from "./index-D2ZczOXr.js";
 import { useTranslation as pa } from "react-i18next";
-import { A as K } from "./avatar-WZY3eGE7.js";
+import { A as K } from "./avatar-BPiPL7ND.js";
 import { B as t } from "./badge-BUk4RjTS.js";
 import { T as ua } from "./tag-DOZGz0fT.js";
 import { T as ma } from "./timestamp-DPLDWdxA.js";
@@ -454,4 +454,4 @@ Pa.displayName = "AppointmentCard";
 export {
   Pa as A
 };
-//# sourceMappingURL=appointment-card-CL32sux-.js.map
+//# sourceMappingURL=appointment-card-5JMWi9_f.js.map

package/dist/_chunks/{appointment-peek-B5mcDcXt.js → appointment-peek-CpcqB8oO.js}

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as P, isValidElement as D } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as y } from "react-i18next";
-import { A as z } from "./avatar-WZY3eGE7.js";
-import { D as l } from "./description-list-Q8640NHu.js";
+import { A as z } from "./avatar-BPiPL7ND.js";
+import { D as l } from "./description-list-DQQ2OA_t.js";
 import { H as E } from "./hover-card-CTNhQXWS.js";
 import { a as H } from "./workflow-status-Dc_CyEz5.js";
 import { C as I } from "./clock-Drd4Wtis.js";
@@ -120,4 +120,4 @@ T.displayName = "AppointmentPeek";
 export {
   T as A
 };
-//# sourceMappingURL=appointment-peek-B5mcDcXt.js.map
+//# sourceMappingURL=appointment-peek-CpcqB8oO.js.map

package/dist/_chunks/{appointment-timeline-CCqjORFb.js → appointment-timeline-VFP6HoXT.js}

@@ -2,12 +2,12 @@ import { jsxs as x, jsx as o, Fragment as He } from "react/jsx-runtime";
 import { forwardRef as Me, useId as Ne, useMemo as j, useRef as y, useState as $, useEffect as Fe, useCallback as b, useImperativeHandle as _e } from "react";
 import { c as ze } from "./index-D2ZczOXr.js";
 import { useTranslation as Ae } from "react-i18next";
-import { A as ne } from "./appointment-card-CL32sux-.js";
+import { A as ne } from "./appointment-card-5JMWi9_f.js";
 import { B as P } from "./button-D-MQxsA_.js";
 import { B as Be } from "./button-group-DCOJhvm3.js";
 import { D as Ke } from "./date-picker-KcoNNsM0.js";
-import { P as Ee } from "./panel-header-BJkaUwnl.js";
-import { S as Ye } from "./skeleton-B1KTdJ4N.js";
+import { P as Ee } from "./panel-header-CbtlTe85.js";
+import { S as Ye } from "./skeleton-tTWJpvAq.js";
 import { E as $e } from "./empty-state-pL1qum99.js";
 import { u as ae } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Pe } from "./use-prefers-reduced-motion-BMwIQRjB.js";
@@ -449,4 +449,4 @@ export {
   Ze as A,
   Oe as a
 };
-//# sourceMappingURL=appointment-timeline-CCqjORFb.js.map
+//# sourceMappingURL=appointment-timeline-VFP6HoXT.js.map

package/dist/_chunks/{appointment-tray-qtpJt8e0.js → appointment-tray-B3PDER3I.js}

@@ -3,9 +3,9 @@ import { forwardRef as j, useRef as h, useImperativeHandle as z, useMemo as P }
 import { c as E } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
 import { I as M } from "./icon-button-C_1TgRiK.js";
-import { S as q } from "./skeleton-B1KTdJ4N.js";
+import { S as q } from "./skeleton-tTWJpvAq.js";
 import { E as K } from "./empty-state-pL1qum99.js";
-import { A as V } from "./appointment-card-CL32sux-.js";
+import { A as V } from "./appointment-card-5JMWi9_f.js";
 import { u as B } from "./registry-DvAUVLHh.js";
 import { C as D } from "./calendar-days-BGWklvE-.js";
 import { P as L } from "./plus-DzMQ_c6b.js";
@@ -190,4 +190,4 @@ export {
   ae as a,
   _ as b
 };
-//# sourceMappingURL=appointment-tray-qtpJt8e0.js.map
+//# sourceMappingURL=appointment-tray-B3PDER3I.js.map

package/dist/_chunks/{audio-recorder-B11RR-rC.js → audio-recorder-4Ll0pwYK.js}

@@ -4,9 +4,9 @@ import { c as oe } from "./index-D2ZczOXr.js";
 import { useTranslation as ue } from "react-i18next";
 import { B as G } from "./button-D-MQxsA_.js";
 import { I as D } from "./icon-button-C_1TgRiK.js";
-import { S as pe } from "./select-k4gBdS8N.js";
+import { S as pe } from "./select-4S-eYZUf.js";
 import { A as le } from "./audio-visualiser-CK2JyQW1.js";
-import { A as F } from "./alert-DjsJMGRE.js";
+import { A as F } from "./alert-9kEwDza3.js";
 import { u as me } from "./registry-DvAUVLHh.js";
 import { M as fe } from "./mic-CUklMZGF.js";
 import { c as J } from "./createLucideIcon-DhHxpK9K.js";
@@ -446,4 +446,4 @@ export {
   De as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-B11RR-rC.js.map
+//# sourceMappingURL=audio-recorder-4Ll0pwYK.js.map

package/dist/_chunks/{auth-form-parts-DwUTH6YN.js → auth-form-parts-B40zvD-a.js}

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as r, Fragment as v } from "react/jsx-runtime";
 import { useEffect as f, forwardRef as h } from "react";
 import { c as l } from "./index-D2ZczOXr.js";
 import { useTranslation as g } from "react-i18next";
-import { A as c } from "./alert-DjsJMGRE.js";
+import { A as c } from "./alert-9kEwDza3.js";
 import { i as u } from "./is-development-CLUAnsU7.js";
 import { a as p } from "./safe-href-5dbsfbQn.js";
 import { B as b } from "./use-registration-submit-eWAECgUC.js";
@@ -83,4 +83,4 @@ export {
   S as d,
   D as u
 };
-//# sourceMappingURL=auth-form-parts-DwUTH6YN.js.map
+//# sourceMappingURL=auth-form-parts-B40zvD-a.js.map

package/dist/_chunks/avatar-BPiPL7ND.js

@@ -0,0 +1,199 @@
+import { jsxs as y, jsx as l } from "react/jsx-runtime";
+import { forwardRef as j, useRef as I, useState as A, useEffect as L } from "react";
+import { c as u } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { c as R } from "./compose-refs-C0k0tdqF.js";
+import { u as S } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+function V(a) {
+  let s = 5381;
+  for (let e = 0; e < a.length; e++)
+    s = (s << 5) + s ^ a.charCodeAt(e), s = s >>> 0;
+  return s;
+}
+const v = [
+  "ds:bg-[var(--color-violet-500)]",
+  "ds:bg-[var(--color-violet-600)]",
+  "ds:bg-[var(--color-violet-700)]",
+  "ds:bg-[var(--color-violet-800)]",
+  "ds:bg-[var(--color-violet-900)]",
+  "ds:bg-[var(--color-purple-700)]",
+  "ds:bg-[var(--color-purple-800)]",
+  "ds:bg-[var(--color-purple-900)]",
+  "ds:bg-[var(--color-magenta-700)]",
+  "ds:bg-[var(--color-magenta-800)]",
+  "ds:bg-[var(--color-magenta-900)]",
+  "ds:bg-[var(--color-blue-300)]",
+  "ds:bg-[var(--color-blue-400)]",
+  "ds:bg-[var(--color-blue-500)]",
+  "ds:bg-[var(--color-blue-700)]",
+  "ds:bg-[var(--color-grey-900)]"
+];
+function B(a) {
+  return v[V(a) % v.length];
+}
+function T(a) {
+  const s = (i) => i.trim().split(/\s+/).map((r) => r.replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}]+$/gu, "")).filter((r) => new RegExp("\\p{L}", "u").test(r)), e = s(a.replace(/\([^)]*\)|\[[^\]]*\]/g, " ")), t = e.length > 0 ? e : s(a);
+  return t.length === 0 ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+const U = u(
+  [
+    "ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden",
+    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.
+    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-ring",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token
+        xs: "ds:size-6 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+        sm: "ds:size-8 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+        md: "ds:size-10 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+        lg: "ds:size-12 ds:text-[length:var(--font-size-sm)] ds:font-semibold ds:leading-none",
+        xl: "ds:size-16 ds:text-[length:var(--font-size-base)] ds:font-semibold ds:leading-none",
+        // 2xl / 3xl are hero / display crops (operator cards, practice-
+        // profile pages). They token-reference `--avatar-size-*` so
+        // consumer themes can override the dimensions per-context, and
+        // `--avatar-text-size-*` so initials scale proportionally to
+        // the circle (otherwise --font-size-base at 192px reads as a
+        // tiny letter in a vast disc).
+        // Their initials size is a compound variant below: it depends on
+        // the ratio, and two text-size classes on one element would leave
+        // the winner to stylesheet order.
+        "2xl": "ds:size-[var(--avatar-size-2xl)] ds:font-semibold ds:leading-none",
+        "3xl": "ds:size-[var(--avatar-size-3xl)] ds:font-semibold ds:leading-none"
+      },
+      // HTP-6712. `rounded` is the photo shape for practices and
+      // professionals: a rounded rectangle whose corner scales with the
+      // size (compound variants below), so a 40px photo does not read as
+      // a circle and a 192px one matches the card corners.
+      shape: {
+        circle: "ds:rounded-[var(--radius-full)]",
+        rounded: ""
+      },
+      // The size sets the height; a non-square ratio derives the width
+      // from it. A 192px practice photo becomes 256 x 192, a 128px
+      // professional one 96 x 128, so a hero keeps its height. Pair a
+      // non-square ratio with `shape="rounded"`: a circle stretched to 4:3
+      // is a pill.
+      ratio: {
+        "1:1": "",
+        "4:3": "ds:w-auto ds:aspect-[4/3]",
+        "3:4": "ds:w-auto ds:aspect-[3/4]"
+      }
+    },
+    compoundVariants: [
+      {
+        shape: "rounded",
+        size: ["xs", "sm"],
+        className: "ds:rounded-[var(--radius-sm)]"
+      },
+      {
+        shape: "rounded",
+        size: ["md", "lg", "xl"],
+        className: "ds:rounded-[var(--radius-md)]"
+      },
+      {
+        // The card radius, as on the white boxes the big photos sit in.
+        shape: "rounded",
+        size: ["2xl", "3xl"],
+        className: "ds:rounded-[var(--radius-lg)]"
+      },
+      // Display initials. A 3:4 box is a quarter narrower than its
+      // height, so they scale down with it: two wide or CJK initials
+      // still fit.
+      {
+        size: "2xl",
+        ratio: ["1:1", "4:3"],
+        className: "ds:text-[length:var(--avatar-text-size-2xl)]"
+      },
+      {
+        size: "3xl",
+        ratio: ["1:1", "4:3"],
+        className: "ds:text-[length:var(--avatar-text-size-3xl)]"
+      },
+      {
+        size: "2xl",
+        ratio: "3:4",
+        className: "ds:text-[length:calc(var(--avatar-text-size-2xl)*0.75)]"
+      },
+      {
+        size: "3xl",
+        ratio: "3:4",
+        className: "ds:text-[length:calc(var(--avatar-text-size-3xl)*0.75)]"
+      }
+    ],
+    defaultVariants: { size: "md", shape: "circle", ratio: "1:1" }
+  }
+), _ = u(
+  "ds:absolute ds:inset-0 ds:size-full ds:object-cover",
+  {
+    variants: {
+      ratio: {
+        "1:1": "",
+        "4:3": "",
+        "3:4": "ds:object-[50%_20%]"
+      }
+    },
+    defaultVariants: { ratio: "1:1" }
+  }
+), k = j(
+  ({ src: a, name: s, color: e, size: t, shape: i, ratio: r, className: g, ...f }, m) => {
+    const { t: p } = E("ui"), n = I(null), b = R(m, n), [x, c] = A(!1);
+    L(() => {
+      c(!1);
+    }, [a]), S(() => {
+      const d = n.current;
+      d && (e ? d.style.setProperty("--avatar-color-override", e) : d.style.removeProperty("--avatar-color-override"));
+    }, [e]);
+    const o = !!a && !x, h = !o && !!s, z = !o && !s, N = e ? "ds:bg-[var(--avatar-color-override)]" : s ? B(s) : "ds:bg-muted", C = U({
+      size: t,
+      shape: i,
+      ratio: r,
+      className: [N, e || s ? "ds:text-[var(--avatar-initials-foreground,var(--primary-foreground))]" : "ds:text-muted-foreground", g].filter(Boolean).join(" ")
+    }), w = s ?? p("avatar.placeholder", "User avatar");
+    return /* @__PURE__ */ y(
+      "span",
+      {
+        ref: b,
+        role: "img",
+        "aria-label": w,
+        "data-component": "avatar",
+        className: C,
+        ...f,
+        children: [
+          (h || o) && !!s && /* @__PURE__ */ l("span", { "aria-hidden": "true", children: T(s) }),
+          z && /* @__PURE__ */ l(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 24 24",
+              className: "ds:size-[58%] ds:fill-current",
+              children: /* @__PURE__ */ l("path", { d: "M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z" })
+            }
+          ),
+          o && /* @__PURE__ */ l(
+            "img",
+            {
+              src: a,
+              alt: "",
+              "aria-hidden": "true",
+              className: _({ ratio: r }),
+              onError: () => c(!0)
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+k.displayName = "Avatar";
+export {
+  k as A,
+  T as g,
+  B as n
+};
+//# sourceMappingURL=avatar-BPiPL7ND.js.map

package/dist/_chunks/{balance-badge-cell-DZNthHO1.js → balance-badge-cell-BG3DMly4.js}

@@ -1,11 +1,11 @@
 import { jsx as C, jsxs as M } from "react/jsx-runtime";
 import { createElement as G, useRef as k, useEffect as ae, useCallback as K, forwardRef as be, useState as ie, useImperativeHandle as ge, useMemo as X } from "react";
 import { useTranslation as Y } from "react-i18next";
-import { a as b, T as g, D as S, d as Ce } from "./data-table-COoCQ4n_.js";
+import { a as b, T as g, D as S, d as Ce } from "./data-table-Cty4-Jht.js";
 import { A as ve, a as re } from "./actions-cell-renderer-BXCpK2_0.js";
-import { S as Te } from "./select-k4gBdS8N.js";
+import { S as Te } from "./select-4S-eYZUf.js";
 import { u as we } from "./registry-DvAUVLHh.js";
-import { I as Ne, L as Fe, b as z, a as H, c as $, N as j, d as w, S as N, T as le, D as Q, g as Re, f as Ie, U as ye, e as Pe, h as Se } from "./link-cell-renderer-CtTsvfPY.js";
+import { I as Ne, L as Fe, b as z, a as H, c as $, N as j, d as w, S as N, T as le, D as Q, g as Re, f as Ie, U as ye, e as Pe, h as Se } from "./link-cell-renderer-DtIsQWDO.js";
 import { T as We } from "./transaction-chip-CohY6sTA.js";
 import { B as oe } from "./badge-BUk4RjTS.js";
 import { c as Ae } from "./index-D2ZczOXr.js";
@@ -1179,4 +1179,4 @@ export {
   se as g,
   nt as u
 };
-//# sourceMappingURL=balance-badge-cell-DZNthHO1.js.map
+//# sourceMappingURL=balance-badge-cell-BG3DMly4.js.map

package/dist/_chunks/{bishop-score-CaNTrikJ.js → bishop-score-Df8nF1qg.js}

@@ -4,7 +4,7 @@ import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
 import { u as L } from "./registry-DvAUVLHh.js";
 import { F } from "./form-field-Ani72sVY.js";
-import { S as H } from "./select-k4gBdS8N.js";
+import { S as H } from "./select-4S-eYZUf.js";
 import { C as O } from "./card-BA4Ig_kn.js";
 import { B as M } from "./badge-BUk4RjTS.js";
 import { I as j } from "./insert-result-h3WL-gMo.js";
@@ -301,4 +301,4 @@ export {
   V as d,
   G as e
 };
-//# sourceMappingURL=bishop-score-CaNTrikJ.js.map
+//# sourceMappingURL=bishop-score-Df8nF1qg.js.map