@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/{workflow-map-Uf-hHAO3.js → workflow-map-gBhL_Wrs.js}

@@ -1,23 +1,23 @@
-import { jsx as t, jsxs as d, Fragment as fe } from "react/jsx-runtime";
+import { jsx as t, jsxs as c, Fragment as fe } from "react/jsx-runtime";
 import { forwardRef as P, useMemo as V, useRef as B, useCallback as K, useEffect as me } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { C as _ } from "./card-n97MNPP2.js";
-import { B as pe } from "./badge--CmSr7ok.js";
-import { K as G } from "./key-value-pair--Je59tAF.js";
-import { T as he } from "./timestamp-BLM-jjdw.js";
-import { I as M } from "./icon-button-C1vpylg3.js";
+import { C as _ } from "./card-DeItIBcV.js";
+import { B as pe } from "./badge-zDghajh8.js";
+import { K as G } from "./key-value-pair-DDhSYdDL.js";
+import { T as he } from "./timestamp-DmSt92P1.js";
+import { I as M } from "./icon-button-C482ii4y.js";
 import { c as C } from "./createLucideIcon-CrFbzy84.js";
 import { C as ve } from "./circle-BkqTgYmt.js";
-import { A as W } from "./alert-C5ud6CfE.js";
-import { B as we } from "./button-CXL8bA8G.js";
-import { D as N } from "./dropdown-menu-CJKvK7VG.js";
-import { E as T } from "./empty-state-DiG7vYBM.js";
+import { A as W } from "./alert-ETrF7Q8J.js";
+import { B as we } from "./button-DmiGFnNA.js";
+import { D as N } from "./dropdown-menu-BnVUeVG3.js";
+import { E as T } from "./empty-state-DV96gCnp.js";
 import { P as ee } from "./plus-CYKNmfuA.js";
 import { G as te } from "./globe-BkEFMNSg.js";
-import { S as re } from "./square-check-big-Jr-0202D.js";
-import { M as ae } from "./mail-C8irm52s.js";
-import { C as oe } from "./clock-21AGPWJ5.js";
+import { S as se } from "./square-check-big-Jr-0202D.js";
+import { M as re } from "./mail-C8irm52s.js";
+import { C as ae } from "./clock-21AGPWJ5.js";
 import { C as ye } from "./chevron-up-zOEDrmBB.js";
 import { C as be } from "./chevron-down-BX_NP2Yh.js";
 import { C as ge } from "./check-DPdL_Sm7.js";
@@ -75,7 +75,7 @@ const ze = [
       key: "1sd12s"
     }
   ]
-], ne = C("message-circle", ze);
+], oe = C("message-circle", ze);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -123,7 +123,7 @@ const Ie = [
 const Le = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], ie = C("smartphone", Le);
+], ne = C("smartphone", Le);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -136,7 +136,7 @@ const De = [
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], se = C("trash-2", De);
+], ie = C("trash-2", De);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -155,7 +155,7 @@ const Ee = [
   ["path", { d: "m20.772 16.148.924.383", key: "1g6xey" }],
   ["circle", { cx: "18", cy: "15", r: "3", key: "gjjjvw" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
-], le = C("user-cog", Ee), Be = L("relative w-full", {
+], de = C("user-cog", Ee), Be = L("ds:relative ds:w-full", {
   variants: {
     density: {
       comfortable: "",
@@ -171,7 +171,7 @@ function Ke(e) {
     case "active":
       return {
         badgeVariant: "success",
-        icon: /* @__PURE__ */ t(ve, { className: "fill-current", "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(ve, { className: "ds:fill-current", "aria-hidden": "true" })
       };
     case "paused":
       return {
@@ -188,126 +188,126 @@ function Ke(e) {
 }
 const $e = P(
   function({
-    workflow: r,
-    density: a = "comfortable",
-    onView: o,
-    onEdit: l,
-    onDelete: i,
-    onToggleActive: n,
+    workflow: s,
+    density: r = "comfortable",
+    onView: a,
+    onEdit: d,
+    onDelete: n,
+    onToggleActive: o,
     className: p
   }, m) {
-    const { t: u } = z(), s = Ke(r.status), c = r.status === "active", y = a === "compact", h = (v) => (g) => {
+    const { t: u } = z(), i = Ke(s.status), l = s.status === "active", y = r === "compact", h = (v) => (g) => {
       g.stopPropagation(), v == null || v();
     }, k = /* @__PURE__ */ t(
       pe,
       {
-        variant: s.badgeVariant,
-        leading: s.icon,
+        variant: i.badgeVariant,
+        leading: i.icon,
         withDot: !1,
-        children: u(`workflow.status.${r.status}`)
+        children: u(`workflow.status.${s.status}`)
       }
     ), x = u("workflow.card.activeEnrollments");
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       _,
       {
         ref: m,
         variant: "default",
-        className: Be({ density: a, className: p }),
+        className: Be({ density: r, className: p }),
         children: [
-          /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ d("div", { className: "flex items-start justify-between gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ t("h3", { className: "m-0 type-title-card text-[color:var(--foreground)] [overflow-wrap:anywhere] break-words", children: o ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: a ? /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(r.id),
+                  onClick: () => a(s.id),
                   className: [
-                    "text-start font-inherit text-inherit",
+                    "ds:text-start ds:font-inherit ds:text-inherit",
                     // Inset overlay that turns the whole card into a
                     // click target without nesting buttons. The
                     // IconButton cluster in the footer paints above
                     // this pseudo via `position: relative` + z-10.
-                    'after:absolute after:inset-0 after:content-[""]',
-                    "after:rounded-[var(--radius-lg)]",
-                    "focus-visible:outline-none",
-                    "focus-visible:after:outline-[length:var(--focus-ring-width)]",
-                    "focus-visible:after:outline-solid",
-                    "focus-visible:after:outline-[color:var(--ring)]",
-                    "focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]"
+                    'ds:after:absolute ds:after:inset-0 ds:after:content-[""]',
+                    "ds:after:rounded-[var(--radius-lg)]",
+                    "ds:focus-visible:outline-none",
+                    "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+                    "ds:focus-visible:after:outline-solid",
+                    "ds:focus-visible:after:outline-[color:var(--ring)]",
+                    "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]"
                   ].join(" "),
-                  children: r.name
+                  children: s.name
                 }
-              ) : r.name }),
-              y && /* @__PURE__ */ d("span", { className: "flex items-baseline gap-[var(--spacing-xs)] type-body-sm text-[color:var(--muted-foreground)]", children: [
+              ) : s.name }),
+              y && /* @__PURE__ */ c("span", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
                 /* @__PURE__ */ t("span", { children: x }),
-                /* @__PURE__ */ t("span", { className: "font-medium text-[color:var(--foreground)]", children: r.stats.activeEnrollments })
+                /* @__PURE__ */ t("span", { className: "ds:font-medium ds:text-[color:var(--foreground)]", children: s.stats.activeEnrollments })
               ] })
             ] }),
-            /* @__PURE__ */ t("div", { className: "shrink-0", children: k })
+            /* @__PURE__ */ t("div", { className: "ds:shrink-0", children: k })
           ] }) }),
-          !y && /* @__PURE__ */ d(_.Body, { className: "flex flex-col gap-[var(--spacing-sm)]", children: [
+          !y && /* @__PURE__ */ c(_.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ t(
               G,
               {
                 label: u("workflow.card.activeEnrollments"),
-                value: r.stats.activeEnrollments
+                value: s.stats.activeEnrollments
               }
             ),
             /* @__PURE__ */ t(
               G,
               {
                 label: u("workflow.card.totalEnrollments"),
-                value: r.stats.totalEnrollments
+                value: s.stats.totalEnrollments
               }
             )
           ] }),
-          /* @__PURE__ */ d(_.Footer, { className: "flex-wrap items-center justify-between gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-xs)] type-body-sm text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ t("span", { className: "truncate", title: r.createdBy, children: u("workflow.createdBy", { name: r.createdBy }) }),
-              r.updatedAt && /* @__PURE__ */ t(
+          /* @__PURE__ */ c(_.Footer, { className: "ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ t("span", { className: "ds:truncate", title: s.createdBy, children: u("workflow.createdBy", { name: s.createdBy }) }),
+              s.updatedAt && /* @__PURE__ */ t(
                 he,
                 {
-                  value: r.updatedAt,
+                  value: s.updatedAt,
                   format: "absolute",
                   shape: "bare",
                   absoluteFormat: { dateStyle: "medium" },
-                  className: "truncate"
+                  className: "ds:truncate"
                 }
               )
             ] }),
-            /* @__PURE__ */ d("div", { className: "relative z-10 flex shrink-0 items-center gap-[var(--spacing-xs)] ms-auto", children: [
-              l && /* @__PURE__ */ t(
+            /* @__PURE__ */ c("div", { className: "ds:relative ds:z-10 ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto", children: [
+              d && /* @__PURE__ */ t(
                 M,
                 {
                   icon: /* @__PURE__ */ t(O, {}),
                   size: "sm",
                   intent: "ghost",
                   "aria-label": u("workflow.card.edit"),
-                  onClick: h(() => l(r.id))
+                  onClick: h(() => d(s.id))
                 }
               ),
-              n && /* @__PURE__ */ t(
+              o && /* @__PURE__ */ t(
                 M,
                 {
-                  icon: c ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Te, {}),
+                  icon: l ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Te, {}),
                   size: "sm",
                   intent: "ghost",
                   "aria-label": u(
-                    c ? "workflow.card.deactivate" : "workflow.card.activate"
+                    l ? "workflow.card.deactivate" : "workflow.card.activate"
                   ),
                   onClick: h(
-                    () => n(r.id, !c)
+                    () => o(s.id, !l)
                   )
                 }
               ),
-              i && /* @__PURE__ */ t(
+              n && /* @__PURE__ */ t(
                 M,
                 {
-                  icon: /* @__PURE__ */ t(se, {}),
+                  icon: /* @__PURE__ */ t(ie, {}),
                   size: "sm",
                   intent: "destructive",
                   "aria-label": u("workflow.card.delete"),
-                  onClick: h(() => i(r.id))
+                  onClick: h(() => n(s.id))
                 }
               )
             ] })
@@ -320,85 +320,85 @@ const $e = P(
 $e.displayName = "WorkflowCard";
 function H(e) {
   if (e.nodes.length === 0) return [];
-  const r = e.edges.filter(
-    (s) => s.condition == null
-  ), a = new Set(r.map((s) => s.to)), l = e.nodes.filter((s) => !a.has(s.id))[0] ?? e.nodes[0], i = new Map(e.nodes.map((s) => [s.id, s])), n = /* @__PURE__ */ new Map();
-  for (const s of r) {
-    const c = n.get(s.from) ?? [];
-    c.push(s), n.set(s.from, c);
+  const s = e.edges.filter(
+    (i) => i.condition == null
+  ), r = new Set(s.map((i) => i.to)), d = e.nodes.filter((i) => !r.has(i.id))[0] ?? e.nodes[0], n = new Map(e.nodes.map((i) => [i.id, i])), o = /* @__PURE__ */ new Map();
+  for (const i of s) {
+    const l = o.get(i.from) ?? [];
+    l.push(i), o.set(i.from, l);
   }
   const p = /* @__PURE__ */ new Set(), m = [];
-  let u = l;
+  let u = d;
   for (; u && !p.has(u.id); ) {
     p.add(u.id), m.push(u);
-    const s = n.get(u.id) ?? [];
-    s.length > 1 && typeof console < "u" && console.warn(
-      `[workflow] node ${u.id} has ${s.length} outgoing linear edges; v1 walks the first only.`
-    ), u = s[0] ? i.get(s[0].to) : void 0;
+    const i = o.get(u.id) ?? [];
+    i.length > 1 && typeof console < "u" && console.warn(
+      `[workflow] node ${u.id} has ${i.length} outgoing linear edges; v1 walks the first only.`
+    ), u = i[0] ? n.get(i[0].to) : void 0;
   }
-  for (const s of e.nodes)
-    p.has(s.id) || m.push(s);
+  for (const i of e.nodes)
+    p.has(i.id) || m.push(i);
   return m;
 }
-function F(e, r, a) {
-  const o = [...e.nodes, a];
-  if (r === null) {
-    const n = e.nodes[0];
-    return n ? {
-      nodes: o,
+function F(e, s, r) {
+  const a = [...e.nodes, r];
+  if (s === null) {
+    const o = e.nodes[0];
+    return o ? {
+      nodes: a,
       edges: [
-        { from: a.id, to: n.id, condition: null },
+        { from: r.id, to: o.id, condition: null },
         ...e.edges
       ]
-    } : { nodes: o, edges: [] };
+    } : { nodes: a, edges: [] };
   }
-  const l = e.edges.find(
-    (n) => n.from === r && n.condition == null
+  const d = e.edges.find(
+    (o) => o.from === s && o.condition == null
   );
-  if (!l)
+  if (!d)
     return {
-      nodes: o,
+      nodes: a,
       edges: [
         ...e.edges,
-        { from: r, to: a.id, condition: null }
+        { from: s, to: r.id, condition: null }
       ]
     };
-  const i = e.edges.filter((n) => n !== l);
+  const n = e.edges.filter((o) => o !== d);
   return {
-    nodes: o,
+    nodes: a,
     edges: [
-      ...i,
-      { from: r, to: a.id, condition: null },
-      { from: a.id, to: l.to, condition: null }
+      ...n,
+      { from: s, to: r.id, condition: null },
+      { from: r.id, to: d.to, condition: null }
     ]
   };
 }
-function Y(e, r) {
-  const a = e.edges.find(
-    (n) => n.to === r && n.condition == null
-  ), o = e.edges.find(
-    (n) => n.from === r && n.condition == null
-  ), l = e.edges.filter(
-    (n) => n.from !== r && n.to !== r
-  ), i = a && o ? [
-    ...l,
-    { from: a.from, to: o.to, condition: null }
-  ] : l;
+function Y(e, s) {
+  const r = e.edges.find(
+    (o) => o.to === s && o.condition == null
+  ), a = e.edges.find(
+    (o) => o.from === s && o.condition == null
+  ), d = e.edges.filter(
+    (o) => o.from !== s && o.to !== s
+  ), n = r && a ? [
+    ...d,
+    { from: r.from, to: a.to, condition: null }
+  ] : d;
   return {
-    nodes: e.nodes.filter((n) => n.id !== r),
-    edges: i
+    nodes: e.nodes.filter((o) => o.id !== s),
+    edges: n
   };
 }
-function qe(e, r, a) {
+function qe(e, s, r) {
   var h;
-  const o = H(e), l = o.findIndex((k) => k.id === r);
-  if (l === -1) return e;
-  const i = a === "up" ? l - 1 : l + 1;
-  if (i < 0 || i >= o.length) return e;
-  const n = o[l], p = o[i];
-  if (!n || !p) return e;
-  const m = Y(Y(e, n.id), p.id), u = a === "up" ? n : p, s = a === "up" ? p : n, c = ((h = o[Math.min(l, i) - 1]) == null ? void 0 : h.id) ?? null, y = F(m, c, u);
-  return F(y, u.id, s);
+  const a = H(e), d = a.findIndex((k) => k.id === s);
+  if (d === -1) return e;
+  const n = r === "up" ? d - 1 : d + 1;
+  if (n < 0 || n >= a.length) return e;
+  const o = a[d], p = a[n];
+  if (!o || !p) return e;
+  const m = Y(Y(e, o.id), p.id), u = r === "up" ? o : p, i = r === "up" ? p : o, l = ((h = a[Math.min(d, n) - 1]) == null ? void 0 : h.id) ?? null, y = F(m, l, u);
+  return F(y, u.id, i);
 }
 const Re = /* @__PURE__ */ new Set([
   "dateOfBirth",
@@ -453,42 +453,42 @@ const D = {
     iconName: "Globe"
   }
 }, We = {
-  Clock: oe,
-  Mail: ae,
-  Smartphone: ie,
-  CheckSquare: re,
-  MessageCircle: ne,
-  UserCog: le,
+  Clock: ae,
+  Mail: re,
+  Smartphone: ne,
+  CheckSquare: se,
+  MessageCircle: oe,
+  UserCog: de,
   Globe: te
 };
 function U({
   iconName: e,
-  className: r
+  className: s
 }) {
-  const a = We[e];
-  return /* @__PURE__ */ t(a, { "aria-hidden": "true", className: r ?? "size-4" });
+  const r = We[e];
+  return /* @__PURE__ */ t(r, { "aria-hidden": "true", className: s ?? "ds:size-4" });
 }
 const Fe = 40, Pe = 60;
-function J(e, r) {
-  return e.length <= r ? e : `${e.slice(0, r - 1)}…`;
+function J(e, s) {
+  return e.length <= s ? e : `${e.slice(0, s - 1)}…`;
 }
-function Oe(e, r) {
+function Oe(e, s) {
   switch (e.kind) {
     case "add_delay": {
-      const a = e.days ?? 0, o = r("workflow.delay.summary", { count: a });
-      return { text: o, full: o };
+      const r = e.days ?? 0, a = s("workflow.delay.summary", { count: r });
+      return { text: a, full: a };
     }
     case "send_email": {
-      const a = e.subject ?? "", l = `${r("workflow.action.sendEmail")}: ${a}`;
-      return { text: J(l, Fe), full: l };
+      const r = e.subject ?? "", d = `${s("workflow.action.sendEmail")}: ${r}`;
+      return { text: J(d, Fe), full: d };
     }
     case "send_sms": {
-      const a = e.body ?? "";
-      return { text: J(a, Pe), full: a };
+      const r = e.body ?? "";
+      return { text: J(r, Pe), full: r };
     }
     case "create_task": {
-      const a = e.title ?? "";
-      return { text: a, full: a };
+      const r = e.title ?? "";
+      return { text: r, full: r };
     }
     // v2 types — generic fallback (no bespoke summariser yet).
     case "send_whatsapp":
@@ -564,25 +564,25 @@ function Je(e) {
   }
 }
 function Qe(e = 0) {
-  const r = B(e), a = K((o) => {
-    r.current = o;
+  const s = B(e), r = K((a) => {
+    s.current = a;
   }, []);
-  return [r, a];
+  return [s, r];
 }
 function Xe({
   node: e,
-  position: r,
-  total: a,
-  disabled: o,
-  onEdit: l,
-  onDelete: i,
-  onMove: n,
+  position: s,
+  total: r,
+  disabled: a,
+  onEdit: d,
+  onDelete: n,
+  onMove: o,
   registerRef: p
 }) {
-  const { t: m } = z(), u = D[e.type], s = B(null), [c, y] = Qe(0), h = K(
+  const { t: m } = z(), u = D[e.type], i = B(null), [l, y] = Qe(0), h = K(
     (w) => {
       var f, b;
-      const S = (f = s.current) == null ? void 0 : f.querySelectorAll(
+      const S = (f = i.current) == null ? void 0 : f.querySelectorAll(
         "button[data-wf-control]:not([disabled])"
       );
       if (!S || S.length === 0) return;
@@ -593,55 +593,55 @@ function Xe({
   ), k = (w) => {
     w.target === w.currentTarget && (w.key === "ArrowRight" || w.key === "ArrowDown") && (w.preventDefault(), h(0));
   }, x = (w) => {
-    w.key === "ArrowRight" ? (w.preventDefault(), h(c.current + 1)) : w.key === "ArrowLeft" ? (w.preventDefault(), h(c.current - 1)) : w.key === "Home" ? (w.preventDefault(), h(0)) : w.key === "End" && (w.preventDefault(), h(Number.POSITIVE_INFINITY));
-  }, v = Oe(e.settings, m), g = m(u.labelKey), j = r > 0, A = r < a - 1, $ = m("workflow.editor.position", {
-    current: r + 1,
-    total: a
+    w.key === "ArrowRight" ? (w.preventDefault(), h(l.current + 1)) : w.key === "ArrowLeft" ? (w.preventDefault(), h(l.current - 1)) : w.key === "Home" ? (w.preventDefault(), h(0)) : w.key === "End" && (w.preventDefault(), h(Number.POSITIVE_INFINITY));
+  }, v = Oe(e.settings, m), g = m(u.labelKey), j = s > 0, A = s < r - 1, $ = m("workflow.editor.position", {
+    current: s + 1,
+    total: r
   }), q = m("workflow.editor.nodeAriaLabel", {
     type: g,
-    current: r + 1,
-    total: a
+    current: s + 1,
+    total: r
   });
   return /* @__PURE__ */ t(
     "div",
     {
       ref: (w) => p(e.id, w),
-      tabIndex: o ? -1 : 0,
+      tabIndex: a ? -1 : 0,
       onKeyDown: k,
       "aria-label": q,
       className: Ue,
-      children: /* @__PURE__ */ d(_, { variant: "outlined", children: [
-        /* @__PURE__ */ t(_.Header, { className: "pb-[var(--spacing-sm)]", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
+      children: /* @__PURE__ */ c(_, { variant: "outlined", children: [
+        /* @__PURE__ */ t(_.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
           /* @__PURE__ */ t(
             "span",
             {
               "aria-hidden": "true",
-              className: "inline-flex size-8 shrink-0 items-center justify-center rounded-[var(--radius-sm)] bg-[color:var(--muted)]/20 text-[color:var(--foreground)]",
-              children: /* @__PURE__ */ t(U, { iconName: u.iconName, className: "size-4" })
+              className: "ds:inline-flex ds:size-8 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]/20 ds:text-[color:var(--foreground)]",
+              children: /* @__PURE__ */ t(U, { iconName: u.iconName, className: "ds:size-4" })
             }
           ),
-          /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)] font-[var(--font-weight-semibold)] text-[color:var(--foreground)] [overflow-wrap:anywhere] break-words", children: g }),
-            /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-xs)] text-[color:var(--muted-foreground)]", children: $ })
+          /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+            /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: g }),
+            /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--muted-foreground)]", children: $ })
           ] }),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c(
             "div",
             {
-              ref: s,
+              ref: i,
               onKeyDown: x,
-              className: "flex shrink-0 items-center gap-[var(--spacing-xs)] ms-auto",
+              className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto",
               children: [
-                l ? /* @__PURE__ */ t(
+                d ? /* @__PURE__ */ t(
                   M,
                   {
                     "data-wf-control": "edit",
                     icon: /* @__PURE__ */ t(O, {}),
                     size: "sm",
                     intent: "ghost",
-                    disabled: o,
+                    disabled: a,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.editAction"),
-                    onClick: () => l(e.id)
+                    onClick: () => d(e.id)
                   }
                 ) : null,
                 /* @__PURE__ */ t(
@@ -651,10 +651,10 @@ function Xe({
                     icon: /* @__PURE__ */ t(ye, {}),
                     size: "sm",
                     intent: "ghost",
-                    disabled: o || !j,
+                    disabled: a || !j,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.moveUp"),
-                    onClick: () => n(e.id, "up")
+                    onClick: () => o(e.id, "up")
                   }
                 ),
                 /* @__PURE__ */ t(
@@ -664,38 +664,38 @@ function Xe({
                     icon: /* @__PURE__ */ t(be, {}),
                     size: "sm",
                     intent: "ghost",
-                    disabled: o || !A,
+                    disabled: a || !A,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.moveDown"),
-                    onClick: () => n(e.id, "down")
+                    onClick: () => o(e.id, "down")
                   }
                 ),
-                i ? /* @__PURE__ */ t(
+                n ? /* @__PURE__ */ t(
                   M,
                   {
                     "data-wf-control": "delete",
-                    icon: /* @__PURE__ */ t(se, {}),
+                    icon: /* @__PURE__ */ t(ie, {}),
                     size: "sm",
                     intent: "destructive",
-                    disabled: o,
+                    disabled: a,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.deleteAction"),
-                    onClick: () => i(e.id)
+                    onClick: () => n(e.id)
                   }
                 ) : null
               ]
             }
           )
         ] }) }),
-        v ? /* @__PURE__ */ t(_.Body, { className: "pt-0", children: /* @__PURE__ */ t(
+        v ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
           "p",
           {
-            className: "text-[length:var(--font-size-sm)] text-[color:var(--muted-foreground)] [overflow-wrap:anywhere] break-words",
+            className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words",
             title: v.full,
             children: v.text
           }
         ) }) : null,
-        e.settings.kind === "update_patient_field" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(_.Body, { className: "pt-0", children: /* @__PURE__ */ t(
+        e.settings.kind === "update_patient_field" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
           W,
           {
             variant: "error",
@@ -709,80 +709,80 @@ function Xe({
 }
 function Z({
   availableActions: e,
-  onSelect: r,
-  disabled: a,
-  label: o,
-  compact: l = !0
+  onSelect: s,
+  disabled: r,
+  label: a,
+  compact: d = !0
 }) {
-  const { t: i } = z();
-  return /* @__PURE__ */ d(N.Root, { children: [
-    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ d(
+  const { t: n } = z();
+  return /* @__PURE__ */ c(N.Root, { children: [
+    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(
       "button",
       {
         type: "button",
-        disabled: a,
-        "aria-label": o,
+        disabled: r,
+        "aria-label": a,
         className: He,
         children: [
-          /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "size-4" }),
-          l ? null : /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)]", children: o })
+          /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "ds:size-4" }),
+          d ? null : /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)]", children: a })
         ]
       }
     ) }),
-    /* @__PURE__ */ d(N.Content, { align: "start", sideOffset: 6, children: [
-      /* @__PURE__ */ t(N.Label, { children: i("workflow.editor.addAction") }),
-      e.map((n) => {
-        const p = D[n];
+    /* @__PURE__ */ c(N.Content, { align: "start", sideOffset: 6, children: [
+      /* @__PURE__ */ t(N.Label, { children: n("workflow.editor.addAction") }),
+      e.map((o) => {
+        const p = D[o];
         return /* @__PURE__ */ t(
           N.Item,
           {
             startIcon: /* @__PURE__ */ t(U, { iconName: p.iconName }),
-            onSelect: () => r(n),
-            children: i(p.labelKey)
+            onSelect: () => s(o),
+            children: n(p.labelKey)
           },
-          n
+          o
         );
       })
     ] })
   ] });
 }
-function Ze({ criteria: e, onEdit: r, disabled: a }) {
-  const { t: o } = z(), l = (e == null ? void 0 : e.ruleCount) ?? 0, i = l > 0 ? o("workflow.editor.criteriaCount", { count: l }) : o("workflow.editor.noCriteria");
-  return /* @__PURE__ */ t(_, { variant: "outlined", children: /* @__PURE__ */ t(_.Header, { className: "pb-[var(--spacing-sm)]", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)] font-[var(--font-weight-semibold)] text-[color:var(--foreground)]", children: o("workflow.editor.enrollmentCriteria") }),
-      /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)] text-[color:var(--muted-foreground)] [overflow-wrap:anywhere] break-words", children: (e == null ? void 0 : e.summary) ?? i })
+function Ze({ criteria: e, onEdit: s, disabled: r }) {
+  const { t: a } = z(), d = (e == null ? void 0 : e.ruleCount) ?? 0, n = d > 0 ? a("workflow.editor.criteriaCount", { count: d }) : a("workflow.editor.noCriteria");
+  return /* @__PURE__ */ t(_, { variant: "outlined", children: /* @__PURE__ */ t(_.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+      /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]", children: a("workflow.editor.enrollmentCriteria") }),
+      /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: (e == null ? void 0 : e.summary) ?? n })
     ] }),
-    r ? /* @__PURE__ */ t(
+    s ? /* @__PURE__ */ t(
       M,
       {
         icon: /* @__PURE__ */ t(O, {}),
         size: "sm",
         intent: "ghost",
-        disabled: a,
-        "aria-label": o("workflow.editor.editCriteria"),
-        onClick: r
+        disabled: r,
+        "aria-label": a("workflow.editor.editCriteria"),
+        onClick: s
       }
     ) : null
   ] }) }) });
 }
 const et = P(
   function({
-    graph: r,
-    onChange: a,
-    enrollmentCriteria: o,
-    onEditEnrollmentCriteria: l,
-    isActive: i = !1,
-    availableActions: n,
+    graph: s,
+    onChange: r,
+    enrollmentCriteria: a,
+    onEditEnrollmentCriteria: d,
+    isActive: n = !1,
+    availableActions: o,
     onEditNode: p,
     onDeleteNode: m,
     className: u
-  }, s) {
-    const { t: c } = z(), y = n ?? Ge, h = V(() => H(r), [r]), k = B(/* @__PURE__ */ new Map()), x = B(null), v = K(
+  }, i) {
+    const { t: l } = z(), y = o ?? Ge, h = V(() => H(s), [s]), k = B(/* @__PURE__ */ new Map()), x = B(null), v = K(
       (f) => {
-        i || a(f);
+        n || r(f);
       },
-      [i, a]
+      [n, r]
     ), g = K(
       (f, b) => {
         b ? k.current.set(f, b) : k.current.delete(f);
@@ -796,52 +796,52 @@ const et = P(
       b && (b.focus(), x.current = null);
     });
     const j = (f, b) => {
-      if (i) return;
+      if (n) return;
       const E = {
         id: Ye(),
         type: b,
         settings: Je(b)
       };
-      x.current = E.id, v(F(r, f, E));
+      x.current = E.id, v(F(s, f, E));
     }, A = (f, b) => {
-      i || (x.current = f, v(qe(r, f, b)));
+      n || (x.current = f, v(qe(s, f, b)));
     }, $ = (f) => {
-      i || !p || p(f);
+      n || !p || p(f);
     }, q = (f) => {
-      i || !m || m(f);
-    }, w = () => i ? /* @__PURE__ */ t(W, { variant: "warning", children: /* @__PURE__ */ t(W.Title, { as: "p", children: c("workflow.editor.activeLock") }) }) : null, S = () => o || l ? /* @__PURE__ */ d(fe, { children: [
+      n || !m || m(f);
+    }, w = () => n ? /* @__PURE__ */ t(W, { variant: "warning", children: /* @__PURE__ */ t(W.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, S = () => a || d ? /* @__PURE__ */ c(fe, { children: [
       /* @__PURE__ */ t(
         Ze,
         {
-          criteria: o,
-          onEdit: l,
-          disabled: i
+          criteria: a,
+          onEdit: d,
+          disabled: n
         }
       ),
       /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R })
     ] }) : null, I = h.length;
-    return I === 0 ? /* @__PURE__ */ d(
+    return I === 0 ? /* @__PURE__ */ c(
       "div",
       {
-        ref: s,
+        ref: i,
         className: [Q, u].filter(Boolean).join(" "),
         children: [
           w(),
           S(),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c(
             T,
             {
               variant: "first-use",
-              title: c("workflow.editor.addFirstAction"),
-              description: c("workflow.editor.empty"),
+              title: l("workflow.editor.addFirstAction"),
+              description: l("workflow.editor.empty"),
               children: [
-                /* @__PURE__ */ t(T.Illustration, { children: /* @__PURE__ */ d(
+                /* @__PURE__ */ t(T.Illustration, { children: /* @__PURE__ */ c(
                   "svg",
                   {
                     viewBox: "0 0 120 120",
                     fill: "none",
                     "aria-hidden": "true",
-                    className: "w-full h-full",
+                    className: "ds:w-full ds:h-full",
                     children: [
                       /* @__PURE__ */ t(
                         "circle",
@@ -879,15 +879,15 @@ const et = P(
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ t(T.Title, { children: c("workflow.editor.addFirstAction") }),
-                /* @__PURE__ */ t(T.Description, { children: c("workflow.editor.empty") }),
-                /* @__PURE__ */ t(T.Actions, { children: /* @__PURE__ */ d(N.Root, { children: [
-                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ d(we, { intent: "primary", disabled: i, children: [
-                    /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "size-4" }),
-                    /* @__PURE__ */ t("span", { children: c("workflow.editor.addFirstAction") })
+                /* @__PURE__ */ t(T.Title, { children: l("workflow.editor.addFirstAction") }),
+                /* @__PURE__ */ t(T.Description, { children: l("workflow.editor.empty") }),
+                /* @__PURE__ */ t(T.Actions, { children: /* @__PURE__ */ c(N.Root, { children: [
+                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(we, { intent: "primary", disabled: n, children: [
+                    /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "ds:size-4" }),
+                    /* @__PURE__ */ t("span", { children: l("workflow.editor.addFirstAction") })
                   ] }) }),
-                  /* @__PURE__ */ d(N.Content, { align: "center", sideOffset: 6, children: [
-                    /* @__PURE__ */ t(N.Label, { children: c("workflow.editor.addAction") }),
+                  /* @__PURE__ */ c(N.Content, { align: "center", sideOffset: 6, children: [
+                    /* @__PURE__ */ t(N.Label, { children: l("workflow.editor.addAction") }),
                     y.map((f) => {
                       const b = D[f];
                       return /* @__PURE__ */ t(
@@ -895,7 +895,7 @@ const et = P(
                         {
                           startIcon: /* @__PURE__ */ t(U, { iconName: b.iconName }),
                           onSelect: () => j(null, f),
-                          children: c(b.labelKey)
+                          children: l(b.labelKey)
                         },
                         f
                       );
@@ -907,10 +907,10 @@ const et = P(
           )
         ]
       }
-    ) : /* @__PURE__ */ d(
+    ) : /* @__PURE__ */ c(
       "div",
       {
-        ref: s,
+        ref: i,
         className: [Q, u].filter(Boolean).join(" "),
         children: [
           w(),
@@ -919,8 +919,8 @@ const et = P(
             Z,
             {
               availableActions: y,
-              disabled: i,
-              label: c("workflow.editor.addAction"),
+              disabled: n,
+              label: l("workflow.editor.addAction"),
               onSelect: (f) => j(null, f)
             }
           ) }),
@@ -928,9 +928,9 @@ const et = P(
             "ol",
             {
               role: "list",
-              "aria-label": c("workflow.editor.pipeline"),
-              className: "list-none m-0 p-0 flex flex-col",
-              children: h.map((f, b) => /* @__PURE__ */ d("li", { className: "list-none flex flex-col", children: [
+              "aria-label": l("workflow.editor.pipeline"),
+              className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col",
+              children: h.map((f, b) => /* @__PURE__ */ c("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
                 /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
                 /* @__PURE__ */ t(
                   Xe,
@@ -938,7 +938,7 @@ const et = P(
                     node: f,
                     position: b,
                     total: I,
-                    disabled: i,
+                    disabled: n,
                     onEdit: p ? $ : void 0,
                     onDelete: m ? q : void 0,
                     onMove: A,
@@ -950,8 +950,8 @@ const et = P(
                   Z,
                   {
                     availableActions: y,
-                    disabled: i,
-                    label: c("workflow.editor.addActionAfter"),
+                    disabled: n,
+                    label: l("workflow.editor.addActionAfter"),
                     onSelect: (E) => j(f.id, E)
                   }
                 ) })
@@ -965,27 +965,27 @@ const et = P(
 );
 et.displayName = "WorkflowEditor";
 const tt = {
-  Clock: oe,
-  Mail: ae,
-  Smartphone: ie,
-  CheckSquare: re,
-  MessageCircle: ne,
-  UserCog: le,
+  Clock: ae,
+  Mail: re,
+  Smartphone: ne,
+  CheckSquare: se,
+  MessageCircle: oe,
+  UserCog: de,
   Globe: te
-}, rt = L(
+}, st = L(
   // The map is a list of steps — never a list of meaningful controls.
   // Layout via logical properties only; connectors are sibling spacers
   // styled with border-inline-start / border-block-end (see node/spacer).
-  "flex list-none p-0 m-0",
+  "ds:flex ds:list-none ds:p-0 ds:m-0",
   {
     variants: {
       orientation: {
-        vertical: "flex-col items-stretch",
-        horizontal: "flex-row items-stretch flex-wrap"
+        vertical: "ds:flex-col ds:items-stretch",
+        horizontal: "ds:flex-row ds:items-stretch ds:flex-wrap"
       },
       compact: {
-        true: "gap-0",
-        false: "gap-0"
+        true: "ds:gap-0",
+        false: "ds:gap-0"
       }
     },
     defaultVariants: {
@@ -993,53 +993,53 @@ const tt = {
       compact: !1
     }
   }
-), ce = L("flex", {
+), le = L("ds:flex", {
   variants: {
     orientation: {
-      vertical: "flex-col items-stretch",
-      horizontal: "flex-row items-center"
+      vertical: "ds:flex-col ds:items-stretch",
+      horizontal: "ds:flex-row ds:items-center"
     }
   }
-}), de = L(
+}), ce = L(
   [
-    "relative flex items-center",
-    "gap-[var(--spacing-sm)]",
-    "rounded-[var(--radius-md)]",
-    "border border-[color:var(--border)]",
-    "bg-[var(--card)] text-[var(--card-foreground)]",
+    "ds:relative ds:flex ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
     // Motion honours the accessible theme (--animation-duration → 0ms).
-    "transition-[box-shadow,transform,opacity] duration-[var(--animation-duration)]",
-    "motion-reduce:transition-none",
+    "ds:transition-[box-shadow,transform,opacity] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
     // Content wraps instead of pushing siblings off-screen (DE / CJK story contract).
-    "[word-break:break-word] [overflow-wrap:anywhere]"
+    "ds:[word-break:break-word] ds:[overflow-wrap:anywhere]"
   ].join(" "),
   {
     variants: {
       orientation: {
-        vertical: "inline-size-full",
-        horizontal: "block-size-full"
+        vertical: "ds:inline-size-full",
+        horizontal: "ds:block-size-full"
       },
       compact: {
-        true: "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] py-[var(--spacing-xs)] min-h-[var(--spacing-xl)]",
-        false: "ps-[var(--spacing-md)] pe-[var(--spacing-md)] py-[var(--spacing-sm)]"
+        true: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:min-h-[var(--spacing-xl)]",
+        false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]"
       },
       state: {
         completed: "",
-        current: "ring-2 ring-[color:var(--ring)] font-[var(--font-weight-semibold)]",
+        current: "ds:ring-2 ds:ring-[color:var(--ring)] ds:font-[var(--font-weight-semibold)]",
         // Pending state uses a dashed border + muted foreground so the
         // step reads as "upcoming" without dropping text contrast below
         // the 4.5:1 AA floor in dark-accessible. Applying opacity to
         // text that is already on --muted-foreground fails axe on the
         // dark themes (contrast ~3.6:1 after a 50 % dim).
-        pending: "border-dashed text-[color:var(--muted-foreground)] [&_[data-testid=workflow-map-summary]]:text-[color:var(--muted-foreground)]",
+        pending: "ds:border-dashed ds:text-[color:var(--muted-foreground)] ds:[&_[data-testid=workflow-map-summary]]:text-[color:var(--muted-foreground)]",
         neutral: ""
       },
       interactive: {
         true: [
-          "cursor-pointer",
-          "hover:shadow-[var(--shadow-sm)]",
-          "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-          "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+          "ds:cursor-pointer",
+          "ds:hover:shadow-[var(--shadow-sm)]",
+          "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+          "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
         ].join(" "),
         false: ""
       }
@@ -1047,9 +1047,9 @@ const tt = {
   }
 ), ue = L(
   [
-    "block",
-    "border-solid",
-    "border-[color:var(--border)]"
+    "ds:block",
+    "ds:border-solid",
+    "ds:border-[color:var(--border)]"
   ].join(" "),
   {
     variants: {
@@ -1059,14 +1059,14 @@ const tt = {
           // `border-inline-start-width` in Tailwind v4, so only the
           // inline-start side renders — the other three stay at 0.
           // `ms-[…]` aligns the line under the icon column.
-          "ms-[calc(var(--spacing-md)+var(--spacing-sm))]",
-          "border-s-[length:var(--border-width-hairline)]",
-          "border-inline-start"
+          "ds:ms-[calc(var(--spacing-md)+var(--spacing-sm))]",
+          "ds:border-s-[length:var(--border-width-hairline)]",
+          "ds:border-inline-start"
         ].join(" "),
         horizontal: [
-          "self-center",
-          "border-b-[length:var(--border-width-hairline)]",
-          "border-block-end"
+          "ds:self-center",
+          "ds:border-b-[length:var(--border-width-hairline)]",
+          "ds:border-block-end"
         ].join(" ")
       },
       compact: {
@@ -1078,27 +1078,27 @@ const tt = {
       {
         orientation: "vertical",
         compact: !1,
-        class: "h-[var(--spacing-md)]"
+        class: "ds:h-[var(--spacing-md)]"
       },
       {
         orientation: "vertical",
         compact: !0,
-        class: "h-[var(--spacing-sm)]"
+        class: "ds:h-[var(--spacing-sm)]"
       },
       {
         orientation: "horizontal",
         compact: !1,
-        class: "w-[var(--spacing-md)]"
+        class: "ds:w-[var(--spacing-md)]"
       },
       {
         orientation: "horizontal",
         compact: !0,
-        class: "w-[var(--spacing-sm)]"
+        class: "ds:w-[var(--spacing-sm)]"
       }
     ]
   }
 );
-function at(e) {
+function rt(e) {
   switch (e.kind) {
     case "add_delay":
       return typeof e.days == "number" && e.days > 0 ? {
@@ -1127,54 +1127,54 @@ function at(e) {
       return;
   }
 }
-function ot(e, r) {
+function at(e, s) {
   if (e !== void 0)
-    return typeof e == "string" ? e : r(e.key, e.options);
+    return typeof e == "string" ? e : s(e.key, e.options);
 }
-const nt = P(
+const ot = P(
   function({
-    graph: r,
-    activeNodeId: a,
-    onNodeClick: o,
-    enrollmentCriteria: l,
-    orientation: i = "vertical",
-    compact: n = !1,
+    graph: s,
+    activeNodeId: r,
+    onNodeClick: a,
+    enrollmentCriteria: d,
+    orientation: n = "vertical",
+    compact: o = !1,
     className: p,
     "aria-label": m,
     ...u
-  }, s) {
-    const { t: c } = z(), y = V(() => H(r), [r]), h = V(
-      () => a ? y.findIndex((v) => v.id === a) : -1,
-      [y, a]
-    ), k = m ?? c("workflow.map.label", { count: y.length }), x = (v) => h === -1 ? "neutral" : v === h ? "current" : v < h ? "completed" : "pending";
-    return /* @__PURE__ */ d(
+  }, i) {
+    const { t: l } = z(), y = V(() => H(s), [s]), h = V(
+      () => r ? y.findIndex((v) => v.id === r) : -1,
+      [y, r]
+    ), k = m ?? l("workflow.map.label", { count: y.length }), x = (v) => h === -1 ? "neutral" : v === h ? "current" : v < h ? "completed" : "pending";
+    return /* @__PURE__ */ c(
       "ol",
       {
-        ref: s,
+        ref: i,
         role: "list",
         "aria-label": k,
-        className: rt({ orientation: i, compact: n, className: p }),
+        className: st({ orientation: n, compact: o, className: p }),
         ...u,
         children: [
-          l ? /* @__PURE__ */ t(
-            st,
+          d ? /* @__PURE__ */ t(
+            it,
             {
-              orientation: i,
-              compact: n,
-              criteria: l
+              orientation: n,
+              compact: o,
+              criteria: d
             }
           ) : null,
           y.map((v, g) => {
             const j = x(g), A = g === y.length - 1;
             return /* @__PURE__ */ t(
-              it,
+              nt,
               {
                 node: v,
                 state: j,
-                orientation: i,
-                compact: n,
+                orientation: n,
+                compact: o,
                 isLast: A,
-                onNodeClick: o
+                onNodeClick: a
               },
               v.id
             );
@@ -1184,107 +1184,107 @@ const nt = P(
     );
   }
 );
-nt.displayName = "WorkflowMap";
-function it({
+ot.displayName = "WorkflowMap";
+function nt({
   node: e,
-  state: r,
-  orientation: a,
-  compact: o,
-  isLast: l,
-  onNodeClick: i
+  state: s,
+  orientation: r,
+  compact: a,
+  isLast: d,
+  onNodeClick: n
 }) {
-  const { t: n } = z(), p = D[e.type], m = tt[p.iconName], u = n(p.labelKey), s = ot(at(e.settings), n), c = typeof i == "function", y = r === "current", h = r === "completed", k = (g) => {
-    c && (g.preventDefault(), i == null || i(e.id));
+  const { t: o } = z(), p = D[e.type], m = tt[p.iconName], u = o(p.labelKey), i = at(rt(e.settings), o), l = typeof n == "function", y = s === "current", h = s === "completed", k = (g) => {
+    l && (g.preventDefault(), n == null || n(e.id));
   }, x = (g) => {
-    c && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), i == null || i(e.id));
-  }, v = y ? n("workflow.map.current") : h ? n("workflow.map.completed") : r === "pending" ? n("workflow.map.pending") : null;
+    l && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), n == null || n(e.id));
+  }, v = y ? o("workflow.map.current") : h ? o("workflow.map.completed") : s === "pending" ? o("workflow.map.pending") : null;
   return (
     // `<li>` has implicit role="listitem"; no explicit role needed.
-    /* @__PURE__ */ d("li", { className: ce({ orientation: a }), children: [
-      /* @__PURE__ */ d(
+    /* @__PURE__ */ c("li", { className: le({ orientation: r }), children: [
+      /* @__PURE__ */ c(
         "div",
         {
-          role: c ? "button" : void 0,
-          tabIndex: c ? 0 : void 0,
+          role: l ? "button" : void 0,
+          tabIndex: l ? 0 : void 0,
           "aria-current": y ? "step" : void 0,
-          "aria-label": c && o ? s ? n("workflow.map.nodeLabelWithSummary", {
+          "aria-label": l && a ? i ? o("workflow.map.nodeLabelWithSummary", {
             type: u,
-            summary: s
-          }) : n("workflow.map.nodeLabel", { type: u }) : void 0,
-          title: o && s ? n("workflow.map.nodeLabelWithSummary", {
+            summary: i
+          }) : o("workflow.map.nodeLabel", { type: u }) : void 0,
+          title: a && i ? o("workflow.map.nodeLabelWithSummary", {
             type: u,
-            summary: s
+            summary: i
           }) : void 0,
-          onClick: c ? k : void 0,
-          onKeyDown: c ? x : void 0,
-          className: de({
-            orientation: a,
-            compact: o,
-            state: r,
-            interactive: c
+          onClick: l ? k : void 0,
+          onKeyDown: l ? x : void 0,
+          className: ce({
+            orientation: r,
+            compact: a,
+            state: s,
+            interactive: l
           }),
           "data-node-id": e.id,
-          "data-state": r,
+          "data-state": s,
           children: [
             /* @__PURE__ */ t(
               "span",
               {
                 "aria-hidden": "true",
-                className: "flex items-center justify-center shrink-0 size-[var(--spacing-md)] text-[var(--muted-foreground)]",
+                className: "ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:size-[var(--spacing-md)] ds:text-[var(--muted-foreground)]",
                 children: h ? /* @__PURE__ */ t(
                   ge,
                   {
-                    className: "size-[var(--spacing-md)] text-[color:var(--success)]",
+                    className: "ds:size-[var(--spacing-md)] ds:text-[color:var(--success)]",
                     "data-testid": "workflow-map-check"
                   }
-                ) : /* @__PURE__ */ t(m, { className: "size-[var(--spacing-md)]" })
+                ) : /* @__PURE__ */ t(m, { className: "ds:size-[var(--spacing-md)]" })
               }
             ),
-            /* @__PURE__ */ d("span", { className: "flex flex-col min-w-0 flex-1", children: [
+            /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: o ? "type-meta truncate" : "type-body-sm",
+                  className: a ? "type-meta ds:truncate" : "type-body-sm",
                   children: u
                 }
               ),
-              !o && s ? /* @__PURE__ */ t(
+              !a && i ? /* @__PURE__ */ t(
                 "span",
                 {
-                  className: "type-meta text-[var(--muted-foreground)]",
+                  className: "type-meta ds:text-[var(--muted-foreground)]",
                   "data-testid": "workflow-map-summary",
-                  children: s
+                  children: i
                 }
               ) : null
             ] }),
-            v ? /* @__PURE__ */ t("span", { className: "sr-only", children: v }) : null
+            v ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: v }) : null
           ]
         }
       ),
-      l ? null : /* @__PURE__ */ t(
+      d ? null : /* @__PURE__ */ t(
         "span",
         {
           "aria-hidden": "true",
-          className: ue({ orientation: a, compact: o }),
+          className: ue({ orientation: r, compact: a }),
           "data-testid": "workflow-map-connector"
         }
       )
     ] })
   );
 }
-function st({
+function it({
   orientation: e,
-  compact: r,
-  criteria: a
+  compact: s,
+  criteria: r
 }) {
-  const { t: o } = z();
-  return /* @__PURE__ */ d("li", { className: ce({ orientation: e }), children: [
-    /* @__PURE__ */ d(
+  const { t: a } = z();
+  return /* @__PURE__ */ c("li", { className: le({ orientation: e }), children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: de({
+        className: ce({
           orientation: e,
-          compact: r,
+          compact: s,
           state: "neutral",
           interactive: !1
         }),
@@ -1294,20 +1294,20 @@ function st({
             "span",
             {
               "aria-hidden": "true",
-              className: "flex items-center justify-center shrink-0 size-[var(--spacing-md)] text-[var(--muted-foreground)]",
-              children: /* @__PURE__ */ t(Me, { className: "size-[var(--spacing-md)]" })
+              className: "ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:size-[var(--spacing-md)] ds:text-[var(--muted-foreground)]",
+              children: /* @__PURE__ */ t(Me, { className: "ds:size-[var(--spacing-md)]" })
             }
           ),
-          /* @__PURE__ */ d("span", { className: "flex flex-col min-w-0 flex-1", children: [
+          /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
             /* @__PURE__ */ t(
               "span",
               {
-                className: r ? "type-meta truncate" : "type-body-sm",
-                children: o("workflow.editor.enrollmentCriteria")
+                className: s ? "type-meta ds:truncate" : "type-body-sm",
+                children: a("workflow.editor.enrollmentCriteria")
               }
             ),
-            r ? null : /* @__PURE__ */ t("span", { className: "type-meta text-[var(--muted-foreground)]", children: a.summary ?? o("workflow.editor.criteriaCount", {
-              count: a.ruleCount
+            s ? null : /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.summary ?? a("workflow.editor.criteriaCount", {
+              count: r.ruleCount
             }) })
           ] })
         ]
@@ -1317,7 +1317,7 @@ function st({
       "span",
       {
         "aria-hidden": "true",
-        className: ue({ orientation: e, compact: r })
+        className: ue({ orientation: e, compact: s })
       }
     )
   ] });
@@ -1326,7 +1326,7 @@ export {
   Re as C,
   $e as W,
   et as a,
-  nt as b,
+  ot as b,
   F as c,
   Ve as i,
   H as l,
@@ -1334,4 +1334,4 @@ export {
   Y as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-Uf-hHAO3.js.map
+//# sourceMappingURL=workflow-map-gBhL_Wrs.js.map