@alfadocs/ui-kit 0.20.0 → 0.21.0

package/dist/_chunks/{agenda-card-CsCm7hQv.js → agenda-card-BmpaUG1h.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 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-I10iCDs8.js";
+import { A as x } from "./avatar-BpFohgWG.js";
 import { B as y } from "./badge-cLYVGlMh.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-CsCm7hQv.js.map
+//# sourceMappingURL=agenda-card-BmpaUG1h.js.map

package/dist/_chunks/{agenda-tray-B8QZ3wEp.js → agenda-tray-DiInnVqk.js}

@@ -5,7 +5,7 @@ import { useTranslation as j } from "react-i18next";
 import { I as _ } from "./icon-button-C4CGcYuz.js";
 import { S as E } from "./skeleton-CZbwyJAA.js";
 import { E as P } from "./empty-state-3CLJIXSj.js";
-import { A as H } from "./agenda-card-CsCm7hQv.js";
+import { A as H } from "./agenda-card-BmpaUG1h.js";
 import { u as K } from "./registry-C9nwlNyL.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-B8QZ3wEp.js.map
+//# sourceMappingURL=agenda-tray-DiInnVqk.js.map

package/dist/_chunks/{alert-DBnawbmf.js → alert-ywPR59NE.js}

@@ -66,7 +66,20 @@ const U = F(
     }
   }
 ), h = "ds:shrink-0 ds:size-5", $ = `${h} ds:mt-0.5`, q = [
+  // Default (no title): the alert root uses `items-center` and the
+  // button centres in the cross-axis. A centred 16×16 glyph inside a
+  // 44×44 button aligns optically with a single-line description.
+  // With a title: the root flips to `items-start` so the button's top
+  // edge aligns with the title row top. A centred glyph would then
+  // land ~11 px below the title's optical centre (button height is
+  // --min-target-size, much taller than the title's line-height). The
+  // `[data-has-title=true]` variant below flips the button to
+  // `items-start` and adds a block-start padding that pulls the glyph
+  // up onto the title row — same cap-height compensation idea as the
+  // leading icon's `mt-0.5`.
   "ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center",
+  "ds:[[data-has-title=true]_&]:items-start",
+  "ds:[[data-has-title=true]_&]:pt-[var(--spacing-sm)]",
   "ds:rounded-[var(--radius-sm)]",
   "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
   "ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]",
@@ -213,4 +226,4 @@ const nt = Object.assign(w, {
 export {
   nt as A
 };
-//# sourceMappingURL=alert-DBnawbmf.js.map
+//# sourceMappingURL=alert-ywPR59NE.js.map

package/dist/_chunks/{alia-sidebar-Bof6TlFx.js → alia-sidebar-CUi2UCbY.js}

@@ -6,10 +6,10 @@ import { F as se } from "./floating-action-button-pojvb9gG.js";
 import { I as B } from "./icon-button-C4CGcYuz.js";
 import { S as E } from "./sheet-BT0izeoI.js";
 import { X as ae } from "./x-CCcI3eJp.js";
-import { A as C } from "./avatar-I10iCDs8.js";
+import { A as C } from "./avatar-BpFohgWG.js";
 import { B as D } from "./button-DD_0Xdmr.js";
 import { C as de } from "./chat-container-izziXViv.js";
-import { C as ie } from "./chat-message-ChOnwqf_.js";
+import { C as ie } from "./chat-message-W3k8rLOA.js";
 import { C as re } from "./chat-input-B3XmFGDw.js";
 import { S as le } from "./streaming-text-BgjCTVOw.js";
 import { a as q, S as O } from "./suggestion-chip-C4kxWUIs.js";
@@ -756,4 +756,4 @@ export {
   we as b,
   Ie as c
 };
-//# sourceMappingURL=alia-sidebar-Bof6TlFx.js.map
+//# sourceMappingURL=alia-sidebar-CUi2UCbY.js.map

package/dist/_chunks/{audio-recorder-DNkQLW1G.js → audio-recorder-D4xM3H5i.js}

@@ -6,7 +6,7 @@ import { B as G } from "./button-DD_0Xdmr.js";
 import { I as N } from "./icon-button-C4CGcYuz.js";
 import { S as ue } from "./select-C92AT_OZ.js";
 import { A as pe } from "./audio-visualiser-I-T4Z7EU.js";
-import { A as F } from "./alert-DBnawbmf.js";
+import { A as F } from "./alert-ywPR59NE.js";
 import { u as le } from "./registry-C9nwlNyL.js";
 import { c as V } from "./createLucideIcon-CrFbzy84.js";
 import { S as me } from "./square-CZoGU14v.js";
@@ -454,4 +454,4 @@ export {
   Ne as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-DNkQLW1G.js.map
+//# sourceMappingURL=audio-recorder-D4xM3H5i.js.map

package/dist/_chunks/{avatar-I10iCDs8.js → avatar-BpFohgWG.js}

@@ -1,12 +1,12 @@
-import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
 import { forwardRef as y, useRef as j, useState as w, useEffect as A, useLayoutEffect as I } from "react";
 import { c as N } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
 import { c as B } from "./compose-refs-C0k0tdqF.js";
 function R(s) {
   let e = 5381;
-  for (let o = 0; o < s.length; o++)
-    e = (e << 5) + e ^ s.charCodeAt(o), e = e >>> 0;
+  for (let t = 0; t < s.length; t++)
+    e = (e << 5) + e ^ s.charCodeAt(t), e = e >>> 0;
   return e;
 }
 const i = [
@@ -52,23 +52,31 @@ const T = N(
         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"
+        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).
+        "2xl": "ds:size-[var(--avatar-size-2xl)] ds:text-[length:var(--avatar-text-size-2xl)] ds:font-semibold ds:leading-none",
+        "3xl": "ds:size-[var(--avatar-size-3xl)] ds:text-[length:var(--avatar-text-size-3xl)] ds:font-semibold ds:leading-none"
       }
     },
     defaultVariants: { size: "md" }
   }
 ), U = y(
-  ({ src: s, name: e, color: o, size: d, className: c, ...f }, v) => {
-    const { t: g } = E(), l = j(null), u = B(v, l), [b, n] = w(!1);
+  ({ src: s, name: e, color: t, size: d, className: c, ...v }, f) => {
+    const { t: g } = E(), l = j(null), u = B(f, l), [b, n] = w(!1);
     A(() => {
       n(!1);
     }, [s]), I(() => {
       const a = l.current;
-      a && (o ? a.style.setProperty("--avatar-color-override", o) : a.style.removeProperty("--avatar-color-override"));
-    }, [o]);
-    const r = !!s && !b, m = !r && !!e, h = !r && !e, p = o ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = T({
+      a && (t ? a.style.setProperty("--avatar-color-override", t) : a.style.removeProperty("--avatar-color-override"));
+    }, [t]);
+    const o = !!s && !b, m = !o && !!e, h = !o && !e, p = t ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = T({
       size: d,
-      className: [p, o || e ? "ds:text-[var(--primary-foreground)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
+      className: [p, t || e ? "ds:text-[var(--primary-foreground)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
     }), z = e ?? g("avatar.placeholder", "User avatar");
     return /* @__PURE__ */ C(
       "span",
@@ -78,19 +86,19 @@ const T = N(
         "aria-label": z,
         "data-component": "avatar",
         className: x,
-        ...f,
+        ...v,
         children: [
-          (m || r) && !!e && /* @__PURE__ */ t("span", { "aria-hidden": "true", children: L(e) }),
-          h && /* @__PURE__ */ t(
+          (m || o) && !!e && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: L(e) }),
+          h && /* @__PURE__ */ r(
             "svg",
             {
               "aria-hidden": "true",
               viewBox: "0 0 24 24",
               className: "ds:size-[58%] ds:fill-current",
-              children: /* @__PURE__ */ t("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" })
+              children: /* @__PURE__ */ r("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" })
             }
           ),
-          r && /* @__PURE__ */ t(
+          o && /* @__PURE__ */ r(
             "img",
             {
               src: s,
@@ -111,4 +119,4 @@ export {
   L as g,
   S as n
 };
-//# sourceMappingURL=avatar-I10iCDs8.js.map
+//# sourceMappingURL=avatar-BpFohgWG.js.map

package/dist/_chunks/{chat-message-ChOnwqf_.js → chat-message-W3k8rLOA.js}

@@ -3,7 +3,7 @@ import { forwardRef as C, useMemo as j, Fragment as g } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { B as z } from "./button-DD_0Xdmr.js";
-import { A as M } from "./avatar-I10iCDs8.js";
+import { A as M } from "./avatar-BpFohgWG.js";
 import { T as I } from "./timestamp-BV2lC-wV.js";
 import { s as A } from "./safe-image-src-DstKgCo7.js";
 import { c as F } from "./createLucideIcon-CrFbzy84.js";
@@ -236,4 +236,4 @@ H.displayName = "ChatMessage";
 export {
   H as C
 };
-//# sourceMappingURL=chat-message-ChOnwqf_.js.map
+//# sourceMappingURL=chat-message-W3k8rLOA.js.map