@alfadocs/ui-kit-debug 1.0.0 → 1.2.0

package/dist/_chunks/{alert-Cxaqd-QO.js → alert-DS22ha1n.js}

@@ -1,27 +1,27 @@
-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 G, createContext as H } from "react";
-import { c as X } 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-B5YnXwCz.js";
-import { c as K } from "./createLucideIcon-DhHxpK9K.js";
-import { C as Q } from "./circle-alert-rGDZ73Wh.js";
-import { T as Y } from "./triangle-alert-CBnO6nq_.js";
-import { C as Z } from "./circle-check-BN6rz4NV.js";
-import { I as ee } from "./info-CGn22peZ.js";
+import { jsxs as I, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { forwardRef as p, useState as O, useRef as P, useCallback as C, Children as W, isValidElement as H, useContext as R, useId as X, createContext as $ } from "react";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { u as J } from "./use-controllable-state-BiY4xTzM.js";
+import { u as E } from "./use-clamp-overflow-DQE2kwZ9.js";
+import { T as K } from "./tooltip-DvmfrNvB.js";
+import { X as Q } from "./x-B5YnXwCz.js";
+import { c as Y } from "./createLucideIcon-DhHxpK9K.js";
+import { C as Z } from "./circle-alert-rGDZ73Wh.js";
+import { T as ee } from "./triangle-alert-CBnO6nq_.js";
+import { C as te } from "./circle-check-BN6rz4NV.js";
+import { I as se } from "./info-CGn22peZ.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const te = [
+const oe = [
   ["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" }]
-], se = K("circle-arrow-up", te), C = H(!1), oe = [
+], re = Y("circle-arrow-up", oe), _ = $(!1), ae = [
   // 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
@@ -34,7 +34,7 @@ const te = [
   "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 = X(
+].join(" "), ne = q(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -104,7 +104,7 @@ const te = [
       variant: "info"
     }
   }
-), E = "ds:shrink-0 ds:size-5", ae = `${E} ds:mt-0.5`, ne = [
+), L = "ds:shrink-0 ds:size-5", ie = `${L} ds:mt-0.5`, de = [
   // 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.
@@ -128,147 +128,152 @@ const te = [
   "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(" "), ie = {
-  info: { icon: /* @__PURE__ */ e(ee, { "aria-hidden": "true" }), role: "status", live: "polite" },
+].join(" "), le = {
+  info: { icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }), role: "status", live: "polite" },
   success: {
-    icon: /* @__PURE__ */ e(Z, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(te, { "aria-hidden": "true" }),
     role: "status",
     live: "polite"
   },
   warning: {
-    icon: /* @__PURE__ */ e(Y, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(ee, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
   },
   error: {
-    icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(Z, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
   },
   // Promotions never interrupt — same polite semantics as info.
   promo: {
-    icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ e(re, { "aria-hidden": "true" }),
     role: "status",
     live: "polite"
   }
-}, y = v(
-  ({ as: a = "h5", className: i, children: s, ...o }, t) => {
-    const n = O(C), { ref: d, isOverflowing: r } = S(n), m = _(
+}, ce = {
+  off: { role: void 0, live: void 0 },
+  polite: { role: "status", live: "polite" },
+  assertive: { role: "alert", live: "assertive" }
+}, y = p(
+  ({ as: n = "h5", className: d, children: s, ...o }, t) => {
+    const r = R(_), { ref: l, isOverflowing: a } = E(r), f = C(
       (c) => {
-        d.current = c, typeof t == "function" ? t(c) : t && (t.current = c);
+        l.current = c, typeof t == "function" ? t(c) : t && (t.current = c);
       },
-      [t, d]
-    ), l = n && r && typeof s == "string", f = /* @__PURE__ */ e(
-      a,
+      [t, l]
+    ), i = r && a && typeof s == "string", m = /* @__PURE__ */ e(
+      n,
       {
-        ref: m,
-        tabIndex: l ? 0 : void 0,
+        ref: f,
+        tabIndex: i ? 0 : void 0,
         className: [
           "type-title-item",
-          n ? "ds:line-clamp-2" : "",
-          i
+          r ? "ds:line-clamp-2" : "",
+          d
         ].filter(Boolean).join(" "),
         ...o,
         children: s
       }
     );
-    return l ? /* @__PURE__ */ e(q, { label: s, children: f }) : f;
+    return i ? /* @__PURE__ */ e(K, { label: s, children: m }) : m;
   }
 );
 y.displayName = "Alert.Title";
-const L = v(({ className: a, children: i, ...s }, o) => {
-  const t = O(C), { t: n } = R(), d = G(), [r, m] = I(!1), { ref: l, isOverflowing: f } = S(t && !r), c = _(
+const V = p(({ className: n, children: d, ...s }, o) => {
+  const t = R(_), { t: r } = S(), l = X(), [a, f] = O(!1), { ref: i, isOverflowing: m } = E(t && !a), c = C(
     (u) => {
-      l.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
+      i.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
     },
-    [o, l]
-  ), g = t && (f || r);
-  return /* @__PURE__ */ k(U, { children: [
+    [o, i]
+  ), g = t && (m || a);
+  return /* @__PURE__ */ I(G, { children: [
     /* @__PURE__ */ e(
       "p",
       {
         ref: c,
-        id: t ? d : void 0,
+        id: t ? l : void 0,
         className: [
           "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
-          t && !r ? "ds:line-clamp-2" : "",
-          a
+          t && !a ? "ds:line-clamp-2" : "",
+          n
         ].filter(Boolean).join(" "),
         ...s,
-        children: i
+        children: d
       }
     ),
     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")
+        "aria-expanded": a,
+        "aria-controls": l,
+        onClick: () => f((u) => !u),
+        className: ae,
+        children: a ? r("feedback.alert.readLess", "Read less") : r("feedback.alert.readMore", "Read more")
       }
     ) : null
   ] });
 });
-L.displayName = "Alert.Description";
-const V = v(
-  ({ className: a, ...i }, s) => /* @__PURE__ */ e(
+V.displayName = "Alert.Description";
+const z = p(
+  ({ className: n, ...d }, s) => /* @__PURE__ */ e(
     "div",
     {
       ref: s,
       className: [
         "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-        a
+        n
       ].filter(Boolean).join(" "),
-      ...i
+      ...d
     }
   )
 );
-V.displayName = "Alert.Action";
-const z = v(
+z.displayName = "Alert.Action";
+const B = p(
   ({
-    variant: a = "info",
-    dismissible: i = !1,
+    variant: n = "info",
+    dismissible: d = !1,
     open: s,
     onOpenChange: o,
     icon: t,
-    live: n,
-    clamp: d = !1,
-    className: r,
-    children: m,
-    ...l
-  }, f) => {
-    const { t: c } = R(), [g, u] = $({
+    announce: r,
+    live: l,
+    clamp: a = !1,
+    className: f,
+    children: i,
+    ...m
+  }, c) => {
+    const { t: g } = S(), [u, D] = J({
       value: s,
       defaultValue: !0,
       onChange: o
-    }), B = g ?? !0, [w, A] = I(!1), b = M(null), D = _(() => {
+    }), F = u ?? !0, [w, N] = O(!1), b = P(null), U = C(() => {
       if (typeof window > "u") return 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;
+      const v = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
+      if (!v) return 200;
+      const k = v.trim(), h = parseFloat(k);
+      return Number.isFinite(h) ? k.endsWith("ms") ? h : h * 1e3 : 200;
     }, []);
-    if (!B) return null;
-    const x = ie[a], T = t !== void 0 ? t : x.icon, N = P.toArray(m).some(
-      (p) => W(p) && p.type === y
-    ), F = () => {
-      w || (A(!0), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
-        A(!1), u(!1);
-      }, D()));
+    if (!F) return null;
+    const x = le[n], A = t !== void 0 ? t : x.icon, T = r ? ce[r] : { role: x.role, live: l ?? x.live }, j = W.toArray(i).some(
+      (v) => H(v) && v.type === y
+    ), M = () => {
+      w || (N(!0), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+        N(!1), D(!1);
+      }, U()));
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ I(
       "div",
       {
-        ref: f,
-        role: x.role,
-        "aria-live": n ?? x.live,
+        ref: c,
+        role: T.role,
+        "aria-live": T.live,
         "data-component": "alert",
-        "data-has-title": N ? "true" : "false",
+        "data-has-title": j ? "true" : "false",
         "data-state": w ? "closing" : "open",
         className: [
-          re({ variant: a, className: r }),
+          ne({ variant: n, className: f }),
           // 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
@@ -282,19 +287,19 @@ const z = v(
           "ds:motion-safe:data-[state=closing]:fill-mode-forwards",
           "ds:motion-safe:duration-[var(--animation-duration)]"
         ].join(" "),
-        ...l,
+        ...m,
         children: [
-          T ? /* @__PURE__ */ e("span", { className: N ? ae : E, children: T }) : null,
-          /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(C.Provider, { value: d, children: m }) }),
-          i ? /* @__PURE__ */ e(
+          A ? /* @__PURE__ */ e("span", { className: j ? ie : L, children: A }) : null,
+          /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(_.Provider, { value: a, children: i }) }),
+          d ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": c("common.close", "Close"),
-              onClick: F,
+              "aria-label": g("common.close", "Close"),
+              onClick: M,
               "data-alert-dismiss": "",
-              className: ne,
-              children: /* @__PURE__ */ e(J, { "aria-hidden": "true", className: "ds:size-4" })
+              className: de,
+              children: /* @__PURE__ */ e(Q, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null
         ]
@@ -302,13 +307,13 @@ const z = v(
     );
   }
 );
-z.displayName = "Alert";
-const Ce = Object.assign(z, {
+B.displayName = "Alert";
+const Ne = Object.assign(B, {
   Title: y,
-  Description: L,
-  Action: V
+  Description: V,
+  Action: z
 });
 export {
-  Ce as A
+  Ne as A
 };
-//# sourceMappingURL=alert-Cxaqd-QO.js.map
+//# sourceMappingURL=alert-DS22ha1n.js.map

package/dist/_chunks/alert-DS22ha1n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-DS22ha1n.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-arrow-up.mjs","../../src/components/alert/alert.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m16 12-4-4-4 4\", key: \"177agl\" }],\n  [\"path\", { d: \"M12 16V8\", key: \"1sbj14\" }]\n];\nconst CircleArrowUp = createLucideIcon(\"circle-arrow-up\", __iconNode);\n\nexport { __iconNode, CircleArrowUp as default };\n//# sourceMappingURL=circle-arrow-up.mjs.map\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CircleAlert,\n  CircleArrowUp,\n  CircleCheck,\n  Info,\n  TriangleAlert,\n  X,\n} from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* Clamp context — opt-in compact mode propagated from the root Alert  */\n/* to its Title / Description so a consumer enables it with one prop.  */\n/* ------------------------------------------------------------------ */\n\nconst AlertClampContext = createContext(false);\n\n/** Inline \"Read more / Read less\" disclosure. Tinted with `text-current` so it\n *  inherits the alert variant's foreground rather than the link palette. */\nconst DISCLOSURE_BUTTON_CLASSES = [\n  // Full-opacity `text-current` so it matches the body text's contrast (an\n  // `opacity` dim would drop the variant-tinted text below AA). Underline\n  // carries the affordance instead. No `--min-target-size` floor: this is an\n  // inline text disclosure sitting in the flow of the body copy, which is\n  // exempt from WCAG 2.5.8 target-size the same way an inline link is.\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-current ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst alertVariants = cva(\n  [\n    // Default `items-center` keeps the icon + dismiss optically aligned\n    // with a single-line description. The `data-[has-title=true]`\n    // selector flips to `items-start` when an `<Alert.Title>` is\n    // present so the icon anchors to the heading's top instead of\n    // floating against the centre of the title+description block.\n    // For multi-line descriptions without a title, `items-center` still\n    // looks right at 2–3 lines and matches Toast / Notification.\n    'ds:flex ds:items-center ds:data-[has-title=true]:items-start ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      // Each variant paints `<Button intent=\"tonal\">` descendants via a\n      // child selector — the button carries `data-intent=\"tonal\"`, the\n      // Alert applies the matching tint (`*-foreground` for bg + the\n      // surface `--background` for fg). Descendant selectors sidestep\n      // custom-property inheritance and are rock-solid across themes.\n      variant: {\n        info: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'ds:text-[var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        // Sales / marketing upsell — accent magenta via the --promo\n        // semantic pair so marketing pushes (product hub → warning\n        // stack) read as offers, not operational warnings. Surface is\n        // the same subtle accent gradient as SidebarUpgradeChip (it\n        // flattens in the accessible themes and follows Canvas in\n        // forced-colors), keeping the two upsell affordances kin.\n        promo: [\n          'ds:border-[color:var(--promo)]',\n          'ds:bg-[image:var(--gradient-surface-subtle-accent)]',\n          'ds:text-[var(--promo-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\n// Icon stays `mt-0.5` only when an `<Alert.Title>` is present — that\n// offset compensates for the title's cap-height vs. line-box origin so\n// the glyph aligns with the heading's caps. Without a title, the\n// container uses `items-center` and the offset would push the icon\n// 2px off the optical axis.\nconst ICON_BASE = 'ds:shrink-0 ds:size-5';\nconst ICON_WITH_TITLE = `${ICON_BASE} ds:mt-0.5`;\n\nconst CLOSE_BUTTON_CLASSES = [\n  // Default (no title): the alert root uses `items-center` and the\n  // button centres in the cross-axis. A centred 16×16 glyph inside a\n  // 44×44 button aligns optically with a single-line description.\n  // With a title: the root flips to `items-start` so the button's top\n  // edge aligns with the title row top. A centred glyph would then\n  // land ~11 px below the title's optical centre (button height is\n  // --min-target-size, much taller than the title's line-height). The\n  // `[data-has-title=true]` variant below flips the button to\n  // `items-start` and adds a block-start padding that pulls the glyph\n  // up onto the title row — same cap-height compensation idea as the\n  // leading icon's `mt-0.5`.\n  'ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center',\n  'ds:[[data-has-title=true]_&]:items-start',\n  'ds:[[data-has-title=true]_&]:pt-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]',\n  'ds:text-current ds:opacity-70',\n  'ds:hover:opacity-100',\n  'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\n// `role` / `live` here are only the *default* announcement for each tint.\n// The `announce` prop overrides both — visual severity and announcement\n// urgency are independent (a warning-tinted static notice must not interrupt).\nconst VARIANT_CONFIG = {\n  info: { icon: <Info aria-hidden=\"true\" />, role: 'status', live: 'polite' },\n  success: {\n    icon: <CircleCheck aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n  warning: {\n    icon: <TriangleAlert aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  error: {\n    icon: <CircleAlert aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  // Promotions never interrupt — same polite semantics as info.\n  promo: {\n    icon: <CircleArrowUp aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n} as const;\n\n// `off` emits neither role nor aria-live: a permanently-mounted notice is\n// read in document order and is not a live region at all.\nconst ANNOUNCE_CONFIG = {\n  off: { role: undefined, live: undefined },\n  polite: { role: 'status', live: 'polite' },\n  assertive: { role: 'alert', live: 'assertive' },\n} as const;\n\ninterface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\n}\n\nconst AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ as: Tag = 'h5', className, children, ...props }, ref) => {\n    const clamp = useContext(AlertClampContext);\n    const { ref: clampRef, isOverflowing } =\n      useClampOverflow<HTMLHeadingElement>(clamp);\n    const setRefs = useCallback(\n      (node: HTMLHeadingElement | null) => {\n        (clampRef as MutableRefObject<HTMLHeadingElement | null>).current =\n          node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref)\n          (ref as MutableRefObject<HTMLHeadingElement | null>).current = node;\n      },\n      [ref, clampRef],\n    );\n\n    // The full title stays in the DOM (line-clamp only clips it visually), so\n    // screen readers always read it whole. The tooltip is a sighted-user\n    // affordance, shown only when the title is actually cut — and only for\n    // string titles, since the Tooltip label must be plain text.\n    const tooltipReady = clamp && isOverflowing && typeof children === 'string';\n\n    const heading = (\n      <Tag\n        ref={setRefs}\n        // Focusable only when truncated, so keyboard users can surface the\n        // tooltip too (otherwise it would be mouse/hover-only).\n        tabIndex={tooltipReady ? 0 : undefined}\n        className={[\n          'type-title-item',\n          clamp ? 'ds:line-clamp-2' : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </Tag>\n    );\n\n    return tooltipReady ? (\n      <Tooltip label={children as string}>{heading}</Tooltip>\n    ) : (\n      heading\n    );\n  },\n);\nAlertTitle.displayName = 'Alert.Title';\n\nconst AlertDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const clamp = useContext(AlertClampContext);\n  const { t } = useTranslation();\n  const bodyId = useId();\n  const [expanded, setExpanded] = useState(false);\n  // Only measure while clamped — once expanded there's nothing to clip.\n  const { ref: clampRef, isOverflowing } =\n    useClampOverflow<HTMLParagraphElement>(clamp && !expanded);\n  const setRefs = useCallback(\n    (node: HTMLParagraphElement | null) => {\n      (clampRef as MutableRefObject<HTMLParagraphElement | null>).current =\n        node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as MutableRefObject<HTMLParagraphElement | null>).current = node;\n    },\n    [ref, clampRef],\n  );\n  // Show the toggle once the body has overflowed; keep it while expanded so\n  // the user can collapse again.\n  const showToggle = clamp && (isOverflowing || expanded);\n\n  return (\n    <>\n      <p\n        ref={setRefs}\n        id={clamp ? bodyId : undefined}\n        // `mt` is gated on the root's `data-has-title=\"true\"` attribute so\n        // the margin only paints when there's a Title above the\n        // Description to separate from. Without this gate, a Description\n        // rendered alone sits a few pixels below the icon + dismiss ×\n        // optical centre — visible on the AlfaDocs marketing privacy\n        // generator before HTP-4860's follow-up fix.\n        className={[\n          'ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm',\n          clamp && !expanded ? 'ds:line-clamp-2' : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </p>\n      {showToggle ? (\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={bodyId}\n          onClick={() => setExpanded((prev) => !prev)}\n          className={DISCLOSURE_BUTTON_CLASSES}\n        >\n          {expanded\n            ? t('feedback.alert.readLess', 'Read less')\n            : t('feedback.alert.readMore', 'Read more')}\n        </button>\n      ) : null}\n    </>\n  );\n});\nAlertDescription.displayName = 'Alert.Description';\n\nconst AlertAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\n/** How urgently the alert is announced — independent of the visual `variant`.\n *\n *  - `off` — not a live region. No `role`, no `aria-live`. Correct for a\n *    static notice that is present from mount (a read-only banner, a summary\n *    of missing answers on a form the user is still typing into).\n *  - `polite` — `role=\"status\"` + `aria-live=\"polite\"`. Queued behind the\n *    current utterance. The right default for anything that appears in\n *    response to a user action but is not an emergency.\n *  - `assertive` — `role=\"alert\"` + `aria-live=\"assertive\"`. Interrupts the\n *    screen reader immediately. Reserve for content the user cannot miss.\n */\nexport type AlertAnnounce = 'off' | 'polite' | 'assertive';\n\nexport interface AlertProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    VariantProps<typeof alertVariants> {\n  variant?: 'info' | 'success' | 'warning' | 'error' | 'promo';\n  dismissible?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  icon?: ReactNode;\n  /** Announcement urgency — sets `role` **and** `aria-live` together, so the\n   *  tint (`variant`) and the interruption are chosen independently. Defaults\n   *  to the variant's historical mapping: `info` / `success` / `promo` →\n   *  `polite`, `warning` / `error` → `assertive`. Wins over `live`. */\n  announce?: AlertAnnounce;\n  /** @deprecated Use `announce`. Sets `aria-live` only and leaves `role`\n   *  variant-derived, which can pair `role=\"alert\"` with `aria-live=\"polite\"`.\n   *  Kept for the consumers already shipping it. */\n  live?: 'assertive' | 'polite' | 'off';\n  /** Compact mode: clamps `Alert.Title` to 2 lines (with a tooltip when the\n   *  title is truncated) and `Alert.Description` to 2 lines (with a \"Read more\"\n   *  toggle). Opt-in — leave off for standalone alerts whose full message must\n   *  always be visible. */\n  clamp?: boolean;\n}\n\nexport type { AlertTitleProps };\n\nconst AlertRoot = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      variant = 'info',\n      dismissible = false,\n      open: controlledOpen,\n      onOpenChange,\n      icon,\n      announce,\n      live,\n      clamp = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [isOpenRaw, setOpen] = useControllableState<boolean>({\n      value: controlledOpen,\n      defaultValue: true,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? true;\n    const [isClosing, setIsClosing] = useState(false);\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    if (!isOpen) return null;\n\n    const config = VARIANT_CONFIG[variant];\n    const effectiveIcon = icon !== undefined ? icon : config.icon;\n\n    // `announce` owns role + aria-live together. Without it we keep the\n    // shipped behaviour exactly: role from the variant, aria-live from the\n    // legacy `live` prop or the variant default.\n    const announcement = announce\n      ? ANNOUNCE_CONFIG[announce]\n      : { role: config.role, live: live ?? config.live };\n\n    // Detect an `<Alert.Title>` anywhere in the immediate children so\n    // the root can flip its cross-axis alignment. Nested wrappers\n    // around a Title aren't supported — keep the API as flat as the\n    // existing `Alert.Title` / `Alert.Description` convention.\n    const hasTitle = Children.toArray(children).some(\n      (child) => isValidElement(child) && child.type === AlertTitle,\n    );\n\n    const handleDismiss = () => {\n      if (isClosing) return;\n      setIsClosing(true);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n        setOpen(false);\n      }, animationDurationMs());\n    };\n\n    return (\n      <div\n        ref={ref}\n        role={announcement.role}\n        aria-live={announcement.live}\n        data-component=\"alert\"\n        data-has-title={hasTitle ? 'true' : 'false'}\n        data-state={isClosing ? 'closing' : 'open'}\n        className={[\n          alertVariants({ variant, className }),\n          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight\n          // scale when dismissed. Driven by `tw-animate-css`. Respects\n          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the\n          // accessible theme (`--animation-duration: 0ms`).\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2',\n          'ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0',\n          'ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95',\n          // Pin the exit's end-state until React unmounts. Without\n          // `fill-mode-forwards` the element snaps back to opacity:1 for one\n          // paint frame after the animation ends.\n          'ds:motion-safe:data-[state=closing]:fill-mode-forwards',\n          'ds:motion-safe:duration-[var(--animation-duration)]',\n        ].join(' ')}\n        {...props}\n      >\n        {effectiveIcon ? (\n          <span className={hasTitle ? ICON_WITH_TITLE : ICON_BASE}>\n            {effectiveIcon}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0\">\n          <AlertClampContext.Provider value={clamp}>\n            {children}\n          </AlertClampContext.Provider>\n        </div>\n\n        {dismissible ? (\n          <button\n            type=\"button\"\n            aria-label={t('common.close', 'Close')}\n            onClick={handleDismiss}\n            // Stable hook for containers (WarningStack) that hand focus to\n            // a neighbouring dismiss control after this one unmounts.\n            data-alert-dismiss=\"\"\n            className={CLOSE_BUTTON_CLASSES}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAlertRoot.displayName = 'Alert';\n\nexport const Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n});\n"],"names":["__iconNode","CircleArrowUp","createLucideIcon","AlertClampContext","createContext","DISCLOSURE_BUTTON_CLASSES","alertVariants","cva","ICON_BASE","ICON_WITH_TITLE","CLOSE_BUTTON_CLASSES","VARIANT_CONFIG","jsx","Info","CircleCheck","TriangleAlert","CircleAlert","ANNOUNCE_CONFIG","AlertTitle","forwardRef","Tag","className","children","props","ref","clamp","useContext","clampRef","isOverflowing","useClampOverflow","setRefs","useCallback","node","tooltipReady","heading","Tooltip","AlertDescription","t","useTranslation","bodyId","useId","expanded","setExpanded","useState","showToggle","jsxs","Fragment","prev","AlertAction","AlertRoot","variant","dismissible","controlledOpen","onOpenChange","icon","announce","live","isOpenRaw","setOpen","useControllableState","isOpen","isClosing","setIsClosing","closeTimerRef","useRef","animationDurationMs","raw","trimmed","n","config","effectiveIcon","announcement","hasTitle","Children","child","isValidElement","handleDismiss","X","Alert"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{annotation-marker-qt5R9WZX.js → annotation-marker-CsUJGZjQ.js}

@@ -51,7 +51,9 @@ const p = t(
         neutral: "ds:[--marker-color:var(--muted-foreground)]",
         info: "ds:[--marker-color:var(--info)]",
         success: "ds:[--marker-color:var(--success)]",
-        warning: "ds:[--marker-color:var(--warning)]",
+        // `--warning-readable`: the glyph is a thin non-text graphic (WCAG
+        // 1.4.11), and yellow-500 is ~1.6:1 on a light surface.
+        warning: "ds:[--marker-color:var(--warning-readable)]",
         error: "ds:[--marker-color:var(--destructive)]",
         accent: "ds:[--marker-color:var(--accent)]"
       },
@@ -81,12 +83,12 @@ const p = t(
     "aria-label": i,
     className: d,
     ...m
-  }, $) => {
-    const { t: l } = f(), u = i ?? (typeof r == "string" ? r : l(`annotationMarker.shape.${o}`));
+  }, l) => {
+    const { t: $ } = f(), u = i ?? (typeof r == "string" ? r : $(`annotationMarker.shape.${o}`));
     return /* @__PURE__ */ k(
       "span",
       {
-        ref: $,
+        ref: l,
         "data-component": "annotation-marker",
         "data-marker-shape": o,
         "data-marker-tone": e,
@@ -117,4 +119,4 @@ export {
   b as M,
   v as m
 };
-//# sourceMappingURL=annotation-marker-qt5R9WZX.js.map
+//# sourceMappingURL=annotation-marker-CsUJGZjQ.js.map

package/dist/_chunks/annotation-marker-CsUJGZjQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-marker-CsUJGZjQ.js","sources":["../../src/components/annotation-marker/annotation-marker.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* AnnotationMarker — the shared clinical-scheme marker glyph.          */\n/*                                                                     */\n/* A small presentational glyph used to mark a finding on any charting */\n/* surface (MuscleScheme region overlay, a finding-type picker, a     */\n/* legend, a note card). The SHAPE is the channel — meaning is never   */\n/* carried by colour alone (WCAG 1.4.1). The same geometry is shared   */\n/* with MuscleScheme via `markerPath`, so the in-SVG overlay and the  */\n/* standalone glyph never drift.                                       */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* Vocabulary                                                          */\n/* ------------------------------------------------------------------ */\n\nexport type MarkerShape =\n  | 'circle'\n  | 'square'\n  | 'triangle'\n  | 'diamond'\n  | 'cross';\nexport type MarkerTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'accent';\n\nexport const MARKER_SHAPES: MarkerShape[] = [\n  'circle',\n  'square',\n  'triangle',\n  'diamond',\n  'cross',\n];\n\n/* ------------------------------------------------------------------ */\n/* Geometry — pure, shared with MuscleScheme                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * SVG path `d` for a marker shape centred at `(cx, cy)` with radius `r`,\n * in the parent SVG's own user units. Pure — no React, no DOM. MuscleScheme\n * draws its finding overlay with this exact function so the figure overlay and\n * the standalone glyph stay visually identical.\n */\nexport function markerPath(\n  shape: MarkerShape,\n  cx: number,\n  cy: number,\n  r: number,\n): string {\n  switch (shape) {\n    case 'circle':\n      return `M ${cx - r} ${cy} a ${r} ${r} 0 1 0 ${2 * r} 0 a ${r} ${r} 0 1 0 ${-2 * r} 0 Z`;\n    case 'square': {\n      const s = r * 0.88;\n      return `M ${cx - s} ${cy - s} H ${cx + s} V ${cy + s} H ${cx - s} Z`;\n    }\n    case 'triangle': {\n      const w = r * 0.95;\n      return `M ${cx} ${cy - r} L ${cx + w} ${cy + r * 0.8} L ${cx - w} ${cy + r * 0.8} Z`;\n    }\n    case 'diamond':\n      return `M ${cx} ${cy - r} L ${cx + r} ${cy} L ${cx} ${cy + r} L ${cx - r} ${cy} Z`;\n    case 'cross': {\n      // A filled plus sign — reads as a distinct shape at any fill/stroke.\n      const a = r * 0.4;\n      return [\n        `M ${cx - a} ${cy - r}`,\n        `H ${cx + a}`,\n        `V ${cy - a}`,\n        `H ${cx + r}`,\n        `V ${cy + a}`,\n        `H ${cx + a}`,\n        `V ${cy + r}`,\n        `H ${cx - a}`,\n        `V ${cy + a}`,\n        `H ${cx - r}`,\n        `V ${cy - a}`,\n        `H ${cx - a}`,\n        'Z',\n      ].join(' ');\n    }\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — glyph fill/stroke per tone                                     */\n/* ------------------------------------------------------------------ */\n\n// Each tone resolves to a single token; `filled` fills the shape, otherwise it\n// is drawn as an outline. The shape (not the tone) is the accessible channel.\nconst glyphVariants = cva(\n  'ds:block ds:[inline-size:var(--marker-box)] ds:[block-size:var(--marker-box)]',\n  {\n    variants: {\n      tone: {\n        neutral: 'ds:[--marker-color:var(--muted-foreground)]',\n        info: 'ds:[--marker-color:var(--info)]',\n        success: 'ds:[--marker-color:var(--success)]',\n        // `--warning-readable`: the glyph is a thin non-text graphic (WCAG\n        // 1.4.11), and yellow-500 is ~1.6:1 on a light surface.\n        warning: 'ds:[--marker-color:var(--warning-readable)]',\n        error: 'ds:[--marker-color:var(--destructive)]',\n        accent: 'ds:[--marker-color:var(--accent)]',\n      },\n      filled: {\n        true: 'ds:[fill:var(--marker-color)] ds:[stroke:none]',\n        false:\n          'ds:[fill:none] ds:[stroke:var(--marker-color)] ds:[stroke-width:2.5]',\n      },\n    },\n    defaultVariants: { tone: 'neutral', filled: true },\n  },\n);\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center ds:gap-1.5', {\n  variants: {\n    size: {\n      sm: 'ds:[--marker-box:0.75rem]',\n      md: 'ds:[--marker-box:1rem]',\n      lg: 'ds:[--marker-box:1.25rem]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface AnnotationMarkerProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>,\n    VariantProps<typeof wrapperVariants> {\n  /** Shape of the marker — the accessible channel (never colour alone). */\n  shape: MarkerShape;\n  /** Semantic tone. Decorative reinforcement of the shape, not the meaning. */\n  tone?: MarkerTone;\n  /** Fill the shape (default) or draw it as an outline. */\n  filled?: boolean;\n  /**\n   * Accessible name. Required for an icon-only marker (no `label`); when `label`\n   * text is shown, this overrides the visible text for assistive tech.\n   */\n  'aria-label'?: string;\n  /** Optional visible label rendered after the glyph (e.g. in a legend). */\n  label?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* AnnotationMarker                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const AnnotationMarker = forwardRef<\n  HTMLSpanElement,\n  AnnotationMarkerProps\n>(\n  (\n    {\n      shape,\n      tone = 'neutral',\n      filled = true,\n      size = 'md',\n      label,\n      'aria-label': ariaLabel,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleName =\n      ariaLabel ??\n      (typeof label === 'string'\n        ? label\n        : t(`annotationMarker.shape.${shape}`));\n\n    return (\n      <span\n        ref={ref}\n        data-component=\"annotation-marker\"\n        data-marker-shape={shape}\n        data-marker-tone={tone}\n        className={wrapperVariants({ size, className })}\n        {...props}\n      >\n        <svg\n          viewBox=\"0 0 24 24\"\n          className={glyphVariants({ tone, filled })}\n          role=\"img\"\n          aria-label={label ? undefined : accessibleName}\n          aria-hidden={label ? true : undefined}\n          focusable=\"false\"\n        >\n          <path d={markerPath(shape, 12, 12, 9)} />\n        </svg>\n        {label != null && <span>{label}</span>}\n      </span>\n    );\n  },\n);\n\nAnnotationMarker.displayName = 'AnnotationMarker';\n"],"names":["MARKER_SHAPES","markerPath","shape","cx","cy","r","s","w","a","glyphVariants","cva","wrapperVariants","AnnotationMarker","forwardRef","tone","filled","size","label","ariaLabel","className","props","ref","t","useTranslation","accessibleName","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/{audio-recorder-BjnB7V8n.js → audio-recorder-sRsGS-0V.js}

@@ -6,7 +6,7 @@ import { B as G } from "./button-CPGiR_bH.js";
 import { I as D } from "./icon-button-C_kbcd7I.js";
 import { S as pe } from "./select-BW5ecXlX.js";
 import { A as le } from "./audio-visualiser-l6zPd0AG.js";
-import { A as F } from "./alert-Cxaqd-QO.js";
+import { A as F } from "./alert-DS22ha1n.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";
@@ -447,4 +447,4 @@ export {
   De as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-BjnB7V8n.js.map
+//# sourceMappingURL=audio-recorder-sRsGS-0V.js.map