npm - @alfadocs/ui-kit - Versions diffs - 0.1.4 → 0.1.6 - Mend

@alfadocs/ui-kit 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (275) hide show

package/dist/_chunks/{workflow-map-CAM6Uy_J.js → workflow-map-DGJwVcO-.js} RENAMED Viewed

@@ -4,15 +4,15 @@ import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { C as _ } from "./card-BEy58ZKp.js";
 import { B as pe } from "./badge-mrstWxve.js";
-import { K as G } from "./key-value-pair-C9hpjC_B.js";
+import { K as G } from "./key-value-pair-JRFS9Xrh.js";
 import { T as he } from "./timestamp-BV2lC-wV.js";
-import { I as M } from "./icon-button-CNjWCD1X.js";
+import { I as M } from "./icon-button-Wnnde5lc.js";
 import { c as C } from "./createLucideIcon-CrFbzy84.js";
 import { C as ve } from "./circle-BkqTgYmt.js";
-import { A as W } from "./alert-rOM4EG0P.js";
-import { B as we } from "./button-7dTew-IV.js";
-import { D as N } from "./dropdown-menu-2HgU1Emf.js";
-import { E as T } from "./empty-state-BHrItOiE.js";
+import { A as W } from "./alert-BlOUMkXj.js";
+import { B as we } from "./button-7mLWcMp_.js";
+import { D as N } from "./dropdown-menu-JNo66A-j.js";
+import { E as T } from "./empty-state-DQPtRp2b.js";
 import { P as ee } from "./plus-CYKNmfuA.js";
 import { G as te } from "./globe-BkEFMNSg.js";
 import { S as se } from "./square-check-big-Jr-0202D.js";
@@ -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" }]
-], ie = C("trash-2", De);
+], de = 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" }]
-], de = C("user-cog", Ee), Be = L("ds:relative ds:w-full", {
+], ie = C("user-cog", Ee), Be = L("ds:relative ds:w-full", {
   variants: {
     density: {
       comfortable: "",
@@ -191,18 +191,18 @@ const $e = P(
     workflow: s,
     density: r = "comfortable",
     onView: a,
-    onEdit: d,
+    onEdit: i,
     onDelete: n,
     onToggleActive: o,
     className: p
   }, m) {
-    const { t: u } = z(), i = Ke(s.status), l = s.status === "active", y = r === "compact", h = (v) => (g) => {
+    const { t: u } = z(), d = Ke(s.status), l = s.status === "active", y = r === "compact", h = (v) => (g) => {
       g.stopPropagation(), v == null || v();
     }, k = /* @__PURE__ */ t(
       pe,
       {
-        variant: i.badgeVariant,
-        leading: i.icon,
+        variant: d.badgeVariant,
+        leading: d.icon,
         withDot: !1,
         children: u(`workflow.status.${s.status}`)
       }
@@ -277,14 +277,14 @@ const $e = P(
               )
             ] }),
             /* @__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(
+              i && /* @__PURE__ */ t(
                 M,
                 {
                   icon: /* @__PURE__ */ t(O, {}),
                   size: "sm",
                   intent: "ghost",
                   "aria-label": u("workflow.card.edit"),
-                  onClick: h(() => d(s.id))
+                  onClick: h(() => i(s.id))
                 }
               ),
               o && /* @__PURE__ */ t(
@@ -304,7 +304,7 @@ const $e = P(
               n && /* @__PURE__ */ t(
                 M,
                 {
-                  icon: /* @__PURE__ */ t(ie, {}),
+                  icon: /* @__PURE__ */ t(de, {}),
                   size: "sm",
                   intent: "destructive",
                   "aria-label": u("workflow.card.delete"),
@@ -322,23 +322,23 @@ $e.displayName = "WorkflowCard";
 function H(e) {
   if (e.nodes.length === 0) return [];
   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);
+    (d) => d.condition == null
+  ), r = new Set(s.map((d) => d.to)), i = e.nodes.filter((d) => !r.has(d.id))[0] ?? e.nodes[0], n = new Map(e.nodes.map((d) => [d.id, d])), o = /* @__PURE__ */ new Map();
+  for (const d of s) {
+    const l = o.get(d.from) ?? [];
+    l.push(d), o.set(d.from, l);
   }
   const p = /* @__PURE__ */ new Set(), m = [];
-  let u = d;
+  let u = i;
   for (; u && !p.has(u.id); ) {
     p.add(u.id), m.push(u);
-    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;
+    const d = o.get(u.id) ?? [];
+    d.length > 1 && typeof console < "u" && console.warn(
+      `[workflow] node ${u.id} has ${d.length} outgoing linear edges; v1 walks the first only.`
+    ), u = d[0] ? n.get(d[0].to) : void 0;
   }
-  for (const i of e.nodes)
-    p.has(i.id) || m.push(i);
+  for (const d of e.nodes)
+    p.has(d.id) || m.push(d);
   return m;
 }
 function F(e, s, r) {
@@ -353,10 +353,10 @@ function F(e, s, r) {
       ]
     } : { nodes: a, edges: [] };
   }
-  const d = e.edges.find(
+  const i = e.edges.find(
     (o) => o.from === s && o.condition == null
   );
-  if (!d)
+  if (!i)
     return {
       nodes: a,
       edges: [
@@ -364,13 +364,13 @@ function F(e, s, r) {
         { from: s, to: r.id, condition: null }
       ]
     };
-  const n = e.edges.filter((o) => o !== d);
+  const n = e.edges.filter((o) => o !== i);
   return {
     nodes: a,
     edges: [
       ...n,
       { from: s, to: r.id, condition: null },
-      { from: r.id, to: d.to, condition: null }
+      { from: r.id, to: i.to, condition: null }
     ]
   };
 }
@@ -379,12 +379,12 @@ function Y(e, s) {
     (o) => o.to === s && o.condition == null
   ), a = e.edges.find(
     (o) => o.from === s && o.condition == null
-  ), d = e.edges.filter(
+  ), i = e.edges.filter(
     (o) => o.from !== s && o.to !== s
   ), n = r && a ? [
-    ...d,
+    ...i,
     { from: r.from, to: a.to, condition: null }
-  ] : d;
+  ] : i;
   return {
     nodes: e.nodes.filter((o) => o.id !== s),
     edges: n
@@ -392,14 +392,14 @@ function Y(e, s) {
 }
 function qe(e, s, r) {
   var h;
-  const a = H(e), d = a.findIndex((k) => k.id === s);
-  if (d === -1) return e;
-  const n = r === "up" ? d - 1 : d + 1;
+  const a = H(e), i = a.findIndex((k) => k.id === s);
+  if (i === -1) return e;
+  const n = r === "up" ? i - 1 : i + 1;
   if (n < 0 || n >= a.length) return e;
-  const o = a[d], p = a[n];
+  const o = a[i], 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 m = Y(Y(e, o.id), p.id), u = r === "up" ? o : p, d = r === "up" ? p : o, l = ((h = a[Math.min(i, n) - 1]) == null ? void 0 : h.id) ?? null, y = F(m, l, u);
+  return F(y, u.id, d);
 }
 const Re = /* @__PURE__ */ new Set([
   "dateOfBirth",
@@ -459,7 +459,7 @@ const D = {
   Smartphone: ne,
   CheckSquare: se,
   MessageCircle: oe,
-  UserCog: de,
+  UserCog: ie,
   Globe: te
 };
 function U({
@@ -480,8 +480,8 @@ function Oe(e, s) {
       return { text: a, full: a };
     }
     case "send_email": {
-      const r = e.subject ?? "", d = `${s("workflow.action.sendEmail")}: ${r}`;
-      return { text: J(d, Fe), full: d };
+      const r = e.subject ?? "", i = `${s("workflow.action.sendEmail")}: ${r}`;
+      return { text: J(i, Fe), full: i };
     }
     case "send_sms": {
       const r = e.body ?? "";
@@ -500,38 +500,38 @@ function Oe(e, s) {
   }
 }
 const Q = [
-  "flex flex-col",
-  "w-full",
-  "text-start",
-  "gap-[var(--spacing-sm)]"
+  "ds:flex ds:flex-col",
+  "ds:w-full",
+  "ds:text-start",
+  "ds:gap-[var(--spacing-sm)]"
 ].join(" "), R = [
-  "block",
-  "self-start",
-  "h-[var(--spacing-md)]",
-  "ms-[calc(var(--min-target-size)/2)]",
-  "border-inline-start-[var(--border-width-hairline)]",
-  "border-solid",
-  "border-[color:var(--border)]"
+  "ds:block",
+  "ds:self-start",
+  "ds:h-[var(--spacing-md)]",
+  "ds:ms-[calc(var(--min-target-size)/2)]",
+  "ds:border-inline-start-[var(--border-width-hairline)]",
+  "ds:border-solid",
+  "ds:border-[color:var(--border)]"
 ].join(" "), He = [
-  "inline-flex items-center justify-center gap-[var(--spacing-xs)]",
-  "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
-  "rounded-[var(--radius-full)]",
-  "border border-dashed border-[color:var(--border)]",
-  "bg-[color:var(--background)]",
-  "text-[color:var(--muted-foreground)]",
-  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-  "text-[length:var(--font-size-sm)]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-  "hover:bg-[color:var(--muted)]/20 hover:text-[color:var(--foreground)]",
-  "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)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "disabled:opacity-50 disabled:cursor-not-allowed"
+  "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
+  "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-full)]",
+  "ds:border ds:border-dashed ds:border-[color:var(--border)]",
+  "ds:bg-[color:var(--background)]",
+  "ds:text-[color:var(--muted-foreground)]",
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+  "ds:text-[length:var(--font-size-sm)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:hover:bg-[color:var(--muted)]/20 ds:hover:text-[color:var(--foreground)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
 ].join(" "), Ue = [
-  "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)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "rounded-[var(--radius-lg)]"
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:rounded-[var(--radius-lg)]"
 ].join(" "), Ge = Object.keys(
   D
 );
@@ -575,15 +575,15 @@ function Xe({
   position: s,
   total: r,
   disabled: a,
-  onEdit: d,
+  onEdit: i,
   onDelete: n,
   onMove: o,
   registerRef: p
 }) {
-  const { t: m } = z(), u = D[e.type], i = B(null), [l, y] = Qe(0), h = K(
+  const { t: m } = z(), u = D[e.type], d = B(null), [l, y] = Qe(0), h = K(
     (w) => {
       var f, b;
-      const S = (f = i.current) == null ? void 0 : f.querySelectorAll(
+      const S = (f = d.current) == null ? void 0 : f.querySelectorAll(
         "button[data-wf-control]:not([disabled])"
       );
       if (!S || S.length === 0) return;
@@ -628,11 +628,11 @@ function Xe({
           /* @__PURE__ */ c(
             "div",
             {
-              ref: i,
+              ref: d,
               onKeyDown: x,
               className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto",
               children: [
-                d ? /* @__PURE__ */ t(
+                i ? /* @__PURE__ */ t(
                   M,
                   {
                     "data-wf-control": "edit",
@@ -642,7 +642,7 @@ function Xe({
                     disabled: a,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.editAction"),
-                    onClick: () => d(e.id)
+                    onClick: () => i(e.id)
                   }
                 ) : null,
                 /* @__PURE__ */ t(
@@ -675,7 +675,7 @@ function Xe({
                   M,
                   {
                     "data-wf-control": "delete",
-                    icon: /* @__PURE__ */ t(ie, {}),
+                    icon: /* @__PURE__ */ t(de, {}),
                     size: "sm",
                     intent: "destructive",
                     disabled: a,
@@ -713,7 +713,7 @@ function Z({
   onSelect: s,
   disabled: r,
   label: a,
-  compact: d = !0
+  compact: i = !0
 }) {
   const { t: n } = z();
   return /* @__PURE__ */ c(N.Root, { children: [
@@ -726,7 +726,7 @@ function Z({
         className: He,
         children: [
           /* @__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 })
+          i ? null : /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)]", children: a })
         ]
       }
     ) }),
@@ -748,7 +748,7 @@ function Z({
   ] });
 }
 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");
+  const { t: a } = z(), i = (e == null ? void 0 : e.ruleCount) ?? 0, n = i > 0 ? a("workflow.editor.criteriaCount", { count: i }) : 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") }),
@@ -772,13 +772,13 @@ const et = P(
     graph: s,
     onChange: r,
     enrollmentCriteria: a,
-    onEditEnrollmentCriteria: d,
+    onEditEnrollmentCriteria: i,
     isActive: n = !1,
     availableActions: o,
     onEditNode: p,
     onDeleteNode: m,
     className: u
-  }, i) {
+  }, d) {
     const { t: l } = z(), y = o ?? Ge, h = V(() => H(s), [s]), k = B(/* @__PURE__ */ new Map()), x = B(null), v = K(
       (f) => {
         n || r(f);
@@ -810,12 +810,12 @@ const et = P(
       n || !p || p(f);
     }, q = (f) => {
       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: [
+    }, w = () => n ? /* @__PURE__ */ t(W, { variant: "warning", children: /* @__PURE__ */ t(W.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, S = () => a || i ? /* @__PURE__ */ c(fe, { children: [
       /* @__PURE__ */ t(
         Ze,
         {
           criteria: a,
-          onEdit: d,
+          onEdit: i,
           disabled: n
         }
       ),
@@ -824,7 +824,7 @@ const et = P(
     return I === 0 ? /* @__PURE__ */ c(
       "div",
       {
-        ref: i,
+        ref: d,
         className: [Q, u].filter(Boolean).join(" "),
         children: [
           w(),
@@ -911,7 +911,7 @@ const et = P(
     ) : /* @__PURE__ */ c(
       "div",
       {
-        ref: i,
+        ref: d,
         "data-component": "workflow-editor",
         className: [Q, u].filter(Boolean).join(" "),
         children: [
@@ -972,7 +972,7 @@ const tt = {
   Smartphone: ne,
   CheckSquare: se,
   MessageCircle: oe,
-  UserCog: de,
+  UserCog: ie,
   Globe: te
 }, st = L(
   // The map is a list of steps — never a list of meaningful controls.
@@ -1138,13 +1138,13 @@ const ot = P(
     graph: s,
     activeNodeId: r,
     onNodeClick: a,
-    enrollmentCriteria: d,
+    enrollmentCriteria: i,
     orientation: n = "vertical",
     compact: o = !1,
     className: p,
     "aria-label": m,
     ...u
-  }, i) {
+  }, d) {
     const { t: l } = z(), y = V(() => H(s), [s]), h = V(
       () => r ? y.findIndex((v) => v.id === r) : -1,
       [y, r]
@@ -1152,19 +1152,19 @@ const ot = P(
     return /* @__PURE__ */ c(
       "ol",
       {
-        ref: i,
+        ref: d,
         role: "list",
         "aria-label": k,
         "data-component": "workflow-map",
         className: st({ orientation: n, compact: o, className: p }),
         ...u,
         children: [
-          d ? /* @__PURE__ */ t(
-            it,
+          i ? /* @__PURE__ */ t(
+            dt,
             {
               orientation: n,
               compact: o,
-              criteria: d
+              criteria: i
             }
           ) : null,
           y.map((v, g) => {
@@ -1193,10 +1193,10 @@ function nt({
   state: s,
   orientation: r,
   compact: a,
-  isLast: d,
+  isLast: i,
   onNodeClick: n
 }) {
-  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) => {
+  const { t: o } = z(), p = D[e.type], m = tt[p.iconName], u = o(p.labelKey), d = 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) => {
     l && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), n == null || n(e.id));
@@ -1210,13 +1210,13 @@ function nt({
           role: l ? "button" : void 0,
           tabIndex: l ? 0 : void 0,
           "aria-current": y ? "step" : void 0,
-          "aria-label": l && a ? i ? o("workflow.map.nodeLabelWithSummary", {
+          "aria-label": l && a ? d ? o("workflow.map.nodeLabelWithSummary", {
             type: u,
-            summary: i
+            summary: d
           }) : o("workflow.map.nodeLabel", { type: u }) : void 0,
-          title: a && i ? o("workflow.map.nodeLabelWithSummary", {
+          title: a && d ? o("workflow.map.nodeLabelWithSummary", {
             type: u,
-            summary: i
+            summary: d
           }) : void 0,
           onClick: l ? k : void 0,
           onKeyDown: l ? x : void 0,
@@ -1251,12 +1251,12 @@ function nt({
                   children: u
                 }
               ),
-              !a && i ? /* @__PURE__ */ t(
+              !a && d ? /* @__PURE__ */ t(
                 "span",
                 {
                   className: "type-meta ds:text-[var(--muted-foreground)]",
                   "data-testid": "workflow-map-summary",
-                  children: i
+                  children: d
                 }
               ) : null
             ] }),
@@ -1264,7 +1264,7 @@ function nt({
           ]
         }
       ),
-      d ? null : /* @__PURE__ */ t(
+      i ? null : /* @__PURE__ */ t(
         "span",
         {
           "aria-hidden": "true",
@@ -1275,7 +1275,7 @@ function nt({
     ] })
   );
 }
-function it({
+function dt({
   orientation: e,
   compact: s,
   criteria: r
@@ -1337,4 +1337,4 @@ export {
   Y as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-CAM6Uy_J.js.map
+//# sourceMappingURL=workflow-map-DGJwVcO-.js.map