@alfadocs/ui-kit 0.69.0 → 0.70.0

package/dist/_chunks/{alert-_mUKLmwA.js → alert-CHYZ96tR.js}

@@ -1,25 +1,40 @@
-import { jsxs as V, jsx as t } from "react/jsx-runtime";
-import { forwardRef as a, useState as E, useRef as R, useCallback as z, Children as B, isValidElement as D } from "react";
-import { c as L } from "./index-D2ZczOXr.js";
-import { useTranslation as F } from "react-i18next";
-import { u as M } from "./use-controllable-state-BiY4xTzM.js";
-import { X as U } from "./x-CCcI3eJp.js";
-import { c as W } from "./createLucideIcon-CrFbzy84.js";
-import { C as X } from "./circle-x-Du2CmjaU.js";
-import { T as G } from "./triangle-alert-CBPUIzQo.js";
-import { C as H } from "./circle-check-9AeSgJD_.js";
-import { I as P } from "./info-B9XNKn05.js";
+import { jsxs as k, jsx as e, Fragment as U } from "react/jsx-runtime";
+import { forwardRef as v, useState as I, useRef as M, useCallback as _, Children as P, isValidElement as W, useContext as O, useId as X, createContext as G } from "react";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as R } from "react-i18next";
+import { u as $ } from "./use-controllable-state-BiY4xTzM.js";
+import { u as S } from "./use-clamp-overflow-DQE2kwZ9.js";
+import { T as q } from "./tooltip-DvmfrNvB.js";
+import { X as J } from "./x-CCcI3eJp.js";
+import { c as K } from "./createLucideIcon-CrFbzy84.js";
+import { C as Q } from "./circle-x-Du2CmjaU.js";
+import { T as Y } from "./triangle-alert-CBPUIzQo.js";
+import { C as Z } from "./circle-check-9AeSgJD_.js";
+import { I as ee } from "./info-B9XNKn05.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $ = [
+const te = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m16 12-4-4-4 4", key: "177agl" }],
   ["path", { d: "M12 16V8", key: "1sbj14" }]
-], q = W("circle-arrow-up", $), J = L(
+], se = K("circle-arrow-up", te), C = G(!1), oe = [
+  // Full-opacity `text-current` so it matches the body text's contrast (an
+  // `opacity` dim would drop the variant-tinted text below AA). Underline
+  // carries the affordance instead. No `--min-target-size` floor: this is an
+  // inline text disclosure sitting in the flow of the body copy, which is
+  // exempt from WCAG 2.5.8 target-size the same way an inline link is.
+  "ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start",
+  "ds:text-[length:var(--font-size-xs)] ds:font-semibold",
+  "ds:underline ds:underline-offset-2 ds:text-current ds:hover:no-underline",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), re = H(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -89,7 +104,7 @@ const $ = [
       variant: "info"
     }
   }
-), h = "ds:shrink-0 ds:size-5", K = `${h} ds:mt-0.5`, Q = [
+), E = "ds:shrink-0 ds:size-5", ae = `${E} ds:mt-0.5`, ne = [
   // 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.
@@ -113,108 +128,147 @@ const $ = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), Y = {
-  info: { icon: /* @__PURE__ */ t(P, { "aria-hidden": "true" }), role: "status", live: "polite" },
+].join(" "), ie = {
+  info: { icon: /* @__PURE__ */ e(ee, { "aria-hidden": "true" }), role: "status", live: "polite" },
   success: {
-    icon: /* @__PURE__ */ t(H, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(Z, { "aria-hidden": "true" }),
     role: "status",
     live: "polite"
   },
   warning: {
-    icon: /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(Y, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
   },
   error: {
-    icon: /* @__PURE__ */ t(X, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
   },
   // Promotions never interrupt — same polite semantics as info.
   promo: {
-    icon: /* @__PURE__ */ t(q, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
     role: "status",
     live: "polite"
   }
-}, c = a(
-  ({ as: e = "h5", className: o, ...r }, n) => /* @__PURE__ */ t(
-    e,
-    {
-      ref: n,
-      className: ["type-title-item", o].filter(Boolean).join(" "),
-      ...r
-    }
-  )
-);
-c.displayName = "Alert.Title";
-const _ = a(({ className: e, ...o }, r) => /* @__PURE__ */ t(
-  "p",
-  {
-    ref: r,
-    className: [
-      "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
-      e
-    ].filter(Boolean).join(" "),
-    ...o
+}, y = v(
+  ({ as: a = "h5", className: i, children: s, ...o }, t) => {
+    const n = O(C), { ref: d, isOverflowing: r } = S(n), m = _(
+      (c) => {
+        d.current = c, typeof t == "function" ? t(c) : t && (t.current = c);
+      },
+      [t, d]
+    ), l = n && r && typeof s == "string", f = /* @__PURE__ */ e(
+      a,
+      {
+        ref: m,
+        tabIndex: l ? 0 : void 0,
+        className: [
+          "type-title-item",
+          n ? "ds:line-clamp-2" : "",
+          i
+        ].filter(Boolean).join(" "),
+        ...o,
+        children: s
+      }
+    );
+    return l ? /* @__PURE__ */ e(q, { label: s, children: f }) : f;
   }
-));
-_.displayName = "Alert.Description";
-const x = a(
-  ({ className: e, ...o }, r) => /* @__PURE__ */ t(
+);
+y.displayName = "Alert.Title";
+const L = v(({ className: a, children: i, ...s }, o) => {
+  const t = O(C), { t: n } = R(), d = X(), [r, m] = I(!1), { ref: l, isOverflowing: f } = S(t && !r), c = _(
+    (u) => {
+      l.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
+    },
+    [o, l]
+  ), g = t && (f || r);
+  return /* @__PURE__ */ k(U, { children: [
+    /* @__PURE__ */ e(
+      "p",
+      {
+        ref: c,
+        id: t ? d : void 0,
+        className: [
+          "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
+          t && !r ? "ds:line-clamp-2" : "",
+          a
+        ].filter(Boolean).join(" "),
+        ...s,
+        children: i
+      }
+    ),
+    g ? /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": r,
+        "aria-controls": d,
+        onClick: () => m((u) => !u),
+        className: oe,
+        children: r ? n("feedback.alert.readLess", "Read less") : n("feedback.alert.readMore", "Read more")
+      }
+    ) : null
+  ] });
+});
+L.displayName = "Alert.Description";
+const V = v(
+  ({ className: a, ...i }, s) => /* @__PURE__ */ e(
     "div",
     {
-      ref: r,
+      ref: s,
       className: [
         "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-        e
+        a
       ].filter(Boolean).join(" "),
-      ...o
+      ...i
     }
   )
 );
-x.displayName = "Alert.Action";
-const w = a(
+V.displayName = "Alert.Action";
+const z = v(
   ({
-    variant: e = "info",
-    dismissible: o = !1,
-    open: r,
-    onOpenChange: n,
-    icon: m,
-    live: y,
-    className: C,
-    children: u,
-    ...A
-  }, N) => {
-    const { t: T } = F(), [j, k] = M({
-      value: r,
+    variant: a = "info",
+    dismissible: i = !1,
+    open: s,
+    onOpenChange: o,
+    icon: t,
+    live: n,
+    clamp: d = !1,
+    className: r,
+    children: m,
+    ...l
+  }, f) => {
+    const { t: c } = R(), [g, u] = $({
+      value: s,
       defaultValue: !0,
-      onChange: n
-    }), I = j ?? !0, [f, g] = E(!1), i = R(null), O = z(() => {
+      onChange: o
+    }), B = g ?? !0, [w, T] = I(!1), b = M(null), D = _(() => {
       if (typeof window > "u") return 200;
-      const s = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
-      if (!s) return 200;
-      const b = s.trim(), l = parseFloat(b);
-      return Number.isFinite(l) ? b.endsWith("ms") ? l : l * 1e3 : 200;
+      const p = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
+      if (!p) return 200;
+      const j = p.trim(), h = parseFloat(j);
+      return Number.isFinite(h) ? j.endsWith("ms") ? h : h * 1e3 : 200;
     }, []);
-    if (!I) return null;
-    const d = Y[e], p = m !== void 0 ? m : d.icon, v = B.toArray(u).some(
-      (s) => D(s) && s.type === c
-    ), S = () => {
-      f || (g(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
-        g(!1), k(!1);
-      }, O()));
+    if (!B) return null;
+    const x = ie[a], A = t !== void 0 ? t : x.icon, N = P.toArray(m).some(
+      (p) => W(p) && p.type === y
+    ), F = () => {
+      w || (T(!0), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+        T(!1), u(!1);
+      }, D()));
     };
-    return /* @__PURE__ */ V(
+    return /* @__PURE__ */ k(
       "div",
       {
-        ref: N,
-        role: d.role,
-        "aria-live": y ?? d.live,
+        ref: f,
+        role: x.role,
+        "aria-live": n ?? x.live,
         "data-component": "alert",
-        "data-has-title": v ? "true" : "false",
-        "data-state": f ? "closing" : "open",
+        "data-has-title": N ? "true" : "false",
+        "data-state": w ? "closing" : "open",
         className: [
-          J({ variant: e, className: C }),
+          re({ variant: a, className: r }),
           // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight
           // scale when dismissed. Driven by `tw-animate-css`. Respects
           // `prefers-reduced-motion` via `motion-safe:` and zeroes under the
@@ -228,19 +282,19 @@ const w = a(
           "ds:motion-safe:data-[state=closing]:fill-mode-forwards",
           "ds:motion-safe:duration-[var(--animation-duration)]"
         ].join(" "),
-        ...A,
+        ...l,
         children: [
-          p ? /* @__PURE__ */ t("span", { className: v ? K : h, children: p }) : null,
-          /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: u }),
-          o ? /* @__PURE__ */ t(
+          A ? /* @__PURE__ */ e("span", { className: N ? ae : E, children: A }) : null,
+          /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(C.Provider, { value: d, children: m }) }),
+          i ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": T("common.close", "Close"),
-              onClick: S,
+              "aria-label": c("common.close", "Close"),
+              onClick: F,
               "data-alert-dismiss": "",
-              className: Q,
-              children: /* @__PURE__ */ t(U, { "aria-hidden": "true", className: "ds:size-4" })
+              className: ne,
+              children: /* @__PURE__ */ e(J, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null
         ]
@@ -248,13 +302,13 @@ const w = a(
     );
   }
 );
-w.displayName = "Alert";
-const ct = Object.assign(w, {
-  Title: c,
-  Description: _,
-  Action: x
+z.displayName = "Alert";
+const Ce = Object.assign(z, {
+  Title: y,
+  Description: L,
+  Action: V
 });
 export {
-  ct as A
+  Ce as A
 };
-//# sourceMappingURL=alert-_mUKLmwA.js.map
+//# sourceMappingURL=alert-CHYZ96tR.js.map

package/dist/_chunks/{anamnesis-card-DRmE24OQ.js → anamnesis-card-DvYCa16e.js}

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { forwardRef as M, useId as C, useMemo as R } from "react";
 import { c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { B as n } from "./badge-CqGsX32l.js";
+import { B as n } from "./badge-DCOqV9mI.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { A as G, b as O, c as Q, a as S } from "./accordion-DnIa7OHX.js";
 import { D as t } from "./description-list-gkNGWk5G.js";
@@ -153,4 +153,4 @@ J.displayName = "AnamnesisCard";
 export {
   J as A
 };
-//# sourceMappingURL=anamnesis-card-DRmE24OQ.js.map
+//# sourceMappingURL=anamnesis-card-DvYCa16e.js.map