@emporix/process-diagram 1.0.5 → 1.0.6

package/dist/index.mjs

@@ -1,18 +1,18 @@
-import { jsxs as C, Fragment as s1, jsx as t } from "react/jsx-runtime";
-import O, { forwardRef as c1, useState as E, useRef as T, useCallback as H, useImperativeHandle as l1, useEffect as V, createContext as a1, useMemo as j, useContext as d1 } from "react";
-import { createPortal as u1 } from "react-dom";
-const p1 = "_container_1rumk_1", m1 = "_step_1rumk_8", h1 = "_selected_1rumk_23", C1 = "_selectedInvalid_1rumk_29", g1 = "_isSet_1rumk_35", f1 = "_invalid_1rumk_39", v1 = "_filterFlag_1rumk_45", _1 = "_title_1rumk_71", y1 = "_icon_1rumk_88", w1 = "_content_1rumk_106", k1 = "_dotsButton_1rumk_112", f = {
-  container: p1,
-  step: m1,
-  selected: h1,
-  selectedInvalid: C1,
-  isSet: g1,
-  invalid: f1,
-  filterFlag: v1,
-  title: _1,
-  icon: y1,
-  content: w1,
-  dotsButton: k1
+import { jsxs as g, Fragment as se, jsx as t } from "react/jsx-runtime";
+import O, { forwardRef as ce, useState as E, useRef as T, useCallback as H, useImperativeHandle as le, useEffect as W, createContext as ae, useMemo as z, useContext as de } from "react";
+import { createPortal as ue } from "react-dom";
+const pe = "_container_ww84z_1", he = "_step_ww84z_7", me = "_selected_ww84z_22", ge = "_selectedInvalid_ww84z_28", Ce = "_isSet_ww84z_34", fe = "_invalid_ww84z_38", ve = "_filterFlag_ww84z_44", _e = "_title_ww84z_70", we = "_icon_ww84z_87", ye = "_content_ww84z_105", xe = "_dotsButton_ww84z_111", f = {
+  container: pe,
+  step: he,
+  selected: me,
+  selectedInvalid: ge,
+  isSet: Ce,
+  invalid: fe,
+  filterFlag: ve,
+  title: _e,
+  icon: we,
+  content: ye,
+  dotsButton: xe
 };
 var J = {
   color: void 0,
@@ -20,10 +20,10 @@ var J = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Y = O.createContext && /* @__PURE__ */ O.createContext(J), x1 = ["attr", "size", "title"];
-function I1(e, i) {
+}, Y = O.createContext && /* @__PURE__ */ O.createContext(J), ke = ["attr", "size", "title"];
+function Ie(e, i) {
   if (e == null) return {};
-  var n = b1(e, i), r, d;
+  var n = be(e, i), r, d;
   if (Object.getOwnPropertySymbols) {
     var p = Object.getOwnPropertySymbols(e);
     for (d = 0; d < p.length; d++)
@@ -31,7 +31,7 @@ function I1(e, i) {
   }
   return n;
 }
-function b1(e, i) {
+function be(e, i) {
   if (e == null) return {};
   var n = {};
   for (var r in e)
@@ -41,15 +41,15 @@ function b1(e, i) {
     }
   return n;
 }
-function A() {
-  return A = Object.assign ? Object.assign.bind() : function(e) {
+function F() {
+  return F = Object.assign ? Object.assign.bind() : function(e) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, A.apply(this, arguments);
+  }, F.apply(this, arguments);
 }
 function X(e, i) {
   var n = Object.keys(e);
@@ -61,25 +61,25 @@ function X(e, i) {
   }
   return n;
 }
-function z(e) {
+function A(e) {
   for (var i = 1; i < arguments.length; i++) {
     var n = arguments[i] != null ? arguments[i] : {};
     i % 2 ? X(Object(n), !0).forEach(function(r) {
-      N1(e, r, n[r]);
+      Ne(e, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : X(Object(n)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return e;
 }
-function N1(e, i, n) {
-  return i = L1(i), i in e ? Object.defineProperty(e, i, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = n, e;
+function Ne(e, i, n) {
+  return i = Pe(i), i in e ? Object.defineProperty(e, i, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = n, e;
 }
-function L1(e) {
-  var i = M1(e, "string");
+function Pe(e) {
+  var i = Le(e, "string");
   return typeof i == "symbol" ? i : i + "";
 }
-function M1(e, i) {
+function Le(e, i) {
   if (typeof e != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -90,29 +90,29 @@ function M1(e, i) {
   return (i === "string" ? String : Number)(e);
 }
 function Q(e) {
-  return e && e.map((i, n) => /* @__PURE__ */ O.createElement(i.tag, z({
+  return e && e.map((i, n) => /* @__PURE__ */ O.createElement(i.tag, A({
     key: n
   }, i.attr), Q(i.child)));
 }
-function R(e) {
-  return (i) => /* @__PURE__ */ O.createElement(P1, A({
-    attr: z({}, e.attr)
+function j(e) {
+  return (i) => /* @__PURE__ */ O.createElement(Me, F({
+    attr: A({}, e.attr)
   }, i), Q(e.child));
 }
-function P1(e) {
+function Me(e) {
   var i = (n) => {
     var {
       attr: r,
       size: d,
       title: p
-    } = e, l = I1(e, x1), c = d || n.size || "1em", o;
-    return n.className && (o = n.className), e.className && (o = (o ? o + " " : "") + e.className), /* @__PURE__ */ O.createElement("svg", A({
+    } = e, l = Ie(e, ke), c = d || n.size || "1em", o;
+    return n.className && (o = n.className), e.className && (o = (o ? o + " " : "") + e.className), /* @__PURE__ */ O.createElement("svg", F({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, n.attr, r, l, {
       className: o,
-      style: z(z({
+      style: A(A({
         color: e.color || n.color
       }, n.style), e.style),
       height: c,
@@ -122,24 +122,24 @@ function P1(e) {
   };
   return Y !== void 0 ? /* @__PURE__ */ O.createElement(Y.Consumer, null, (n) => i(n)) : i(J);
 }
-function E1(e) {
-  return R({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z" }, child: [] }] })(e);
+function Ee(e) {
+  return j({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z" }, child: [] }] })(e);
 }
 function G(e) {
-  return R({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" }, child: [] }] })(e);
+  return j({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" }, child: [] }] })(e);
 }
-function e1(e) {
-  return R({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z" }, child: [] }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z" }, child: [] }] })(e);
+function ee(e) {
+  return j({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z" }, child: [] }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z" }, child: [] }] })(e);
 }
-const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_19663_37", H1 = "_disabled_19663_52", T1 = "_menuItemIcon_19663_57", $1 = "_menuItemText_19663_63", j1 = "_overlay_19663_69", I = {
-  panel: O1,
-  panelExiting: B1,
-  menuItem: S1,
-  disabled: H1,
-  menuItemIcon: T1,
-  menuItemText: $1,
-  overlay: j1
-}, R1 = (e) => {
+const Oe = "_panel_19663_1", Be = "_panelExiting_19663_13", Se = "_menuItem_19663_37", He = "_disabled_19663_52", Te = "_menuItemIcon_19663_57", $e = "_menuItemText_19663_63", ze = "_overlay_19663_69", I = {
+  panel: Oe,
+  panelExiting: Be,
+  menuItem: Se,
+  disabled: He,
+  menuItemIcon: Te,
+  menuItemText: $e,
+  overlay: ze
+}, je = (e) => {
   const n = e.currentTarget ?? e.target;
   if (n?.getBoundingClientRect) {
     const d = n.getBoundingClientRect();
@@ -150,53 +150,53 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
     top: (r.clientY ?? 0) + 2,
     left: r.clientX ?? 0
   };
-}, t1 = c1(function({ model: i, popup: n = !0, onHide: r, onClick: d }, p) {
-  const [l, c] = E(!1), [o, g] = E(!1), [w, S] = E({ top: 0, left: 0 }), _ = T(null), v = H(() => {
-    o || g(!0);
+}, te = ce(function({ model: i, popup: n = !0, onHide: r, onClick: d }, p) {
+  const [l, c] = E(!1), [o, C] = E(!1), [y, S] = E({ top: 0, left: 0 }), _ = T(null), v = H(() => {
+    o || C(!0);
   }, [o]), B = H(
     (a) => {
-      o && a.animationName.includes("menuOut") && (c(!1), g(!1), r?.());
+      o && a.animationName.includes("menuOut") && (c(!1), C(!1), r?.());
     },
     [o, r]
   ), b = H((a) => {
-    S(R1(a)), g(!1), c(!0);
-  }, []), k = H(
+    S(je(a)), C(!1), c(!0);
+  }, []), x = H(
     (a) => {
       l ? v() : b(a);
     },
     [l, v, b]
   );
-  l1(
+  le(
     p,
     () => ({
       show: b,
       hide: v,
-      toggle: k
+      toggle: x
     }),
-    [b, v, k]
-  ), V(() => {
+    [b, v, x]
+  ), W(() => {
     if (!l) return;
     const a = (u) => {
       u.key === "Escape" && v();
     }, s = (u) => {
-      const m = _.current;
-      m && !m.contains(u.target) && v();
+      const h = _.current;
+      h && !h.contains(u.target) && v();
     };
     return document.addEventListener("keydown", a), document.addEventListener("mousedown", s), () => {
       document.removeEventListener("keydown", a), document.removeEventListener("mousedown", s);
     };
   }, [l, v]);
-  const L = (a, s) => {
+  const P = (a, s) => {
     s.stopPropagation(), a.command?.({ originalEvent: s, item: a }), v();
-  }, x = (a, s) => {
-    const u = (m) => L(a, m);
-    return a.template ? /* @__PURE__ */ t(O.Fragment, { children: a.template(a, { onClick: u }) }, s) : /* @__PURE__ */ C(
+  }, k = (a, s) => {
+    const u = (h) => P(a, h);
+    return a.template ? /* @__PURE__ */ t(O.Fragment, { children: a.template(a, { onClick: u }) }, s) : /* @__PURE__ */ g(
       "button",
       {
         type: "button",
         className: `${I.menuItem} ${a.disabled && I.disabled}`,
-        onClick: (m) => {
-          a.disabled || u(m);
+        onClick: (h) => {
+          a.disabled || u(h);
         },
         children: [
           a.icon && /* @__PURE__ */ t("span", { className: I.menuItemIcon, children: a.icon }),
@@ -206,8 +206,8 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
       s
     );
   };
-  return !l || !n ? null : u1(
-    /* @__PURE__ */ C(s1, { children: [
+  return !l || !n ? null : ue(
+    /* @__PURE__ */ g(se, { children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -223,18 +223,18 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
           ref: _,
           className: `${I.panel} ${o ? I.panelExiting : ""}`,
           role: "menu",
-          style: { top: w.top, left: w.left },
+          style: { top: y.top, left: y.left },
           onAnimationEnd: B,
           onClick: (a) => {
             a.stopPropagation(), d?.(a);
           },
-          children: i.map(x)
+          children: i.map(k)
         }
       )
     ] }),
     document.body
   );
-}), n1 = () => (e, i) => /* @__PURE__ */ C(
+}), ne = () => (e, i) => /* @__PURE__ */ g(
   "button",
   {
     className: I.menuItem,
@@ -248,7 +248,7 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
   width: e = 16,
   height: i = 16,
   color: n = "#3B64A0"
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: e,
@@ -273,16 +273,16 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
       )
     ]
   }
-), i1 = a1(
+), ie = ae(
   void 0
-), we = ({ children: e }) => {
+), yt = ({ children: e }) => {
   const [i, n] = E([]), r = H((l, c) => {
-    n((o) => (o.forEach((g) => {
-      g.current && g !== l && g.current.hide(c);
+    n((o) => (o.forEach((C) => {
+      C.current && C !== l && C.current.hide(c);
     }), [])), l.current?.toggle(c), n([l]);
   }, []), d = H((l) => {
     n((c) => c.filter((o) => o !== l));
-  }, []), p = j(
+  }, []), p = z(
     () => ({
       openMenus: i,
       openMenu: r,
@@ -290,13 +290,13 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
     }),
     [i, r, d]
   );
-  return /* @__PURE__ */ t(i1.Provider, { value: p, children: e });
-}, F1 = () => {
-  const e = d1(i1);
+  return /* @__PURE__ */ t(ie.Provider, { value: p, children: e });
+}, Re = () => {
+  const e = de(ie);
   if (e === void 0)
     throw new Error("useMenuProvider must be used within a MenuProvider");
   return e;
-}, A1 = ({ color: e = "#E32012" }) => /* @__PURE__ */ C(
+}, Fe = ({ color: e = "#E32012" }) => /* @__PURE__ */ g(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -315,7 +315,7 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3105_5367", children: /* @__PURE__ */ t("rect", { width: "16", height: "16", fill: "white" }) }) })
     ]
   }
-), r1 = (e) => {
+), re = (e) => {
   const {
     isSet: i,
     isSelected: n,
@@ -325,35 +325,35 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
     icon: l,
     contextMenuItems: c = void 0,
     onClick: o,
-    onDeleteStep: g,
-    onUpdateFilter: w,
+    onDeleteStep: C,
+    onUpdateFilter: y,
     subtitle: S,
     isInvalid: _,
     idx: v
-  } = e, B = T(null), { openMenu: b, closeMenu: k } = F1(), L = n1(), x = j(() => [
+  } = e, B = T(null), { openMenu: b, closeMenu: x } = Re(), P = ne(), k = z(() => [
     {
       label: "Add Step Filter",
       icon: /* @__PURE__ */ t("div", { className: "mr-2 flex items-center justify-center", children: /* @__PURE__ */ t(K, {}) }),
-      command: (h) => {
-        h?.originalEvent?.stopPropagation(), w && w(v);
+      command: (m) => {
+        m?.originalEvent?.stopPropagation(), y && y(v);
       },
-      template: L
+      template: P
     },
     {
       label: "Remove",
-      icon: /* @__PURE__ */ t(e1, { className: "mr-2", color: "#3B64A0", size: 18 }),
-      command: (h) => {
-        h?.originalEvent?.stopPropagation(), g && g(v);
+      icon: /* @__PURE__ */ t(ee, { className: "mr-2", color: "#3B64A0", size: 18 }),
+      command: (m) => {
+        m?.originalEvent?.stopPropagation(), C && C(v);
       },
-      template: L
+      template: P
     }
-  ], [w, g, v]), a = j(() => c !== void 0 ? c : x, [c, x]), s = (h) => {
-    h.stopPropagation(), b(B, h);
-  }, u = j(() => n && _ ? f.step + " " + f.selectedInvalid : n ? f.step + " " + f.selected : i ? f.step + " " + f.isSet : _ ? f.step + " " + f.invalid : f.step, [i, n, _]), m = j(() => _ ? /* @__PURE__ */ t(A1, { color: "#E32012" }) : l, [l, _]);
-  return /* @__PURE__ */ t("div", { className: f.container + " " + d, children: /* @__PURE__ */ C("div", { children: [
-    /* @__PURE__ */ C("div", { className: u, onClick: o, children: [
-      /* @__PURE__ */ C("div", { className: f.content, children: [
-        /* @__PURE__ */ t("div", { className: `${f.icon} ${_ && f.invalid}`, children: m }),
+  ], [y, C, v]), a = z(() => c !== void 0 ? c : k, [c, k]), s = (m) => {
+    m.stopPropagation(), b(B, m);
+  }, u = z(() => n && _ ? f.step + " " + f.selectedInvalid : n ? f.step + " " + f.selected : i ? f.step + " " + f.isSet : _ ? f.step + " " + f.invalid : f.step, [i, n, _]), h = z(() => _ ? /* @__PURE__ */ t(Fe, { color: "#E32012" }) : l, [l, _]);
+  return /* @__PURE__ */ t("div", { className: f.container + " " + d, children: /* @__PURE__ */ g("div", { children: [
+    /* @__PURE__ */ g("div", { className: u, onClick: o, children: [
+      /* @__PURE__ */ g("div", { className: f.content, children: [
+        /* @__PURE__ */ t("div", { className: `${f.icon} ${_ && f.invalid}`, children: h }),
         /* @__PURE__ */ t("div", { className: f.title, children: p })
       ] }),
       /* @__PURE__ */ t(
@@ -373,27 +373,27 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
         }
       ),
       /* @__PURE__ */ t(
-        t1,
+        te,
         {
           model: a,
           popup: !0,
           ref: B,
-          onClick: (h) => h.stopPropagation(),
-          onHide: () => k(B)
+          onClick: (m) => m.stopPropagation(),
+          onHide: () => x(B)
         }
       )
     ] }),
-    r && /* @__PURE__ */ C(
+    r && /* @__PURE__ */ g(
       "div",
       {
         className: f.filterFlag,
         role: "button",
         tabIndex: 0,
         onClick: () => {
-          w && w(v);
+          y && y(v);
         },
-        onKeyDown: (h) => {
-          (h.key === "Enter" || h.key === " ") && w && (h.preventDefault(), w(v));
+        onKeyDown: (m) => {
+          (m.key === "Enter" || m.key === " ") && y && (m.preventDefault(), y(v));
         },
         children: [
           /* @__PURE__ */ t(K, { color: "#3B64A0" }),
@@ -411,29 +411,29 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
     ),
     S && /* @__PURE__ */ t("div", { className: f.subtitle, children: S })
   ] }) });
-}, z1 = () => /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ C("g", { clipPath: "url(#clip0_6551_9169)", children: [
+}, Ae = () => /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ g("g", { clipPath: "url(#clip0_6551_9169)", children: [
     /* @__PURE__ */ t("rect", { width: "24", height: "24", rx: "12", fill: "#0C971F" }),
-    /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 12C1.5 14.7848 2.60625 17.4555 4.57538 19.4246C6.54451 21.3938 9.21523 22.5 12 22.5C14.7848 22.5 17.4555 21.3938 19.4246 19.4246C21.3938 17.4555 22.5 14.7848 22.5 12C22.5 9.21523 21.3938 6.54451 19.4246 4.57538C17.4555 2.60625 14.7848 1.5 12 1.5C9.21523 1.5 6.54451 2.60625 4.57538 4.57538C2.60625 6.54451 1.5 9.21523 1.5 12ZM24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12ZM17.25 11.25C17.4489 11.25 17.6397 11.329 17.7803 11.4697C17.921 11.6103 18 11.8011 18 12C18 12.1989 17.921 12.3897 17.7803 12.5303C17.6397 12.671 17.4489 12.75 17.25 12.75H8.5605L11.781 15.969C11.8507 16.0387 11.906 16.1215 11.9438 16.2126C11.9815 16.3037 12.0009 16.4014 12.0009 16.5C12.0009 16.5986 11.9815 16.6963 11.9438 16.7874C11.906 16.8785 11.8507 16.9613 11.781 17.031C11.7113 17.1007 11.6285 17.156 11.5374 17.1938C11.4463 17.2315 11.3486 17.2509 11.25 17.2509C11.1514 17.2509 11.0537 17.2315 10.9626 17.1938C10.8715 17.156 10.7887 17.1007 10.719 17.031L6.219 12.531C6.14916 12.4613 6.09374 12.3786 6.05593 12.2874C6.01812 12.1963 5.99866 12.0987 5.99866 12C5.99866 11.9013 6.01812 11.8037 6.05593 11.7125C6.09374 11.6214 6.14916 11.5387 6.219 11.469L10.719 6.969C10.8598 6.82817 11.0508 6.74905 11.25 6.74905C11.4492 6.74905 11.6402 6.82817 11.781 6.969C11.9218 7.10983 12.0009 7.30084 12.0009 7.5C12.0009 7.69916 11.9218 7.89017 11.781 8.031L8.5605 11.25H17.25Z", fill: "white" })
+    /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6V11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13H6C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11H11V6Z", fill: "white" })
   ] }),
   /* @__PURE__ */ t("rect", { x: "0.75", y: "0.75", width: "22.5", height: "22.5", rx: "11.25", stroke: "#14BC2B", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_6551_9169", children: /* @__PURE__ */ t("rect", { width: "24", height: "24", rx: "12", fill: "white" }) }) })
-] }), D1 = "_multipleTriggersIcon_oxhdi_1", W1 = {
-  multipleTriggersIcon: D1
-}, V1 = () => /* @__PURE__ */ t("div", { className: W1.multipleTriggersIcon, children: /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H5.25C5.84674 1.5 6.41903 1.73705 6.84099 2.15901C7.26295 2.58097 7.5 3.15326 7.5 3.75L13.701 3.75C13.8661 3.46404 14.1209 3.24054 14.426 3.11418C14.7311 2.98782 15.0693 2.96565 15.3883 3.05111C15.7072 3.13657 15.9891 3.32489 16.1901 3.58686C16.3911 3.84882 16.5 4.1698 16.5 4.5C16.5 4.8302 16.3911 5.15118 16.1901 5.41314C15.9891 5.67511 15.7072 5.86343 15.3883 5.94889C15.0693 6.03435 14.7311 6.01218 14.426 5.88582C14.1209 5.75946 13.8661 5.53596 13.701 5.25H10.686C10.956 5.52 11.196 5.8215 11.412 6.1575C12.369 7.6455 12.75 9.6885 12.75 12C12.75 14.9895 13.1355 16.638 13.8195 17.55C14.3535 18.264 15.162 18.6315 16.5 18.726C16.5063 18.1334 16.7462 17.5673 17.1674 17.1505C17.5887 16.7337 18.1574 16.5 18.75 16.5H20.25C20.8467 16.5 21.419 16.7371 21.841 17.159C22.2629 17.581 22.5 18.1533 22.5 18.75V20.25C22.5 20.8467 22.2629 21.419 21.841 21.841C21.419 22.2629 20.8467 22.5 20.25 22.5H18.75C18.1533 22.5 17.581 22.2629 17.159 21.841C16.7371 21.419 16.5 20.8467 16.5 20.25H10.299C10.1339 20.536 9.87905 20.7595 9.57399 20.8858C9.26892 21.0122 8.93068 21.0344 8.61173 20.9489C8.29278 20.8634 8.01095 20.6751 7.80993 20.4131C7.60892 20.1512 7.49996 19.8302 7.49996 19.5C7.49996 19.1698 7.60892 18.8488 7.80993 18.5869C8.01095 18.3249 8.29278 18.1366 8.61173 18.0511C8.93068 17.9656 9.26892 17.9878 9.57399 18.1142C9.87905 18.2405 10.1339 18.464 10.299 18.75H12.8655C12.7785 18.6538 12.6959 18.5537 12.618 18.45C11.6145 17.1105 11.25 15.0105 11.25 12C11.25 9.81 10.881 8.1045 10.1505 6.9675C9.5655 6.06 8.7225 5.4675 7.5 5.2995C7.48706 5.88762 7.2443 6.44728 6.82374 6.85859C6.40318 7.2699 5.83826 7.50014 5.25 7.5H3.75C3.15326 7.5 2.58097 7.26295 2.15901 6.84099C1.73705 6.41903 1.5 5.84674 1.5 5.25V3.75ZM3.75 3C3.55109 3 3.36032 3.07902 3.21967 3.21967C3.07902 3.36032 3 3.55109 3 3.75V5.25C3 5.44891 3.07902 5.63968 3.21967 5.78033C3.36032 5.92098 3.55109 6 3.75 6H5.25C5.44891 6 5.63968 5.92098 5.78033 5.78033C5.92098 5.63968 6 5.44891 6 5.25V3.75C6 3.55109 5.92098 3.36032 5.78033 3.21967C5.63968 3.07902 5.44891 3 5.25 3H3.75ZM18.75 18C18.5511 18 18.3603 18.079 18.2197 18.2197C18.079 18.3603 18 18.5511 18 18.75V20.25C18 20.4489 18.079 20.6397 18.2197 20.7803C18.3603 20.921 18.5511 21 18.75 21H20.25C20.4489 21 20.6397 20.921 20.7803 20.7803C20.921 20.6397 21 20.4489 21 20.25V18.75C21 18.5511 20.921 18.3603 20.7803 18.2197C20.6397 18.079 20.4489 18 20.25 18H18.75Z", fill: "white" }) }) }), Z1 = "_trigger_kfg1y_1", Y1 = "_title_kfg1y_7", X1 = "_empty_kfg1y_15", G1 = "_triggerContainer_kfg1y_21", K1 = "_stepsContainer_kfg1y_25", U1 = "_stepItem_kfg1y_51", q1 = "_curvesSvg_kfg1y_70", J1 = "_centralNode_kfg1y_78", Q1 = "_iconWrapper_kfg1y_104", ee = "_fadeIn_kfg1y_127", te = "_fadeOut_kfg1y_130", ne = "_operationContainer_kfg1y_134", y = {
-  trigger: Z1,
-  title: Y1,
-  empty: X1,
-  triggerContainer: G1,
-  stepsContainer: K1,
-  stepItem: U1,
-  curvesSvg: q1,
-  centralNode: J1,
-  iconWrapper: Q1,
-  fadeIn: ee,
-  fadeOut: te,
-  operationContainer: ne
-}, ie = () => /* @__PURE__ */ t(
+] }), Ve = "_multipleTriggersIcon_oxhdi_1", De = {
+  multipleTriggersIcon: Ve
+}, We = () => /* @__PURE__ */ t("div", { className: De.multipleTriggersIcon, children: /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H5.25C5.84674 1.5 6.41903 1.73705 6.84099 2.15901C7.26295 2.58097 7.5 3.15326 7.5 3.75L13.701 3.75C13.8661 3.46404 14.1209 3.24054 14.426 3.11418C14.7311 2.98782 15.0693 2.96565 15.3883 3.05111C15.7072 3.13657 15.9891 3.32489 16.1901 3.58686C16.3911 3.84882 16.5 4.1698 16.5 4.5C16.5 4.8302 16.3911 5.15118 16.1901 5.41314C15.9891 5.67511 15.7072 5.86343 15.3883 5.94889C15.0693 6.03435 14.7311 6.01218 14.426 5.88582C14.1209 5.75946 13.8661 5.53596 13.701 5.25H10.686C10.956 5.52 11.196 5.8215 11.412 6.1575C12.369 7.6455 12.75 9.6885 12.75 12C12.75 14.9895 13.1355 16.638 13.8195 17.55C14.3535 18.264 15.162 18.6315 16.5 18.726C16.5063 18.1334 16.7462 17.5673 17.1674 17.1505C17.5887 16.7337 18.1574 16.5 18.75 16.5H20.25C20.8467 16.5 21.419 16.7371 21.841 17.159C22.2629 17.581 22.5 18.1533 22.5 18.75V20.25C22.5 20.8467 22.2629 21.419 21.841 21.841C21.419 22.2629 20.8467 22.5 20.25 22.5H18.75C18.1533 22.5 17.581 22.2629 17.159 21.841C16.7371 21.419 16.5 20.8467 16.5 20.25H10.299C10.1339 20.536 9.87905 20.7595 9.57399 20.8858C9.26892 21.0122 8.93068 21.0344 8.61173 20.9489C8.29278 20.8634 8.01095 20.6751 7.80993 20.4131C7.60892 20.1512 7.49996 19.8302 7.49996 19.5C7.49996 19.1698 7.60892 18.8488 7.80993 18.5869C8.01095 18.3249 8.29278 18.1366 8.61173 18.0511C8.93068 17.9656 9.26892 17.9878 9.57399 18.1142C9.87905 18.2405 10.1339 18.464 10.299 18.75H12.8655C12.7785 18.6538 12.6959 18.5537 12.618 18.45C11.6145 17.1105 11.25 15.0105 11.25 12C11.25 9.81 10.881 8.1045 10.1505 6.9675C9.5655 6.06 8.7225 5.4675 7.5 5.2995C7.48706 5.88762 7.2443 6.44728 6.82374 6.85859C6.40318 7.2699 5.83826 7.50014 5.25 7.5H3.75C3.15326 7.5 2.58097 7.26295 2.15901 6.84099C1.73705 6.41903 1.5 5.84674 1.5 5.25V3.75ZM3.75 3C3.55109 3 3.36032 3.07902 3.21967 3.21967C3.07902 3.36032 3 3.55109 3 3.75V5.25C3 5.44891 3.07902 5.63968 3.21967 5.78033C3.36032 5.92098 3.55109 6 3.75 6H5.25C5.44891 6 5.63968 5.92098 5.78033 5.78033C5.92098 5.63968 6 5.44891 6 5.25V3.75C6 3.55109 5.92098 3.36032 5.78033 3.21967C5.63968 3.07902 5.44891 3 5.25 3H3.75ZM18.75 18C18.5511 18 18.3603 18.079 18.2197 18.2197C18.079 18.3603 18 18.5511 18 18.75V20.25C18 20.4489 18.079 20.6397 18.2197 20.7803C18.3603 20.921 18.5511 21 18.75 21H20.25C20.4489 21 20.6397 20.921 20.7803 20.7803C20.921 20.6397 21 20.4489 21 20.25V18.75C21 18.5511 20.921 18.3603 20.7803 18.2197C20.6397 18.079 20.4489 18 20.25 18H18.75Z", fill: "white" }) }) }), Ze = "_trigger_kfg1y_1", Ye = "_title_kfg1y_7", Xe = "_empty_kfg1y_15", Ge = "_triggerContainer_kfg1y_21", Ke = "_stepsContainer_kfg1y_25", Ue = "_stepItem_kfg1y_51", qe = "_curvesSvg_kfg1y_70", Je = "_centralNode_kfg1y_78", Qe = "_iconWrapper_kfg1y_104", et = "_fadeIn_kfg1y_127", tt = "_fadeOut_kfg1y_130", nt = "_operationContainer_kfg1y_134", w = {
+  trigger: Ze,
+  title: Ye,
+  empty: Xe,
+  triggerContainer: Ge,
+  stepsContainer: Ke,
+  stepItem: Ue,
+  curvesSvg: qe,
+  centralNode: Je,
+  iconWrapper: Qe,
+  fadeIn: et,
+  fadeOut: tt,
+  operationContainer: nt
+}, it = () => /* @__PURE__ */ t(
   "div",
   {
     style: {
@@ -443,7 +443,7 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
       borderTop: "1px solid #a1bbdc"
     }
   }
-), re = 80, F = 34, oe = ({
+), rt = 80, R = 34, ot = ({
   steps: e,
   title: i,
   className: n,
@@ -451,67 +451,67 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
   onAddTrigger: d,
   onSelectStep: p
 }) => {
-  const l = T(null), c = T([]), [o, g] = E([]), [w, S] = E({ width: 0, height: 0 }), [_, v] = E(!1), [B, b] = E(!1), k = T(null);
-  if (V(() => {
+  const l = T(null), c = T([]), [o, C] = E([]), [y, S] = E({ width: 0, height: 0 }), [_, v] = E(!1), [B, b] = E(!1), x = T(null);
+  if (W(() => {
     const s = () => {
       if (!l.current) return;
       const u = [];
-      if (c.current.forEach((m, h) => {
-        if (m && l.current) {
-          const M = l.current.getBoundingClientRect(), N = m.getBoundingClientRect();
+      if (c.current.forEach((h, m) => {
+        if (h && l.current) {
+          const L = l.current.getBoundingClientRect(), N = h.getBoundingClientRect();
           u.push({
-            id: e[h]?.id || `step-${h}`,
-            top: N.top - M.top,
-            right: N.right - M.left,
-            centerY: N.top - M.top + N.height / 2
+            id: e[m]?.id || `step-${m}`,
+            top: N.top - L.top,
+            right: N.right - L.left,
+            centerY: N.top - L.top + N.height / 2
           });
         }
-      }), g(u), l.current && u.length > 0) {
-        const m = l.current.getBoundingClientRect(), h = Math.min(...u.map((P) => P.top)), M = c.current.filter(Boolean).map((P) => P?.offsetHeight || 68), N = Math.max(
-          ...u.map((P, o1) => P.top + (M[o1] || 68))
-        ), D = Math.max(...u.map((P) => P.right)) + 0, W = Math.max(
-          m.height,
-          N - h + 100
+      }), C(u), l.current && u.length > 0) {
+        const h = l.current.getBoundingClientRect(), m = Math.min(...u.map((M) => M.top)), L = c.current.filter(Boolean).map((M) => M?.offsetHeight || 68), N = Math.max(
+          ...u.map((M, oe) => M.top + (L[oe] || 68))
+        ), V = Math.max(...u.map((M) => M.right)) + 0, D = Math.max(
+          h.height,
+          N - m + 100
         );
         S({
-          width: D,
-          height: W
+          width: V,
+          height: D
         });
       }
     };
     return s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
-  }, [e]), V(() => (_ ? (k.current && (clearTimeout(k.current), k.current = null), setTimeout(() => {
+  }, [e]), W(() => (_ ? (x.current && (clearTimeout(x.current), x.current = null), setTimeout(() => {
     b(!0);
-  }, 0)) : k.current = setTimeout(() => {
+  }, 0)) : x.current = setTimeout(() => {
     b(!1);
   }, 140), () => {
-    k.current && clearTimeout(k.current);
+    x.current && clearTimeout(x.current);
   }), [_]), e.length === 0)
-    return /* @__PURE__ */ C("div", { className: `${y.trigger} ${n || ""}`, children: [
-      i && /* @__PURE__ */ t("h3", { className: y.title, children: i }),
-      /* @__PURE__ */ t("div", { className: y.empty, children: "No steps" })
+    return /* @__PURE__ */ g("div", { className: `${w.trigger} ${n || ""}`, children: [
+      i && /* @__PURE__ */ t("h3", { className: w.title, children: i }),
+      /* @__PURE__ */ t("div", { className: w.empty, children: "No steps" })
     ] });
-  const L = o.length > 0 ? re : 0;
-  let x = 0;
-  o.length > 1 ? x = o.reduce((s, u) => s + u.top + F, 0) / o.length : o.length === 1 && (x = o[0].top + F);
-  const a = (s, u, m, h) => {
-    const M = m - s, N = Math.min(M * 0.6, 60), Z = s + N, D = u, W = m - N;
-    return `M ${s} ${u} C ${Z} ${D}, ${W} ${h}, ${m} ${h}`;
+  const P = o.length > 0 ? rt : 0;
+  let k = 0;
+  o.length > 1 ? k = o.reduce((s, u) => s + u.top + R, 0) / o.length : o.length === 1 && (k = o[0].top + R);
+  const a = (s, u, h, m) => {
+    const L = h - s, N = Math.min(L * 0.6, 60), Z = s + N, V = u, D = h - N;
+    return `M ${s} ${u} C ${Z} ${V}, ${D} ${m}, ${h} ${m}`;
   };
-  return /* @__PURE__ */ C("div", { className: `${y.trigger} ${n || ""}`, ref: l, children: [
-    i && /* @__PURE__ */ t("h3", { className: y.title, children: i }),
-    /* @__PURE__ */ C("div", { className: y.triggerContainer, children: [
-      /* @__PURE__ */ t("div", { className: y.stepsContainer, children: e.map((s, u) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ g("div", { className: `${w.trigger} ${n || ""}`, ref: l, children: [
+    i && /* @__PURE__ */ t("h3", { className: w.title, children: i }),
+    /* @__PURE__ */ g("div", { className: w.triggerContainer, children: [
+      /* @__PURE__ */ t("div", { className: w.stepsContainer, children: e.map((s, u) => /* @__PURE__ */ t(
         "div",
         {
-          ref: (m) => {
-            c.current[u] = m;
+          ref: (h) => {
+            c.current[u] = h;
           },
           children: /* @__PURE__ */ t(
-            r1,
+            re,
             {
               title: s.title,
-              className: y.stepItem,
+              className: w.stepItem,
               idx: u,
               isSet: s.isSet,
               isSelected: s.isSelected,
@@ -523,7 +523,7 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
               contextMenuItems: [
                 {
                   label: "Delete",
-                  icon: /* @__PURE__ */ t(e1, { className: "mr-2", color: "#3B64A0", size: 18 }),
+                  icon: /* @__PURE__ */ t(ee, { className: "mr-2", color: "#3B64A0", size: 18 }),
                   command: () => {
                     r?.(s.id);
                   },
@@ -531,11 +531,11 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
                 },
                 {
                   label: "",
-                  template: () => /* @__PURE__ */ t(ie, {})
+                  template: () => /* @__PURE__ */ t(it, {})
                 },
                 {
                   label: "Add More Triggers",
-                  icon: /* @__PURE__ */ t(E1, { className: "mr-2", color: "#3B64A0", size: 18 }),
+                  icon: /* @__PURE__ */ t(Ee, { className: "mr-2", color: "#3B64A0", size: 18 }),
                   command: () => {
                     d?.();
                   }
@@ -549,15 +549,15 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
       /* @__PURE__ */ t("div", { style: { position: "relative" }, children: o.length > 1 && /* @__PURE__ */ t(
         "svg",
         {
-          className: y.curvesSvg,
-          width: w.width,
-          height: w.height,
+          className: w.curvesSvg,
+          width: y.width,
+          height: y.height,
           children: o.map((s) => {
-            const m = o.length === 1 ? o[0].top + F : s.top + F;
+            const h = o.length === 1 ? o[0].top + R : s.top + R;
             return /* @__PURE__ */ t(
               "path",
               {
-                d: a(0, m, L, x),
+                d: a(0, h, P, k),
                 stroke: "#3b64a0",
                 strokeWidth: "2",
                 fill: "none",
@@ -568,23 +568,23 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
           })
         }
       ) }),
-      o.length > 1 ? /* @__PURE__ */ C("div", { style: { position: "relative", marginRight: "140px" }, children: [
+      o.length > 1 ? /* @__PURE__ */ g("div", { style: { position: "relative", marginRight: "140px" }, children: [
         /* @__PURE__ */ t(
           "div",
           {
-            className: y.centralNode,
+            className: w.centralNode,
             style: {
-              "--node-x": `${L}px`,
-              "--node-y": `${x}px`
+              "--node-x": `${P}px`,
+              "--node-y": `${k}px`
             },
             onMouseEnter: () => v(!0),
             onMouseLeave: () => v(!1),
             children: B ? /* @__PURE__ */ t(
               "div",
               {
-                className: `${y.iconWrapper} ${_ ? y.fadeIn : y.fadeOut}`,
+                className: `${w.iconWrapper} ${_ ? w.fadeIn : w.fadeOut}`,
                 onClick: d,
-                children: /* @__PURE__ */ t(z1, {})
+                children: /* @__PURE__ */ t(Ae, {})
               }
             ) : null
           }
@@ -592,18 +592,18 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
         /* @__PURE__ */ t(
           "div",
           {
-            className: y.operationContainer,
+            className: w.operationContainer,
             style: {
-              "--op-x": `${L + 16}px`,
-              "--op-y": `${x}px`
+              "--op-x": `${P + 16}px`,
+              "--op-y": `${k}px`
             },
-            children: /* @__PURE__ */ t(V1, {})
+            children: /* @__PURE__ */ t(We, {})
           }
         )
       ] }) : null
     ] })
   ] });
-}, se = () => /* @__PURE__ */ C(
+}, st = () => /* @__PURE__ */ g(
   "svg",
   {
     width: "24",
@@ -632,17 +632,17 @@ const O1 = "_panel_19663_1", B1 = "_panelExiting_19663_13", S1 = "_menuItem_1966
       )
     ]
   }
-), ce = "_stepLink_1ugcc_1", le = "_stepLinkIcon_1ugcc_8", ae = "_stepLinkLine_1ugcc_24", de = "_stepLinkContainer_1ugcc_46", $ = {
-  stepLink: ce,
-  stepLinkIcon: le,
-  stepLinkLine: ae,
-  stepLinkContainer: de
+), ct = "_stepLink_1ugcc_1", lt = "_stepLinkIcon_1ugcc_8", at = "_stepLinkLine_1ugcc_24", dt = "_stepLinkContainer_1ugcc_46", $ = {
+  stepLink: ct,
+  stepLinkIcon: lt,
+  stepLinkLine: at,
+  stepLinkContainer: dt
 };
-function ue(e) {
-  return R({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "4" }, child: [] }, { tag: "line", attr: { x1: "1.05", y1: "12", x2: "7", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "17.01", y1: "12", x2: "22.96", y2: "12" }, child: [] }] })(e);
+function ut(e) {
+  return j({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "4" }, child: [] }, { tag: "line", attr: { x1: "1.05", y1: "12", x2: "7", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "17.01", y1: "12", x2: "22.96", y2: "12" }, child: [] }] })(e);
 }
-function pe(e) {
-  return R({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }, child: [] }] })(e);
+function pt(e) {
+  return j({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }, child: [] }] })(e);
 }
 const U = ({
   style: e,
@@ -650,10 +650,10 @@ const U = ({
   onAddTrigger: n,
   index: r = 0
 }) => {
-  const d = n1(), p = T(null), l = [
+  const d = ne(), p = T(null), l = [
     {
       label: "Trigger",
-      icon: /* @__PURE__ */ t(pe, { className: "mr-2", color: "#3B64A0", size: 18 }),
+      icon: /* @__PURE__ */ t(pt, { className: "mr-2", color: "#3B64A0", size: 18 }),
       command: () => {
         n?.(r);
       },
@@ -661,7 +661,7 @@ const U = ({
     },
     {
       label: "Step",
-      icon: /* @__PURE__ */ t(ue, { className: "mr-2", color: "#3B64A0", size: 18 }),
+      icon: /* @__PURE__ */ t(ut, { className: "mr-2", color: "#3B64A0", size: 18 }),
       command: () => {
         i?.(r);
       },
@@ -670,7 +670,7 @@ const U = ({
   ], c = (o) => {
     p.current?.show(o);
   };
-  return /* @__PURE__ */ t("div", { className: $.stepLink, style: e, children: /* @__PURE__ */ C("main", { className: $.stepLinkContainer, children: [
+  return /* @__PURE__ */ t("div", { className: $.stepLink, style: e, children: /* @__PURE__ */ g("main", { className: $.stepLinkContainer, children: [
     /* @__PURE__ */ t("div", { className: $.stepLinkLine }),
     /* @__PURE__ */ t(
       "div",
@@ -678,11 +678,11 @@ const U = ({
         className: $.stepLinkIcon,
         onClick: c,
         "aria-haspopup": !0,
-        children: /* @__PURE__ */ t(se, {})
+        children: /* @__PURE__ */ t(st, {})
       }
     ),
     /* @__PURE__ */ t(
-      t1,
+      te,
       {
         model: r === 0 ? l.splice(1) : l,
         popup: !0,
@@ -691,10 +691,10 @@ const U = ({
     ),
     /* @__PURE__ */ t("div", { className: $.stepLinkLine })
   ] }) });
-}, me = "_steps_1y1ls_1", he = "_stepContainer_1y1ls_9", q = {
-  steps: me,
-  stepContainer: he
-}, Ce = ({
+}, ht = "_steps_1y1ls_1", mt = "_stepContainer_1y1ls_9", q = {
+  steps: ht,
+  stepContainer: mt
+}, gt = ({
   steps: e,
   className: i,
   onDeleteStep: n,
@@ -702,7 +702,7 @@ const U = ({
   onAddStep: d,
   onAddTrigger: p,
   onSelectStep: l
-}) => /* @__PURE__ */ t("div", { className: q.steps + (i ? " " + i : ""), children: /* @__PURE__ */ C(
+}) => /* @__PURE__ */ t("div", { className: q.steps + (i ? " " + i : ""), style: { alignItems: e.length > 0 ? "center" : "start" }, children: /* @__PURE__ */ g(
   "div",
   {
     style: {
@@ -721,9 +721,9 @@ const U = ({
           index: 0
         }
       ),
-      e.map((c, o) => /* @__PURE__ */ C("div", { className: q.stepContainer, children: [
+      e.map((c, o) => /* @__PURE__ */ g("div", { className: q.stepContainer, children: [
         /* @__PURE__ */ t(
-          r1,
+          re,
           {
             idx: o,
             title: c.title,
@@ -735,8 +735,8 @@ const U = ({
             onClick: () => {
               l(c.id);
             },
-            onDeleteStep: n ? (g) => n(e[g].id) : void 0,
-            onUpdateFilter: r ? (g) => r(e[g].id) : void 0
+            onDeleteStep: n ? (C) => n(e[C].id) : void 0,
+            onUpdateFilter: r ? (C) => r(e[C].id) : void 0
           }
         ),
         /* @__PURE__ */ t(
@@ -762,9 +762,9 @@ const U = ({
       )
     ]
   }
-) }), ge = "_container_12c1g_1", fe = {
-  container: ge
-}, ke = ({
+) }), Ct = "_container_12c1g_1", ft = {
+  container: Ct
+}, xt = ({
   process: e,
   onAddTrigger: i,
   addMultipleTriggers: n,
@@ -774,9 +774,9 @@ const U = ({
   onDeleteStep: l,
   onUpdateFilter: c,
   onSelectStep: o
-}) => /* @__PURE__ */ C("div", { className: fe.container, children: [
+}) => /* @__PURE__ */ g("div", { className: ft.container, children: [
   /* @__PURE__ */ t(
-    oe,
+    ot,
     {
       steps: e.triggers,
       onAddTrigger: n,
@@ -786,25 +786,25 @@ const U = ({
     }
   ),
   /* @__PURE__ */ t(
-    Ce,
+    gt,
     {
       steps: e.steps,
       onDeleteStep: l,
       onUpdateFilter: c,
       onAddStep: r,
       onAddTrigger: i,
-      onSelectStep: (g) => {
-        o(g);
+      onSelectStep: (C) => {
+        o(C);
       }
     }
   )
 ] });
 export {
-  t1 as Menu,
-  we as MenuProvider,
-  ke as ProcessDiagram,
-  r1 as ProcessStep,
-  oe as Trigger,
-  F1 as useMenuProvider
+  te as Menu,
+  yt as MenuProvider,
+  xt as ProcessDiagram,
+  re as ProcessStep,
+  ot as Trigger,
+  Re as useMenuProvider
 };
 //# sourceMappingURL=index.mjs.map