@alfadocs/ui-kit-debug 1.112.2 → 1.114.0

package/dist/_chunks/{stat-BFKZV50y.js → stat-WGLdn5Vn.js}

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { forwardRef as st, useId as rt, useCallback as O, useRef as at, useMemo as nt } from "react";
-import { c as V } from "./index-D2ZczOXr.js";
+import { forwardRef as re, useId as ae, useCallback as O, useRef as ne, useMemo as ie } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as P } from "react-i18next";
-import { u as it } from "./use-count-up-BLLetaZ8.js";
-const U = V("ds:flex ds:flex-col ds:h-full", {
+import { u as de } from "./use-count-up-BLLetaZ8.js";
+const U = j("ds:flex ds:flex-col ds:h-full", {
   variants: {
     variant: {
       default: "ds:gap-[var(--spacing-xs)]",
@@ -54,7 +54,7 @@ const U = V("ds:flex ds:flex-col ds:h-full", {
     size: "md",
     align: "start"
   }
-}), B = V("type-metric", {
+}), le = j("type-metric", {
   variants: {
     size: {
       sm: "ds:[--type-metric-size:var(--font-size-xl)]",
@@ -106,7 +106,7 @@ const U = V("ds:flex ds:flex-col ds:h-full", {
     variant: "default",
     intent: "foreground"
   }
-}), dt = V(
+}), oe = j(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
   {
     variants: {
@@ -122,159 +122,171 @@ const U = V("ds:flex ds:flex-col ds:h-full", {
       tone: "neutral"
     }
   }
-), lt = { up: "↑", down: "↓", flat: "→" }, ct = {
+), ce = { up: "↑", down: "↓", flat: "→" }, ue = {
   up: "stat.trend.up",
   down: "stat.trend.down",
   flat: "stat.trend.flat"
 };
 function K({
-  trend: c,
-  delta: e,
+  trend: l,
+  delta: t,
   deltaFormat: u = "decimal",
   locale: o,
-  polarity: t = "higher-is-better"
+  polarity: e = "higher-is-better"
 }) {
-  const { t: i, i18n: m } = P("ui"), d = typeof e == "string" ? e : new Intl.NumberFormat(o ?? m.language, {
+  const { t: n, i18n: m } = P("ui"), i = typeof t == "string" ? t : new Intl.NumberFormat(o ?? m.language, {
     style: u === "percent" ? "percent" : "decimal"
-  }).format(u === "percent" ? e / 100 : e), r = c === "flat" || t === "neutral" ? "neutral" : c === "up" == (t === "higher-is-better") ? "better" : "worse";
-  return /* @__PURE__ */ p("span", { className: dt({ tone: r }), "data-trend-tone": r, children: [
-    /* @__PURE__ */ s("span", { "aria-hidden": "true", children: lt[c] }),
-    /* @__PURE__ */ s("span", { className: "ds:sr-only", children: i(ct[c]) }),
-    d,
+  }).format(u === "percent" ? t / 100 : t), r = l === "flat" || e === "neutral" ? "neutral" : l === "up" == (e === "higher-is-better") ? "better" : "worse";
+  return /* @__PURE__ */ p("span", { className: oe({ tone: r }), "data-trend-tone": r, children: [
+    /* @__PURE__ */ s("span", { "aria-hidden": "true", children: ce[l] }),
+    /* @__PURE__ */ s("span", { className: "ds:sr-only", children: n(ue[l]) }),
+    i,
     r === "neutral" ? null : /* @__PURE__ */ p("span", { className: "ds:sr-only", children: [
       " ",
-      i(r === "better" ? "stat.trend.better" : "stat.trend.worse")
+      n(r === "better" ? "stat.trend.better" : "stat.trend.worse")
     ] })
   ] });
 }
-function ot(c, e) {
-  const u = c.trim();
+function me(l, t) {
+  const u = l.trim();
   if (u === "") return null;
-  let o = "", t = u;
-  t.startsWith("+") ? (o = "+", t = t.slice(1).trimStart()) : (t.startsWith("-") || t.startsWith("−")) && (o = "-", t = t.slice(1).trimStart());
-  let i = "";
-  const m = t.match(/[KMB]$/i);
-  m && (i = m[0], t = t.slice(0, -1).trimEnd());
-  let d = "", r = ".";
+  let o = "", e = u;
+  e.startsWith("+") ? (o = "+", e = e.slice(1).trimStart()) : (e.startsWith("-") || e.startsWith("−")) && (o = "-", e = e.slice(1).trimStart());
+  let n = "";
+  const m = e.match(/[KMB]$/i);
+  m && (n = m[0], e = e.slice(0, -1).trimEnd());
+  let i = "", r = ".";
   try {
-    const x = new Intl.NumberFormat(e).formatToParts(12345.6);
-    for (const n of x)
-      n.type === "group" ? d = n.value : n.type === "decimal" && (r = n.value);
+    const h = new Intl.NumberFormat(t).formatToParts(12345.6);
+    for (const c of h)
+      c.type === "group" ? i = c.value : c.type === "decimal" && (r = c.value);
   } catch {
   }
-  const g = t.match(/^(\d+)\.(\d+)$/);
-  if (g && !(g[2].length === 3 && d === ".")) {
-    const n = Number.parseFloat(t);
-    if (Number.isFinite(n))
-      return { target: n, sign: o, suffix: i };
+  const g = e.match(/^(\d+)\.(\d+)$/);
+  if (g && !(g[2].length === 3 && i === ".")) {
+    const c = Number.parseFloat(e);
+    if (Number.isFinite(c))
+      return { target: c, sign: o, suffix: n };
   }
-  let a = t;
-  d !== "" && (a = a.split(d).join("")), r !== "." && (a = a.split(r).join(".")), a = a.replace(/[\s\u00A0\u202F]/g, "");
+  let a = e;
+  i !== "" && (a = a.split(i).join("")), r !== "." && (a = a.split(r).join(".")), a = a.replace(/[\s\u00A0\u202F]/g, "");
   const v = Number.parseFloat(a);
-  return Number.isFinite(v) ? { target: v, sign: o, suffix: i } : null;
+  return Number.isFinite(v) ? { target: v, sign: o, suffix: n } : null;
 }
-const ut = st(
+const fe = re(
   ({
-    label: c,
-    value: e,
+    label: l,
+    value: t,
     format: u,
     currency: o,
-    locale: t,
-    trend: i,
+    locale: e,
+    trend: n,
     trendPolarity: m,
-    delta: d,
+    delta: i,
     deltaFormat: r = "decimal",
     icon: g,
     info: a,
     trendInfo: v,
-    loading: x = !1,
-    animate: n = !1,
+    labelPosition: h = "above",
+    loading: c = !1,
+    animate: w = !1,
     animateOnEveryView: Y = !1,
     animateDurationMs: _ = 1600,
     animateLocale: q,
-    animateSeparators: b,
-    variant: y = "default",
-    size: N = "md",
+    animateSeparators: x,
+    variant: z = "default",
+    size: F = "md",
     align: M = "start",
-    intent: k = "foreground",
-    className: I,
-    ...j
+    intent: H = "foreground",
+    className: k,
+    ...I
   }, R) => {
-    const { i18n: H } = P("ui"), T = rt(), f = t ?? H.language, J = O(() => {
-      if (typeof e == "string") return e;
+    const { i18n: J } = P("ui"), T = ae(), f = e ?? J.language, Q = O(() => {
+      if (typeof t == "string") return t;
       switch (u) {
         case "currency":
           return new Intl.NumberFormat(f, {
             style: "currency",
             currency: o ?? "USD"
-          }).format(e);
+          }).format(t);
         case "percent":
           return new Intl.NumberFormat(f, { style: "percent" }).format(
-            e
+            t
           );
         case "decimal":
           return new Intl.NumberFormat(f, { style: "decimal" }).format(
-            e
+            t
           );
         default:
-          return new Intl.NumberFormat(f).format(e);
+          return new Intl.NumberFormat(f).format(t);
       }
-    }, [e, u, f, o])(), w = q ?? f;
-    at(!1);
-    const l = nt(() => n ? typeof e == "number" ? Number.isFinite(e) ? { target: e, sign: "", suffix: "" } : null : ot(e, w) : null, [n, e, w]), Q = n && l !== null, X = (l == null ? void 0 : l.target) ?? 0, F = (l == null ? void 0 : l.sign) ?? "", $ = (l == null ? void 0 : l.suffix) ?? "", Z = O(
-      (z) => {
+    }, [t, u, f, o])(), y = q ?? f;
+    ne(!1);
+    const d = ie(() => w ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : me(t, y) : null, [w, t, y]), X = w && d !== null, Z = (d == null ? void 0 : d.target) ?? 0, S = (d == null ? void 0 : d.sign) ?? "", $ = (d == null ? void 0 : d.suffix) ?? "", ee = O(
+      (N) => {
         const E = (() => {
           try {
-            return new Intl.NumberFormat(w, {
+            return new Intl.NumberFormat(y, {
               useGrouping: !0
             });
           } catch {
             return null;
           }
         })();
-        let h;
+        let b;
         if (E)
-          if (b) {
-            const A = Math.abs(z), D = Math.trunc(A), G = A - D, tt = b.thousand ?? "", S = String(D).replace(
+          if (x) {
+            const A = Math.abs(N), D = Math.trunc(A), G = A - D, te = x.thousand ?? "", V = String(D).replace(
               /\B(?=(\d{3})+(?!\d))/g,
-              tt
+              te
             );
             if (G === 0)
-              h = S;
+              b = V;
             else {
-              const L = G.toFixed(6).replace(/0+$/, "").slice(2), et = b.decimal ?? ".";
-              h = L ? S + et + L : S;
+              const L = G.toFixed(6).replace(/0+$/, "").slice(2), se = x.decimal ?? ".";
+              b = L ? V + se + L : V;
             }
           } else
-            h = E.format(Math.abs(z));
+            b = E.format(Math.abs(N));
         else
-          h = String(Math.abs(z));
-        let W = F;
-        return F === "" && z < 0 && (W = "-"), `${W}${h}${$}`;
+          b = String(Math.abs(N));
+        let W = S;
+        return S === "" && N < 0 && (W = "-"), `${W}${b}${$}`;
       },
-      [w, b, F, $]
-    ), C = it({
-      to: X,
+      [y, x, S, $]
+    ), B = de({
+      to: Z,
       from: 0,
       durationMs: _,
       startOnVisible: !0,
       retriggerOnReEntry: Y,
       // `formatter` is the only path we use — it owns both the locale
       // formatting and the sign/suffix re-application.
-      formatter: Z
-    });
-    return x ? /* @__PURE__ */ p(
+      formatter: ee
+    }), C = [
+      le({ size: F, variant: z, intent: H }),
+      h === "below" ? "ds:order-first" : ""
+    ].filter(Boolean).join(" ");
+    return c ? /* @__PURE__ */ p(
       "div",
       {
         ref: R,
         role: "group",
         "aria-busy": "true",
-        "aria-label": c,
+        "aria-label": l,
         "data-component": "stat",
-        className: U({ variant: y, size: N, align: M, className: I }),
-        ...j,
+        className: U({ variant: z, size: F, align: M, className: k }),
+        ...I,
         children: [
-          /* @__PURE__ */ s("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: [
+                "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]",
+                h === "below" ? "ds:order-last" : ""
+              ].filter(Boolean).join(" ")
+            }
+          ),
           /* @__PURE__ */ s("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
         ]
       }
@@ -285,13 +297,15 @@ const ut = st(
         role: "group",
         "aria-labelledby": T,
         "data-component": "stat",
-        className: U({ variant: y, size: N, align: M, className: I }),
-        ...j,
+        className: U({ variant: z, size: F, align: M, className: k }),
+        ...I,
         children: [
           /* @__PURE__ */ p(
             "span",
             {
-              className: a == null ? "ds:inline-flex ds:items-center" : "ds:inline-flex ds:flex-wrap ds:items-center",
+              className: [
+                a == null ? "ds:inline-flex ds:items-center" : "ds:inline-flex ds:flex-wrap ds:items-center"
+              ].filter(Boolean).join(" "),
               children: [
                 g && /* @__PURE__ */ s(
                   "span",
@@ -314,7 +328,7 @@ const ut = st(
                   {
                     id: T,
                     className: "type-label ds:text-[var(--muted-foreground)]",
-                    children: c
+                    children: l
                   }
                 ),
                 a != null && /* @__PURE__ */ s(
@@ -328,39 +342,31 @@ const ut = st(
               ]
             }
           ),
-          Q ? (
+          X ? (
             // The animated number is wrapped in an `aria-live="off"` span
             // so screen readers don't announce every interpolated frame.
             // The `role="group"` ancestor (with `aria-labelledby` pointing
             // at the label) carries the final accessible reading — the
             // animated frames are decorative only.
-            /* @__PURE__ */ s(
-              "span",
-              {
-                ref: C.ref,
-                "aria-live": "off",
-                className: B({ size: N, variant: y, intent: k }),
-                children: C.value
-              }
-            )
-          ) : /* @__PURE__ */ s("span", { className: B({ size: N, variant: y, intent: k }), children: J }),
-          i != null && d != null && (v == null ? /* @__PURE__ */ s(
+            /* @__PURE__ */ s("span", { ref: B.ref, "aria-live": "off", className: C, children: B.value })
+          ) : /* @__PURE__ */ s("span", { className: C, children: Q }),
+          n != null && i != null && (v == null ? /* @__PURE__ */ s(
             K,
             {
-              trend: i,
-              delta: d,
+              trend: n,
+              delta: i,
               deltaFormat: r,
-              locale: t,
+              locale: e,
               polarity: m
             }
           ) : /* @__PURE__ */ p("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center", children: [
             /* @__PURE__ */ s(
               K,
               {
-                trend: i,
-                delta: d,
+                trend: n,
+                delta: i,
                 deltaFormat: r,
-                locale: t,
+                locale: e,
                 polarity: m
               }
             ),
@@ -378,8 +384,8 @@ const ut = st(
     );
   }
 );
-ut.displayName = "Stat";
+fe.displayName = "Stat";
 export {
-  ut as S
+  fe as S
 };
-//# sourceMappingURL=stat-BFKZV50y.js.map
+//# sourceMappingURL=stat-WGLdn5Vn.js.map

package/dist/_chunks/stat-WGLdn5Vn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-WGLdn5Vn.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useCountUp } from '../../hooks/use-count-up';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\n// `h-full` lets Stats grow to fill a flex / grid parent's cell, so a\n// row paired with taller cards (BenefitCard, Card, etc.) reads as a\n// matching set instead of mismatched heights. In a non-stretching\n// parent (block flow, inline) it's a no-op — block-size defers to\n// content as before. The flex-col inside still pins label/icon row\n// at the top and the number below, so growing the card adds the\n// extra space below the number instead of inserting it between\n// label and value.\nconst statVariants = cva('ds:flex ds:flex-col ds:h-full', {\n  variants: {\n    variant: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      outlined: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:border ds:border-[color:var(--border)]',\n        'ds:rounded-[var(--radius-md)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow + border —\n      // matches `Card variant=\"elevated\"` and `BenefitCard.elevated`\n      // tokens (`--card`, `--card-border`, `--shadow-card`,\n      // `--radius-lg`) so a grid of elevated Stats reads as a set of\n      // shaded panels without nesting a Card around each one. The\n      // border is essential in dark mode: shadow alone on a dark\n      // surface loses contrast and the card boundary disappears.\n      // `--surface-border-width` bumps it to 2px in the accessible themes,\n      // matching Card / BenefitCard's 0.31.5 accessibility uplift.\n      elevated: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:bg-[var(--card)]',\n        'ds:text-[var(--card-foreground)]',\n        'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n        'ds:shadow-[var(--shadow-card)]',\n        'ds:rounded-[var(--radius-lg)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'ds:gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'ds:items-start ds:text-start',\n      center: 'ds:items-center ds:text-center',\n      end: 'ds:items-end ds:text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva('type-metric', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-metric-size:var(--font-size-xl)]',\n      md: 'ds:[--type-metric-size:var(--font-size-3xl)]',\n      lg: 'ds:[--type-metric-size:var(--font-size-5xl)]',\n    },\n    variant: {\n      default: '',\n      outlined: '',\n      elevated: '',\n      compact: '',\n    },\n    // Colour of the headline metric value. Defaults to `--foreground`\n    // (the existing render). `primary` / `accent` are the brand intents\n    // — use for hero / marketing stats where the number IS the visual\n    // marker. `success` / `destructive` / `info` / `warning` map to the\n    // semantic tokens for KPI tiles that want to signal status via the\n    // value colour itself (e.g. revenue green, debt red). The trend\n    // chevron and the label colour are independent of this prop.\n    intent: {\n      foreground: 'ds:text-[var(--foreground)]',\n      primary: 'ds:text-[var(--primary)]',\n      accent: 'ds:text-[var(--accent)]',\n      success: 'ds:text-[var(--success)]',\n      destructive: 'ds:text-[var(--destructive)]',\n      info: 'ds:text-[var(--info)]',\n      warning: 'ds:text-[var(--warning)]',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'compact',\n      size: 'sm',\n      className: 'ds:[--type-metric-size:var(--font-size-lg)]',\n    },\n    {\n      variant: 'compact',\n      size: 'md',\n      className: 'ds:[--type-metric-size:var(--font-size-xl)]',\n    },\n    {\n      variant: 'compact',\n      size: 'lg',\n      className: 'ds:[--type-metric-size:var(--font-size-2xl)]',\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    intent: 'foreground',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      // Whether the change is good news, not which way it went: with\n      // `trendPolarity=\"lower-is-better\"` a fall is `better`.\n      tone: {\n        better: 'ds:text-[var(--success)]',\n        worse: 'ds:text-[var(--destructive)]',\n        neutral: 'ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      tone: 'neutral',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\n/**\n * Which way is good news for a metric's trend. `neutral` is for a metric\n * where neither direction is good or bad news (a patient mix, a share).\n */\nexport type StatTrendPolarity =\n  | 'higher-is-better'\n  | 'lower-is-better'\n  | 'neutral';\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n  polarity?: StatTrendPolarity;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'stat.trend.up',\n  down: 'stat.trend.down',\n  flat: 'stat.trend.flat',\n} as const;\n\nfunction StatTrend({\n  trend,\n  delta,\n  deltaFormat = 'decimal',\n  locale,\n  polarity = 'higher-is-better',\n}: StatTrendProps) {\n  const { t, i18n } = useTranslation('ui');\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  // The arrow follows the number; the colour and the spoken \"better\" or\n  // \"worse\" follow the polarity, so the meaning never rests on colour.\n  const tone =\n    trend === 'flat' || polarity === 'neutral'\n      ? 'neutral'\n      : (trend === 'up') === (polarity === 'higher-is-better')\n        ? 'better'\n        : 'worse';\n\n  return (\n    <span className={trendVariants({ tone })} data-trend-tone={tone}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n      {tone === 'neutral' ? null : (\n        <span className=\"ds:sr-only\">\n          {' '}\n          {t(tone === 'better' ? 'stat.trend.better' : 'stat.trend.worse')}\n        </span>\n      )}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Parse a string value into a numeric target for the count-up         */\n/* ------------------------------------------------------------------ */\n\ntype ParsedValue = {\n  /** Numeric target for the count-up. */\n  target: number;\n  /** Leading sign captured from the input string (e.g. \"+\" / \"-\"). */\n  sign: '' | '+' | '-';\n  /** Trailing shorthand suffix (e.g. \"K\" / \"M\" / \"B\") to re-append. */\n  suffix: string;\n};\n\n/**\n * Strip locale-aware separators, a leading sign, and the K/M/B\n * shorthand suffix from a pre-formatted string so the count-up has a\n * pure numeric target to animate towards. Returns `null` for any input\n * that can't be parsed — the caller short-circuits to static rendering\n * in that case.\n */\nfunction parseStatValue(raw: string, locale: string): ParsedValue | null {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n\n  // Capture leading sign so we can re-attach it every frame. Stat's\n  // marketing usage (\"+500.000\", \"-12\") often relies on it.\n  let sign: '' | '+' | '-' = '';\n  let body = trimmed;\n  if (body.startsWith('+')) {\n    sign = '+';\n    body = body.slice(1).trimStart();\n  } else if (body.startsWith('-') || body.startsWith('−')) {\n    // Hyphen-minus or the typographic minus sign — both treated as -.\n    sign = '-';\n    body = body.slice(1).trimStart();\n  }\n\n  // Trailing K / M / B shorthand (case-insensitive). Re-append verbatim\n  // so \"+1.5K\" renders as \"+1.5K\" at every frame.\n  let suffix = '';\n  const suffixMatch = body.match(/[KMB]$/i);\n  if (suffixMatch) {\n    suffix = suffixMatch[0];\n    body = body.slice(0, -1).trimEnd();\n  }\n\n  // Discover the locale's group + decimal glyphs from a probe value.\n  // formatToParts is the canonical way; we fall back to `.` decimal /\n  // `,` group if Intl can't tell us (no-locale envs).\n  let group = '';\n  let decimal = '.';\n  try {\n    const probe = new Intl.NumberFormat(locale).formatToParts(12345.6);\n    for (const part of probe) {\n      if (part.type === 'group') group = part.value;\n      else if (part.type === 'decimal') decimal = part.value;\n    }\n  } catch {\n    /* swallow — defaults already set */\n  }\n\n  // Heuristic for input strings that look like JS-native decimals\n  // (e.g. `\"1500.25\"`) regardless of the requested locale: if the body\n  // is a clean US-style decimal AND the fraction after the `.` is NOT\n  // a three-digit thousands group in a locale that uses `.` as the\n  // group separator, treat it as a direct numeric literal. This covers\n  // the common case where a caller types `value=\"1500.25\"` and expects\n  // the count-up to land on 1500.25 even though the output locale is\n  // it-IT (which uses `.` for thousands).\n  const usStyleMatch = body.match(/^(\\d+)\\.(\\d+)$/);\n  if (usStyleMatch) {\n    const fractionLen = usStyleMatch[2].length;\n    if (!(fractionLen === 3 && group === '.')) {\n      const direct = Number.parseFloat(body);\n      if (Number.isFinite(direct)) {\n        return { target: direct, sign, suffix };\n      }\n    }\n  }\n\n  // Strip every group separator we discovered, then normalise the\n  // decimal separator to `.` so JS can parseFloat the result.\n  // Note: when the locale's group separator is empty (e.g. some\n  // numbering systems) the replace is a no-op.\n  let normalised = body;\n  if (group !== '') {\n    normalised = normalised.split(group).join('');\n  }\n  if (decimal !== '.') {\n    normalised = normalised.split(decimal).join('.');\n  }\n\n  // Defence-in-depth: strip whitespace plus NBSP (U+00A0) and NARROW\n  // NO-BREAK SPACE (U+202F) that some locales (fr-FR, it-IT) use as\n  // thousand separators. Hex escapes keep this source ASCII-clean.\n  normalised = normalised.replace(/[\\s\\u00A0\\u202F]/g, '');\n\n  const numeric = Number.parseFloat(normalised);\n  if (!Number.isFinite(numeric)) return null;\n\n  return { target: numeric, sign, suffix };\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /**\n   * Which way is good news. `higher-is-better` (default) shows a rise in\n   * the success colour; `lower-is-better` (a no-show or cancellation rate,\n   * a waiting time) shows a fall in it instead. The arrow always points the\n   * way the number moved, and screen readers hear \"better\" or \"worse\".\n   * `neutral` keeps the arrow and delta in the muted colour, and screen\n   * readers hear only the direction (\"Increased by +3.4 pts\").\n   */\n  trendPolarity?: StatTrendPolarity;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /**\n   * Optional trailing affordance at the end of the label row, vertically\n   * centred with the label. Intended for `<InfoTip size=\"sm\" … />` so the\n   * figure can explain how it is calculated. Interactive content is allowed:\n   * it sits outside the label element, so it never becomes part of the\n   * group's accessible name. Omit for the unchanged render.\n   */\n  info?: ReactNode;\n  /**\n   * Optional trailing affordance at the end of the trend row, for an\n   * `<InfoTip size=\"sm\" … />` that explains the change (\"how is this\n   * compared?\"). Renders only with the trend row (`trend` and `delta`).\n   * Like `info`, it sits outside the label, so it never joins the group's\n   * accessible name. Omit for the unchanged render.\n   */\n  trendInfo?: ReactNode;\n  /**\n   * Colour of the headline value. Defaults to `foreground`. Brand\n   * intents (`primary`, `accent`) are for hero / marketing stats where\n   * the number is the visual marker. Semantic intents\n   * (`success`, `destructive`, `info`, `warning`) signal status via\n   * the value colour itself — e.g. revenue green, debt red on KPI\n   * tiles. Trend chevron and label colour are independent.\n   */\n  intent?:\n    | 'foreground'\n    | 'primary'\n    | 'accent'\n    | 'success'\n    | 'destructive'\n    | 'info'\n    | 'warning';\n  /**\n   * Where the label sits. `above` (default) puts it over the value. `below`\n   * puts it under the value, as in a marketing counter (\"+1.100\" then\n   * \"studi medici\"). With a trend the order is value, label, trend. Reading\n   * order for screen readers does not change: the group is still named by the label.\n   */\n  labelPosition?: 'above' | 'below';\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n  /**\n   * Animate the numeric value from 0 (or from the captured leading\n   * sign) to the final value when the Stat first scrolls into view.\n   * Default `false`. Marketing surfaces opt in; dashboards leave it\n   * off so live metrics render immediately.\n   */\n  animate?: boolean;\n  /**\n   * When `true`, the count-up re-plays every time the Stat scrolls\n   * out of view and back in. Default `false` — animate once per\n   * element per session, matching the booking-website hero pattern.\n   * Ignored under `prefers-reduced-motion: reduce`.\n   */\n  animateOnEveryView?: boolean;\n  /** Animation duration in milliseconds. Default 1600. */\n  animateDurationMs?: number;\n  /**\n   * BCP 47 locale used for the per-frame count-up formatting. Falls\n   * back to `locale`, then to the active i18n language.\n   */\n  animateLocale?: string;\n  /**\n   * Override the locale's thousand / decimal glyphs for the count-up.\n   * Wins over locale defaults. Pass partial overrides — `decimal`\n   * alone is valid; the unspecified separator stays at the locale\n   * default.\n   */\n  animateSeparators?: {\n    thousand?: string;\n    decimal?: string;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      trendPolarity,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      info,\n      trendInfo,\n      labelPosition = 'above',\n      loading = false,\n      animate = false,\n      animateOnEveryView = false,\n      animateDurationMs = 1600,\n      animateLocale,\n      animateSeparators,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      intent = 'foreground',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation('ui');\n    const labelId = useId();\n    const lang = locale ?? i18n.language;\n\n    /* -------------------------------------------------- */\n    /* Static formatting — the value as it would appear   */\n    /* in the non-animated (or post-animation) state.     */\n    /* -------------------------------------------------- */\n\n    const formatValue = useCallback((): string => {\n      if (typeof value === 'string') return value;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(\n            value,\n          );\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(\n            value,\n          );\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    }, [value, format, lang, currency]);\n\n    const staticValue = formatValue();\n\n    /* -------------------------------------------------- */\n    /* Parse the value into a numeric target for the      */\n    /* count-up. Numeric values use `value` directly;     */\n    /* string values are stripped of sign / shorthand /   */\n    /* locale separators and re-decorated each frame.     */\n    /* -------------------------------------------------- */\n\n    const animationLocale = animateLocale ?? lang;\n    const hasWarnedRef = useRef<boolean>(false);\n\n    const parsed = useMemo<ParsedValue | null>(() => {\n      if (!animate) return null;\n      if (typeof value === 'number') {\n        // Numeric: target is the number itself; no sign / suffix to\n        // re-attach.\n        return Number.isFinite(value)\n          ? { target: value, sign: '', suffix: '' }\n          : null;\n      }\n      return parseStatValue(value, animationLocale);\n    }, [animate, value, animationLocale]);\n\n    // Dev-mode warning when an animate-flagged Stat has an unparseable\n    // string value. Render static, no throw — one warn per component.\n    if (\n      animate &&\n      typeof value === 'string' &&\n      parsed === null &&\n      import.meta.env.DEV &&\n      !hasWarnedRef.current\n    ) {\n      hasWarnedRef.current = true;\n      console.warn(\n        `Stat: value=\"${value}\" couldn't be parsed for the count-up animation. Rendering static.`,\n      );\n    }\n\n    const shouldAnimate = animate && parsed !== null;\n\n    /* -------------------------------------------------- */\n    /* Wire the hook unconditionally — rules-of-hooks.    */\n    /* When `shouldAnimate` is false the hook still runs  */\n    /* but `to === from` so it's a no-op visually.        */\n    /* -------------------------------------------------- */\n\n    const target = parsed?.target ?? 0;\n    const sign = parsed?.sign ?? '';\n    const suffix = parsed?.suffix ?? '';\n\n    // Wrap the count-up formatter so the captured sign + suffix are\n    // re-applied every frame. The hook hands us the locale-formatted\n    // magnitude; we own the decoration around it.\n    const formatter = useCallback(\n      (n: number) => {\n        // Use the absolute value for the magnitude so the captured\n        // sign is the sole source of the rendered sign. Negative\n        // numbers passed in (e.g. `to: -12`) come through unsigned;\n        // we re-apply via `sign`. Always force `useGrouping: true` so\n        // ICU's locale-default `min2` doesn't suppress the thousand\n        // glyph on 4-digit values like 1.000 (it-IT). The user wrote\n        // a stat value — they want it grouped.\n        const magnitudeNF = (() => {\n          try {\n            return new Intl.NumberFormat(animationLocale, {\n              useGrouping: true,\n            });\n          } catch {\n            return null;\n          }\n        })();\n\n        let magnitudeStr: string;\n        if (magnitudeNF) {\n          if (animateSeparators) {\n            // Hand-build the grouped magnitude so we don't depend on\n            // ICU's locale-by-locale grouping defaults (which differ\n            // between engines and can drop the group at 4-digit\n            // thresholds even with `useGrouping: true`). Locale only\n            // influences sign handling, which we apply separately.\n            const abs = Math.abs(n);\n            const intPart = Math.trunc(abs);\n            const fracPart = abs - intPart;\n            const groupGlyph = animateSeparators.thousand ?? '';\n            const intStr = String(intPart).replace(\n              /\\B(?=(\\d{3})+(?!\\d))/g,\n              groupGlyph,\n            );\n            if (fracPart === 0) {\n              magnitudeStr = intStr;\n            } else {\n              const fracStr = fracPart.toFixed(6).replace(/0+$/, '').slice(2);\n              const decimalGlyph = animateSeparators.decimal ?? '.';\n              magnitudeStr = fracStr ? intStr + decimalGlyph + fracStr : intStr;\n            }\n          } else {\n            magnitudeStr = magnitudeNF.format(Math.abs(n));\n          }\n        } else {\n          magnitudeStr = String(Math.abs(n));\n        }\n\n        // Re-derive the sign every frame: the captured sign wins, but\n        // a negative `to` with no leading sign in the source still\n        // renders with a leading \"-\" so the final formatted output\n        // matches locale conventions.\n        let resolvedSign: string = sign;\n        if (sign === '' && n < 0) resolvedSign = '-';\n\n        return `${resolvedSign}${magnitudeStr}${suffix}`;\n      },\n      [animationLocale, animateSeparators, sign, suffix],\n    );\n\n    const countUp = useCountUp({\n      to: target,\n      from: 0,\n      durationMs: animateDurationMs,\n      startOnVisible: true,\n      retriggerOnReEntry: animateOnEveryView,\n      // `formatter` is the only path we use — it owns both the locale\n      // formatting and the sign/suffix re-application.\n      formatter,\n    });\n\n    // `below`: the value moves first on screen (value, label, trend). Visual order\n    // only: the DOM order (label first) stays, so the group is still named by it.\n    const valueClass = [\n      valueVariants({ size, variant, intent }),\n      labelPosition === 'below' ? 'ds:order-first' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    /* -------------------------------------------------- */\n    /* Loading state                                       */\n    /* -------------------------------------------------- */\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          data-component=\"stat\"\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div\n            className={[\n              'ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]',\n              labelPosition === 'below' ? 'ds:order-last' : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          />\n          <div className=\"ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    /* -------------------------------------------------- */\n    /* Render                                              */\n    /* -------------------------------------------------- */\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        data-component=\"stat\"\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span\n          className={[\n            info == null\n              ? 'ds:inline-flex ds:items-center'\n              : 'ds:inline-flex ds:flex-wrap ds:items-center',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'ds:text-[color:var(--accent)]',\n                'ds:forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label ds:text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n          {info != null && (\n            <span\n              data-slot=\"info\"\n              className=\"ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center\"\n            >\n              {info}\n            </span>\n          )}\n        </span>\n        {shouldAnimate ? (\n          // The animated number is wrapped in an `aria-live=\"off\"` span\n          // so screen readers don't announce every interpolated frame.\n          // The `role=\"group\"` ancestor (with `aria-labelledby` pointing\n          // at the label) carries the final accessible reading — the\n          // animated frames are decorative only.\n          <span ref={countUp.ref} aria-live=\"off\" className={valueClass}>\n            {countUp.value}\n          </span>\n        ) : (\n          <span className={valueClass}>{staticValue}</span>\n        )}\n        {trend != null &&\n          delta != null &&\n          (trendInfo == null ? (\n            <StatTrend\n              trend={trend}\n              delta={delta}\n              deltaFormat={deltaFormat}\n              locale={locale}\n              polarity={trendPolarity}\n            />\n          ) : (\n            <span className=\"ds:inline-flex ds:flex-wrap ds:items-center\">\n              <StatTrend\n                trend={trend}\n                delta={delta}\n                deltaFormat={deltaFormat}\n                locale={locale}\n                polarity={trendPolarity}\n              />\n              <span\n                data-slot=\"trend-info\"\n                className=\"ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center\"\n              >\n                {trendInfo}\n              </span>\n            </span>\n          ))}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","polarity","t","i18n","useTranslation","formattedDelta","tone","jsxs","jsx","parseStatValue","raw","trimmed","sign","body","suffix","suffixMatch","group","decimal","probe","part","usStyleMatch","direct","normalised","numeric","Stat","forwardRef","label","value","format","currency","trendPolarity","icon","info","trendInfo","labelPosition","loading","animate","animateOnEveryView","animateDurationMs","animateLocale","animateSeparators","variant","size","align","intent","className","props","ref","labelId","useId","lang","staticValue","useCallback","animationLocale","useRef","parsed","useMemo","shouldAnimate","target","formatter","n","magnitudeNF","magnitudeStr","abs","intPart","fracPart","groupGlyph","intStr","fracStr","decimalGlyph","resolvedSign","countUp","useCountUp","valueClass"],"mappings":"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"}

package/dist/_chunks/{task-card-TSJjuuDe.js → task-card-DqVoitRk.js}

@@ -3,7 +3,7 @@ import { forwardRef as C } from "react";
 import { c as w } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { V as p } from "./visually-hidden-BHxEUGyT.js";
-import { p as z } from "./privacy-mask-DbEKI-Jv.js";
+import { p as z } from "./privacy-mask-Dc3kdkCR.js";
 import { c as S } from "./createLucideIcon-DhHxpK9K.js";
 import { B as V } from "./building-2-D33bLCWL.js";
 import { U as g } from "./user-B12p7bVF.js";
@@ -187,4 +187,4 @@ export {
   O as T,
   q as i
 };
-//# sourceMappingURL=task-card-TSJjuuDe.js.map
+//# sourceMappingURL=task-card-DqVoitRk.js.map

package/dist/_chunks/{task-card-TSJjuuDe.js.map → task-card-DqVoitRk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"task-card-TSJjuuDe.js","sources":["../../node_modules/lucide-react/dist/esm/icons/briefcase.mjs","../../src/components/task-card/task-card.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  [\"path\", { d: \"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\", key: \"jecpp\" }],\n  [\"rect\", { width: \"20\", height: \"14\", x: \"2\", y: \"6\", rx: \"2\", key: \"i6l2r4\" }]\n];\nconst Briefcase = createLucideIcon(\"briefcase\", __iconNode);\n\nexport { __iconNode, Briefcase as default };\n//# sourceMappingURL=briefcase.mjs.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CircleAlert,\n  Briefcase,\n  Building2,\n  SquareCheckBig,\n  ChevronRight,\n  EyeOff,\n  Square,\n  User,\n} from 'lucide-react';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { privacyMask } from '../_shared/privacy-mask';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\n/** Which entity the task links to. The platform `DoctorReminder` links to exactly one of these (or none). */\nexport type TaskLinkType = 'patient' | 'company' | 'operator';\n\n/** Linked-entity glyph — patient (person), company (building), operator (briefcase). */\nconst LINK_ICON: Record<TaskLinkType, typeof User> = {\n  patient: User,\n  company: Building2,\n  operator: Briefcase,\n};\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /**\n   * Linked-entity NAME (the patient / company / operator the task points at) —\n   * e.g. \"Mario Rossi\". When `linkType` is set the card renders it as a typed\n   * chip (a per-type glyph + an accessible \"Patient/Company/Operator:\" prefix);\n   * otherwise it renders as a plain eyebrow line. The consumer composes the\n   * name only — no prefix.\n   */\n  linkedLabel?: string;\n  /** Type of the linked entity — drives the leading glyph + the accessible prefix on the linked chip. */\n  linkType?: TaskLinkType;\n  /**\n   * The linked name is a privacy mask. The chip shows an EyeOff glyph, then a\n   * visually hidden \"Patient name hidden\", then the mask marked aria-hidden:\n   * `linkedLabel`, or the kit's bullets when the host sends none. It replaces\n   * the \"Patient:\" prefix.\n   */\n  linkedLabelMasked?: boolean;\n  /** Localised assignee display name (host-composed, e.g. \"Dr. Alfa\"). Renders an assignee chip on the meta line. */\n  assigneeLabel?: string;\n  /** Free-text note attached to the task — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. `xs` is the compact rail row (Control Room); `sm`/`md` for in-page lists. */\n  size?: 'xs' | 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n  /**\n   * Trailing per-row action toolbar (icon buttons: schedule, edit, …).\n   * Rendered above the stretched-link overlay so the controls stay\n   * clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n  /**\n   * Replaces the leading status glyph. Pass a control (the done checkbox)\n   * when the row can be completed in place: the glyph alone only reports\n   * status, and rendering both a glyph and a matching toggle elsewhere in\n   * the row shows the same mark twice, of which only one does anything.\n   * Rendered above the stretched-link overlay so it stays clickable.\n   */\n  leading?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    // Same corner as the elevated Card the note and appointment rows use.\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        xs: 'ds:p-[var(--spacing-xs)]',\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\n/* The activator keeps a box of its own (display: contents cannot take\n   focus in Chromium); its ::after still stretches over the card. */\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-lg)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({\n  status,\n  priority,\n}: {\n  status?: TaskStatus;\n  priority?: TaskPriority;\n}): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'ds:text-[color:var(--destructive)]'\n      : 'ds:text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return (\n      <SquareCheckBig aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />\n    );\n  }\n  if (priority === 'high') {\n    return <CircleAlert aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  (\n    { item, size = 'sm', onActivate, actions, leading, className, ...rest },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    // Static key lookups so the i18n coverage gate sees each literal key.\n    const linkTypeLabels: Record<TaskLinkType, string> = {\n      patient: t('taskCard.link.patient'),\n      company: t('taskCard.link.company'),\n      operator: t('taskCard.link.operator'),\n    };\n    const LinkIcon = item.linkType ? LINK_ICON[item.linkType] : null;\n    // A masked name always gets the chip, so it can say what is hidden,\n    // even when the host sends no mask of its own.\n    const masked = !!item.linkedLabelMasked;\n    // The meta row carries icon-led chips: a typed linked entity + an assignee.\n    const showLinkChip = masked || (!!item.linkType && !!item.linkedLabel);\n    const hasMetaRow = showLinkChip || !!item.assigneeLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={stretchedLinkClass + ' ds:flex ds:min-w-0'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={\n            stretchedLinkClass +\n            ' ds:flex ds:min-w-0 ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:relative ds:z-[1] ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          {leading ?? (\n            <StatusIcon status={item.status} priority={item.priority} />\n          )}\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n          {hasMetaRow ? (\n            // `type-meta` (not `type-eyebrow`): these chips carry proper-noun\n            // values (patient / company / operator name, assignee) that must\n            // not be uppercased. Icons are decorative; the type word is exposed\n            // to AT via a VisuallyHidden prefix so each chip reads e.g.\n            // \"Patient: Mario Rossi\" / \"Assignee: Dr. Alfa\".\n            <div className=\"type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\">\n              {masked ? (\n                // The mask is visual noise to a screen reader, so it hears\n                // what the mask stands for instead.\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <EyeOff\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>\n                    {t('appointmentPeek.hiddenName')}\n                  </VisuallyHidden>\n                  <span aria-hidden=\"true\" className=\"ds:truncate\">\n                    {privacyMask(item.linkedLabel)}\n                  </span>\n                </span>\n              ) : item.linkType && item.linkedLabel && LinkIcon ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <LinkIcon\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>{`${linkTypeLabels[item.linkType]}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.linkedLabel}</span>\n                </span>\n              ) : null}\n              {item.assigneeLabel ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <User aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  <VisuallyHidden>{`${t('taskCard.assignee')}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.assigneeLabel}</span>\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n          {item.linkedLabel && !item.linkType && !masked ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.linkedLabel}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["__iconNode","Briefcase","createLucideIcon","LINK_ICON","User","Building2","taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","SquareCheckBig","CircleAlert","Square","TaskCard","forwardRef","item","size","onActivate","actions","leading","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","linkTypeLabels","LinkIcon","masked","hasMetaRow","titleNode","jsx","activator","e","jsxs","EyeOff","VisuallyHidden","privacyMask","ChevronRight"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"task-card-DqVoitRk.js","sources":["../../node_modules/lucide-react/dist/esm/icons/briefcase.mjs","../../src/components/task-card/task-card.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  [\"path\", { d: \"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\", key: \"jecpp\" }],\n  [\"rect\", { width: \"20\", height: \"14\", x: \"2\", y: \"6\", rx: \"2\", key: \"i6l2r4\" }]\n];\nconst Briefcase = createLucideIcon(\"briefcase\", __iconNode);\n\nexport { __iconNode, Briefcase as default };\n//# sourceMappingURL=briefcase.mjs.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CircleAlert,\n  Briefcase,\n  Building2,\n  SquareCheckBig,\n  ChevronRight,\n  EyeOff,\n  Square,\n  User,\n} from 'lucide-react';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { privacyMask } from '../_shared/privacy-mask';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\n/** Which entity the task links to. The platform `DoctorReminder` links to exactly one of these (or none). */\nexport type TaskLinkType = 'patient' | 'company' | 'operator';\n\n/** Linked-entity glyph — patient (person), company (building), operator (briefcase). */\nconst LINK_ICON: Record<TaskLinkType, typeof User> = {\n  patient: User,\n  company: Building2,\n  operator: Briefcase,\n};\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /**\n   * Linked-entity NAME (the patient / company / operator the task points at) —\n   * e.g. \"Mario Rossi\". When `linkType` is set the card renders it as a typed\n   * chip (a per-type glyph + an accessible \"Patient/Company/Operator:\" prefix);\n   * otherwise it renders as a plain eyebrow line. The consumer composes the\n   * name only — no prefix.\n   */\n  linkedLabel?: string;\n  /** Type of the linked entity — drives the leading glyph + the accessible prefix on the linked chip. */\n  linkType?: TaskLinkType;\n  /**\n   * The linked name is a privacy mask. The chip shows an EyeOff glyph, then a\n   * visually hidden \"Patient name hidden\", then the mask marked aria-hidden:\n   * `linkedLabel`, or the kit's bullets when the host sends none. It replaces\n   * the \"Patient:\" prefix.\n   */\n  linkedLabelMasked?: boolean;\n  /** Localised assignee display name (host-composed, e.g. \"Dr. Alfa\"). Renders an assignee chip on the meta line. */\n  assigneeLabel?: string;\n  /** Free-text note attached to the task — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. `xs` is the compact rail row (Control Room); `sm`/`md` for in-page lists. */\n  size?: 'xs' | 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n  /**\n   * Trailing per-row action toolbar (icon buttons: schedule, edit, …).\n   * Rendered above the stretched-link overlay so the controls stay\n   * clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n  /**\n   * Replaces the leading status glyph. Pass a control (the done checkbox)\n   * when the row can be completed in place: the glyph alone only reports\n   * status, and rendering both a glyph and a matching toggle elsewhere in\n   * the row shows the same mark twice, of which only one does anything.\n   * Rendered above the stretched-link overlay so it stays clickable.\n   */\n  leading?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    // Same corner as the elevated Card the note and appointment rows use.\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        xs: 'ds:p-[var(--spacing-xs)]',\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\n/* The activator keeps a box of its own (display: contents cannot take\n   focus in Chromium); its ::after still stretches over the card. */\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-lg)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({\n  status,\n  priority,\n}: {\n  status?: TaskStatus;\n  priority?: TaskPriority;\n}): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'ds:text-[color:var(--destructive)]'\n      : 'ds:text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return (\n      <SquareCheckBig aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />\n    );\n  }\n  if (priority === 'high') {\n    return <CircleAlert aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  (\n    { item, size = 'sm', onActivate, actions, leading, className, ...rest },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    // Static key lookups so the i18n coverage gate sees each literal key.\n    const linkTypeLabels: Record<TaskLinkType, string> = {\n      patient: t('taskCard.link.patient'),\n      company: t('taskCard.link.company'),\n      operator: t('taskCard.link.operator'),\n    };\n    const LinkIcon = item.linkType ? LINK_ICON[item.linkType] : null;\n    // A masked name always gets the chip, so it can say what is hidden,\n    // even when the host sends no mask of its own.\n    const masked = !!item.linkedLabelMasked;\n    // The meta row carries icon-led chips: a typed linked entity + an assignee.\n    const showLinkChip = masked || (!!item.linkType && !!item.linkedLabel);\n    const hasMetaRow = showLinkChip || !!item.assigneeLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={stretchedLinkClass + ' ds:flex ds:min-w-0'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={\n            stretchedLinkClass +\n            ' ds:flex ds:min-w-0 ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:relative ds:z-[1] ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          {leading ?? (\n            <StatusIcon status={item.status} priority={item.priority} />\n          )}\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n          {hasMetaRow ? (\n            // `type-meta` (not `type-eyebrow`): these chips carry proper-noun\n            // values (patient / company / operator name, assignee) that must\n            // not be uppercased. Icons are decorative; the type word is exposed\n            // to AT via a VisuallyHidden prefix so each chip reads e.g.\n            // \"Patient: Mario Rossi\" / \"Assignee: Dr. Alfa\".\n            <div className=\"type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\">\n              {masked ? (\n                // The mask is visual noise to a screen reader, so it hears\n                // what the mask stands for instead.\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <EyeOff\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>\n                    {t('appointmentPeek.hiddenName')}\n                  </VisuallyHidden>\n                  <span aria-hidden=\"true\" className=\"ds:truncate\">\n                    {privacyMask(item.linkedLabel)}\n                  </span>\n                </span>\n              ) : item.linkType && item.linkedLabel && LinkIcon ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <LinkIcon\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>{`${linkTypeLabels[item.linkType]}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.linkedLabel}</span>\n                </span>\n              ) : null}\n              {item.assigneeLabel ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <User aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  <VisuallyHidden>{`${t('taskCard.assignee')}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.assigneeLabel}</span>\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n          {item.linkedLabel && !item.linkType && !masked ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.linkedLabel}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["__iconNode","Briefcase","createLucideIcon","LINK_ICON","User","Building2","taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","SquareCheckBig","CircleAlert","Square","TaskCard","forwardRef","item","size","onActivate","actions","leading","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","linkTypeLabels","LinkIcon","masked","hasMetaRow","titleNode","jsx","activator","e","jsxs","EyeOff","VisuallyHidden","privacyMask","ChevronRight"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{task-editor-gqWF1jI6.js → task-editor-D--LwVrg.js}

@@ -25,7 +25,7 @@ import { u as Vt } from "./registry-DvAUVLHh.js";
 import { u as Lt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { c as Ut } from "./compose-refs-C0k0tdqF.js";
 import { n as Wt } from "./normalize-diacritics-BNGbFNlJ.js";
-import { p as Kt, P as Ht } from "./privacy-mask-DbEKI-Jv.js";
+import { p as Kt, P as Ht } from "./privacy-mask-Dc3kdkCR.js";
 import { g as je, h as Gt } from "./handled-rejection-6gqCf5vt.js";
 import { L as Qt } from "./lock-ClAFG1gy.js";
 import { X as Yt } from "./x-B5YnXwCz.js";
@@ -1239,4 +1239,4 @@ export {
   vn as T,
   ln as t
 };
-//# sourceMappingURL=task-editor-gqWF1jI6.js.map
+//# sourceMappingURL=task-editor-D--LwVrg.js.map