@code0-tech/pictor 0.0.0-mvp.30 → 0.0.0-mvp.32

package/dist/components/d-flow/DFlow.js

@@ -1,7 +1,7 @@
-import { jsx as z, jsxs as Q } from "react/jsx-runtime";
+import { jsx as H, jsxs as Q } from "react/jsx-runtime";
 import { c as Z } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
-import W from "react";
+import _ from "react";
 import { mergeCode0Props as tt } from "../../utils/utils.js";
 import { ReactFlowProvider as et, useNodesState as ot, useEdgesState as st, useUpdateNodeInternals as nt, ReactFlow as it, Background as rt, BackgroundVariant as at } from "@xyflow/react";
 import '../../assets/components/d-flow-panel/DFlowMiniMap.style.css';import '../../assets/components/d-flow/DFlow.style.css';import '../../assets/node_modules/@xyflow/react/dist/style.css';/* empty css                                              */
@@ -25,12 +25,12 @@ const xt = (m, F) => {
   };
   const w = 50, Y = 50, N = 16, x = 0.25;
   let G = 0, A = !1;
-  const K = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
+  const K = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
   for (const e of m) {
     const a = e.data?.linkingId;
     if (a) {
-      const l = H.get(a) ?? [];
-      l.push(e.id), H.set(a, l);
+      const l = L.get(a) ?? [];
+      l.push(e.id), L.set(a, l);
     }
     if (e.parentId && !a) {
       const l = K.get(e.parentId) ?? [];
@@ -44,7 +44,7 @@ const xt = (m, F) => {
     O.set(e, l);
   }
   const X = /* @__PURE__ */ new Map();
-  for (const [e, a] of H) {
+  for (const [e, a] of L) {
     const l = new Array(a.length);
     for (let p = 0; p < a.length; p++) l[p] = R.get(a[p]);
     X.set(e, l);
@@ -73,15 +73,15 @@ const xt = (m, F) => {
       return f.set(e.id, S), S;
     }
     const T = O.get(e.id) ?? [];
-    let k = 0, V = 0, _ = 0;
+    let k = 0, V = 0, z = 0;
     for (const S of T) {
-      const L = I(S);
-      k += L.h, L.w > V && (V = L.w), _++;
+      const W = I(S);
+      k += W.h, W.w > V && (V = W.w), z++;
     }
-    k += w * Math.max(0, _ - 1);
+    k += w * Math.max(0, z - 1);
     const q = {
       w: V + 2 * N,
-      h: (_ ? k : 0) + 2 * N
+      h: (z ? k : 0) + 2 * N
     };
     return f.set(e.id, q), q;
   };
@@ -240,9 +240,9 @@ const xt = (m, F) => {
       for (; g?.parentId && (h++, g = R.get(g.parentId), !!g); )
         ;
       return h;
-    }, _ = [];
-    for (const o of m) o.type === "group" && _.push(o);
-    _.sort((o, h) => V(h) - V(o));
+    }, z = [];
+    for (const o of m) o.type === "group" && z.push(o);
+    z.sort((o, h) => V(h) - V(o));
     const q = (o) => {
       const h = typeof o.style?.width == "number" ? o.style.width : void 0, g = typeof o.style?.height == "number" ? o.style.height : void 0, i = b.get(o.id);
       return {
@@ -250,7 +250,7 @@ const xt = (m, F) => {
         h: g ?? i.h
       };
     };
-    for (const o of _) {
+    for (const o of z) {
       const h = [];
       for (const d of m)
         d.parentId === o.id && h.push(d);
@@ -296,10 +296,10 @@ const xt = (m, F) => {
     }
     f.clear();
     for (const o of m) I(o);
-    const S = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
+    const S = /* @__PURE__ */ new Map(), W = /* @__PURE__ */ new Map();
     for (const o of m) {
       const h = I(o), g = e.get(o.id);
-      L.set(o.id, g), S.set(o.id, {
+      W.set(o.id, g), S.set(o.id, {
         x: g.x - h.w / 2,
         y: g.y - h.h / 2
       });
@@ -316,7 +316,7 @@ const xt = (m, F) => {
       let t = 0;
       for (const s of M) t += s;
       t += Y * (i.length - 1);
-      let r = L.get(o.id).x - t / 2;
+      let r = W.get(o.id).x - t / 2;
       for (let s = 0; s < i.length; s++) {
         const c = i[s], D = c.parentId ? S.get(c.parentId) : {
           x: 0
@@ -366,29 +366,29 @@ const xt = (m, F) => {
       } : e;
     })
   };
-}, $ = W.cache(xt), Gt = (m) => {
+}, $ = _.cache(xt), Gt = (m) => {
   const F = Z.c(2);
   let w;
-  return F[0] !== m ? (w = /* @__PURE__ */ z(et, { children: /* @__PURE__ */ z(It, { ...m }) }), F[0] = m, F[1] = w) : w = F[1], w;
+  return F[0] !== m ? (w = /* @__PURE__ */ H(et, { children: /* @__PURE__ */ H(It, { ...m }) }), F[0] = m, F[1] = w) : w = F[1], w;
 }, It = (m) => {
   const {
     flowId: F,
     namespaceId: w,
     projectId: Y
-  } = m, N = W.useMemo(() => ({
+  } = m, N = _.useMemo(() => ({
     default: ct,
     group: dt,
     suggestion: ht,
     trigger: lt
-  }), []), x = W.useMemo(() => ({
+  }), []), x = _.useMemo(() => ({
     default: gt
-  }), []), G = ut(F, w, Y), A = ft(F, w, Y), [K, H] = ot([]), [R, O, X] = st([]), C = nt(), B = W.useCallback((b) => {
+  }), []), G = ut(F, w, Y), A = ft(F, w, Y), [K, L] = ot([]), [R, O, X] = st([]), C = nt(), B = _.useCallback((b) => {
     requestAnimationFrame(() => {
       b.forEach((E) => C(E));
     });
-  }, [C]), j = W.useCallback((b) => {
+  }, [C]), j = _.useCallback((b) => {
     const E = Array.from(new Set(b.filter((f) => f.type === "dimensions" || f.type === "position").map((f) => f.id))), y = /* @__PURE__ */ new Map();
-    b.filter((f) => f.type === "dimensions").forEach((f) => y.set(f.id, f.dimensions)), H((f) => {
+    b.filter((f) => f.type === "dimensions").forEach((f) => y.set(f.id, f.dimensions)), L((f) => {
       const I = f.map((e) => {
         if (!y.has(e.id)) return e;
         const a = y.get(e.id) || {};
@@ -403,7 +403,7 @@ const xt = (m, F) => {
       return $(I, new Set(E)).nodes;
     }), B(E);
   }, [B]);
-  return W.useEffect(() => {
+  return _.useEffect(() => {
     const b = G.map((y) => {
       const f = y.measured ? [] : document.querySelectorAll("[data-id='" + y.id + "']");
       return {
@@ -414,13 +414,13 @@ const xt = (m, F) => {
         }
       };
     }), E = $(b, new Set(b.map((y) => y.id)));
-    H(E.nodes), O(A), B(E.nodes.map((y) => y.id));
+    L(E.nodes), O(A), B(E.nodes.map((y) => y.id));
   }, [G, A, B]), /* @__PURE__ */ Q(it, { onlyRenderVisibleElements: !0, panOnScroll: !1, nodeTypes: N, edgeTypes: x, onInit: (b) => b.fitView(), onNodesChange: j, onEdgesChange: X, ...tt("flow", m), nodes: K, edges: R, children: [
-    /* @__PURE__ */ z(rt, { variant: at.Dots, color: "rgba(255,255,255, .05)", gap: 8, size: 2 }),
-    /* @__PURE__ */ z(pt, {}),
-    /* @__PURE__ */ z(wt, {}),
-    /* @__PURE__ */ z(yt, { flowId: "gid://sagittarius/Flow/1" }),
-    /* @__PURE__ */ z(mt, { flowId: F })
+    /* @__PURE__ */ H(rt, { variant: at.Dots, color: "rgba(255,255,255, .05)", gap: 8, size: 2 }),
+    /* @__PURE__ */ H(pt, {}),
+    /* @__PURE__ */ H(wt, {}),
+    /* @__PURE__ */ H(yt, { flowId: "gid://sagittarius/Flow/1" }),
+    /* @__PURE__ */ H(mt, { flowId: F })
   ] });
 };
 export {

package/dist/components/d-flow/DFlow.nodes.hook.js

@@ -2,9 +2,9 @@ import { useService as b, useStore as B } from "../../utils/contextStore.js";
 import C from "react";
 import "merge-props";
 import { DFlowReactiveService as M } from "./DFlow.service.js";
-import { DFlowFunctionReactiveService as _ } from "../d-flow-function/DFlowFunction.service.js";
+import { DFlowFunctionReactiveService as k } from "../d-flow-function/DFlowFunction.service.js";
 import { hashToColor as O } from "./DFlow.util.js";
-import { DFlowDataTypeReactiveService as k } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DFlowDataTypeReactiveService as A } from "../d-flow-data-type/DFlowDataType.service.js";
 const V = /* @__PURE__ */ new Map([["std", "default"]]), j = (i, m) => {
   if (!m || i.size === 0) return "";
   const v = /[:._\-\/\s]+/, o = m.trim().toLowerCase();
@@ -33,7 +33,7 @@ const V = /* @__PURE__ */ new Map([["std", "default"]]), j = (i, m) => {
   }
   return n !== null ? i.get(n) : "";
 }, Z = (i, m, v) => {
-  const o = b(M), n = B(M), u = b(_), l = B(_), T = b(k), a = B(k), t = C.useMemo(() => o.getById(i, {
+  const o = b(M), n = B(M), u = b(k), l = B(k), T = b(A), a = B(A), t = C.useMemo(() => o.getById(i, {
     namespaceId: m,
     projectId: v
   }), [i, n]);
@@ -41,9 +41,9 @@ const V = /* @__PURE__ */ new Map([["std", "default"]]), j = (i, m) => {
     if (!t) return [];
     const d = [];
     let r = 0;
-    const f = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), A = (e, s = f) => (s.has(e) || s.set(e, u.getById(e)), s.get(e)), $ = (e, s = g) => (s.has(e) || s.set(e, T.getDataType(e)), s.get(e));
-    let R = 0;
-    const E = () => ++R;
+    const f = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), $ = (e, s = f) => (s.has(e) || s.set(e, u.getById(e)), s.get(e)), R = (e, s = g) => (s.has(e) || s.set(e, T.getDataType(e)), s.get(e));
+    let _ = 0;
+    const E = () => ++_;
     let W = 0;
     d.push({
       id: `${t.id}`,
@@ -84,10 +84,10 @@ const V = /* @__PURE__ */ new Map([["std", "default"]]), j = (i, m) => {
           // global node level
         }
       });
-      const z = A(e?.functionDefinition?.id, S);
+      const z = $(e?.functionDefinition?.id, S);
       e.parameters?.nodes?.forEach((c) => {
         const F = z?.parameterDefinitions.find((x) => x.id == c?.runtimeParameter?.id)?.dataTypeIdentifier;
-        if ((F ? $(F, N) : void 0)?.variant === "NODE") {
+        if ((F ? R(F, N) : void 0)?.variant === "NODE") {
           if (c?.value && c.value.__typename === "NodeFunctionIdWrapper") {
             const x = `${D}-group-${r++}`, w = [...h, E()];
             d.push({

package/dist/components/d-flow-file/DFlowTabDefault.js

@@ -34,7 +34,7 @@ const ve = (w) => {
   const {
     node: o,
     flowId: a
-  } = w, D = p(V), I = S(V), l = p(g), _ = S(g), h = p(E), f = B(o.id, a), c = r.useRef(/* @__PURE__ */ new Set()), [, F] = r.useTransition(), v = r.useMemo(() => D.getById(o.functionDefinition?.id), [I]), N = r.useMemo(() => {
+  } = w, D = p(V), I = S(V), c = p(g), h = S(g), F = p(E), f = B(o.id, a), u = r.useRef(/* @__PURE__ */ new Set()), [, _] = r.useTransition(), v = r.useMemo(() => D.getById(o.functionDefinition?.id), [I]), N = r.useMemo(() => {
     const t = {};
     return v?.parameterDefinitions?.forEach((e) => {
       t[e.id] = e;
@@ -47,23 +47,23 @@ const ve = (w) => {
   }, [s]), P = r.useMemo(() => {
     const t = {};
     return s.forEach((e) => {
-      t[e?.id] = (u) => {
+      t[e?.id] = (l) => {
         const n = f?.find((i) => i.parameterId === e?.id);
         return n ? n.message[0]?.content || "Invalid value" : null;
       };
     }), t;
   }, [s, f]), x = r.useCallback((t) => {
-    F(async () => {
+    _(async () => {
       for (const e of s) {
-        if (!c.current.has(e?.id)) continue;
-        const u = t[e?.id], n = e?.value, i = u?.[0]?.value;
-        n && n.__typename === "NodeFunctionIdWrapper" && n.id && l.getLinkedNodesById(a, n.id).reverse().forEach((y) => {
-          y.id && h.deleteById(y.id);
-        }), (!i || !u) && await l.setParameterValue(a, o.id, e.id, void 0);
+        if (!u.current.has(e?.id)) continue;
+        const l = t[e?.id], n = e?.value, i = l?.[0]?.value;
+        n && n.__typename === "NodeFunctionIdWrapper" && n.id && c.getLinkedNodesById(a, n.id).reverse().forEach((y) => {
+          y.id && F.deleteById(y.id);
+        }), (!i || !l) && await c.setParameterValue(a, o.id, e.id, void 0);
         try {
           const d = JSON.parse(String(i));
           if (!i?.__typename) {
-            await l.setParameterValue(a, o.id, e.id, i ? {
+            await c.setParameterValue(a, o.id, e.id, i ? {
               __typename: "LiteralValue",
               value: d
             } : void 0);
@@ -71,18 +71,18 @@ const ve = (w) => {
           }
         } catch {
           if (!i?.__typename) {
-            await l.setParameterValue(a, o.id, e.id, i ? {
+            await c.setParameterValue(a, o.id, e.id, i ? {
               __typename: "LiteralValue",
               value: i
             } : void 0);
             continue;
           }
         }
-        await l.setParameterValue(a, o.id, e.id, i.__typename === "LiteralValue" ? i.value ? i : void 0 : i);
+        await c.setParameterValue(a, o.id, e.id, i.__typename === "LiteralValue" ? i.value ? i : void 0 : i);
       }
-      c.current.clear();
+      u.current.clear();
     });
-  }, [_, s]), [T, L] = M({
+  }, [h, s]), [T, L] = M({
     initialValues: b,
     validate: P,
     truthyValidationBeforeSubmit: !1,
@@ -93,9 +93,9 @@ const ve = (w) => {
     flexDirection: "column"
   }, children: s.map((t) => {
     if (!t) return null;
-    const e = N[t.id], u = e?.names ? e?.names[0]?.content : e?.id, n = e?.descriptions ? e?.descriptions[0]?.content : JSON.stringify(e?.dataTypeIdentifier);
-    return /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(J, { flowId: a, nodeId: o.id, parameterId: t.id, title: u, description: n, clearable: !0, onChange: () => {
-      c.current.add(t.id), L();
+    const e = N[t.id], l = e?.names ? e?.names[0]?.content : e?.id, n = e?.descriptions ? e?.descriptions[0]?.content : JSON.stringify(e?.dataTypeIdentifier);
+    return /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(J, { flowId: a, nodeId: o.id, parameterId: t.id, title: l, description: n, clearable: !0, onChange: () => {
+      u.current.add(t.id), L();
     }, ...T.getInputProps(t.id) }) });
   }) });
 };

package/dist/components/d-flow-folder/DFlowFolder.js

@@ -55,12 +55,12 @@ const Oe = p.forwardRef((I, e) => {
       }
     }
     return l;
-  }, [f]), P = p.useCallback((l) => l ? l.split("/").filter(Boolean).every((c, o) => w[o] === c) : !1, [w]), [S, _] = p.useState("default"), [m, F] = p.useState(0), g = p.useCallback(() => {
-    _("allOpen"), F((l) => l + 1);
+  }, [f]), P = p.useCallback((l) => l ? l.split("/").filter(Boolean).every((c, o) => w[o] === c) : !1, [w]), [S, F] = p.useState("default"), [m, _] = p.useState(0), g = p.useCallback(() => {
+    F("allOpen"), _((l) => l + 1);
   }, []), k = p.useCallback(() => {
-    _("allClosed"), F((l) => l + 1);
+    F("allClosed"), _((l) => l + 1);
   }, []), y = p.useCallback(() => {
-    _("activePath"), F((l) => l + 1);
+    F("activePath"), _((l) => l + 1);
   }, []);
   p.useImperativeHandle(e, () => ({
     openAll: g,
@@ -91,7 +91,7 @@ const Oe = p.forwardRef((I, e) => {
     namespaceId: C,
     projectId: P,
     ...S
-  } = I, _ = v === void 0 ? !1 : v, [m, F] = p.useState(_);
+  } = I, F = v === void 0 ? !1 : v, [m, _] = p.useState(F);
   let g;
   e[0] !== w || e[1] !== C || e[2] !== h || e[3] !== u || e[4] !== f || e[5] !== P ? (g = {
     onCreate: h,
@@ -109,7 +109,7 @@ const Oe = p.forwardRef((I, e) => {
     type: "folder"
   }, e[7] = d, e[8] = s, e[9] = b) : b = e[9];
   let x;
-  e[10] === Symbol.for("react.memo_cache_sentinel") ? (x = () => F(ne), e[10] = x) : x = e[10];
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (x = () => _(ne), e[10] = x) : x = e[10];
   const l = N("d-folder", S);
   let r;
   e[11] === Symbol.for("react.memo_cache_sentinel") ? (r = {
@@ -186,17 +186,17 @@ const Oe = p.forwardRef((I, e) => {
   const P = h + v;
   let S;
   e[22] !== P ? (S = W(P), e[22] = P, e[23] = S) : S = e[23];
-  let _;
-  e[24] !== S ? (_ = /* @__PURE__ */ a(U, { color: S, size: 12 }), e[24] = S, e[25] = _) : _ = e[25];
+  let F;
+  e[24] !== S ? (F = /* @__PURE__ */ a(U, { color: S, size: 12 }), e[24] = S, e[25] = F) : F = e[25];
   let m;
   e[26] !== v ? (m = /* @__PURE__ */ a(G, { children: v }), e[26] = v, e[27] = m) : m = e[27];
-  let F;
-  e[28] !== u || e[29] !== C || e[30] !== _ || e[31] !== m ? (F = /* @__PURE__ */ R("div", { ...u, onClick: C, children: [
-    _,
+  let _;
+  e[28] !== u || e[29] !== C || e[30] !== F || e[31] !== m ? (_ = /* @__PURE__ */ R("div", { ...u, onClick: C, children: [
+    F,
     m
-  ] }), e[28] = u, e[29] = C, e[30] = _, e[31] = m, e[32] = F) : F = e[32];
+  ] }), e[28] = u, e[29] = C, e[30] = F, e[31] = m, e[32] = _) : _ = e[32];
   let g;
-  return e[33] !== s || e[34] !== f || e[35] !== w || e[36] !== F ? (g = /* @__PURE__ */ a(s, { contextData: f, ...w, children: F }), e[33] = s, e[34] = f, e[35] = w, e[36] = F, e[37] = g) : g = e[37], g;
+  return e[33] !== s || e[34] !== f || e[35] !== w || e[36] !== _ ? (g = /* @__PURE__ */ a(s, { contextData: f, ...w, children: _ }), e[33] = s, e[34] = f, e[35] = w, e[36] = _, e[37] = g) : g = e[37], g;
 };
 function ne(I) {
   return !I;

package/dist/components/d-flow-folder/DFlowFolderContextMenu.js

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
 import h from "react";
-import { ContextMenu as x, ContextMenuTrigger as s, ContextMenuPortal as C, ContextMenuContent as p, ContextMenuSub as S, ContextMenuSubTrigger as f, ContextMenuSubContent as M, ContextMenuItem as r, ContextMenuSeparator as g } from "../context-menu/ContextMenu.js";
+import { ContextMenu as x, ContextMenuTrigger as s, ContextMenuPortal as C, ContextMenuContent as p, ContextMenuSub as S, ContextMenuSubTrigger as M, ContextMenuSubContent as f, ContextMenuItem as r, ContextMenuSeparator as g } from "../context-menu/ContextMenu.js";
 import { Flex as v } from "../flex/Flex.js";
 import { Text as i } from "../text/Text.js";
 import { IconChevronRight as w, IconEdit as D, IconTrash as F } from "@tabler/icons-react";
@@ -14,18 +14,18 @@ import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
 import "js-md5";
-const K = (t) => {
+const L = (t) => {
   const {
     children: l
   } = t, m = R(c), d = T(c), u = h.useMemo(() => m.values(), [d]);
   return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ n(x, { children: [
     /* @__PURE__ */ e(s, { asChild: !0, children: l }),
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(S, { children: [
-      /* @__PURE__ */ e(f, { children: /* @__PURE__ */ n(v, { align: "center", justify: "space-between", w: "100%", children: [
+      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(v, { align: "center", justify: "space-between", w: "100%", children: [
         /* @__PURE__ */ e(i, { children: "New flow" }),
         /* @__PURE__ */ e(w, { size: 12 })
       ] }) }),
-      /* @__PURE__ */ e(M, { children: u.map((o) => /* @__PURE__ */ e(r, { onSelect: () => {
+      /* @__PURE__ */ e(f, { children: u.map((o) => /* @__PURE__ */ e(r, { onSelect: () => {
         t.onCreate?.(o.id);
       }, children: o.names[0]?.content ?? o.id }, o.id)) }),
       /* @__PURE__ */ e(g, {}),
@@ -41,5 +41,5 @@ const K = (t) => {
   ] }) });
 };
 export {
-  K as DFlowFolderContextMenu
+  L as DFlowFolderContextMenu
 };

package/dist/components/d-flow-folder/DFlowFolderCreateDialog.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
 import { c as O } from "../../_virtual/compiler-runtime.js";
-import y from "react";
+import F from "react";
 import "@radix-ui/react-checkbox";
 import "merge-props";
 import "@tabler/icons-react";
@@ -17,12 +17,12 @@ import "../form/TextInput.js";
 import { useForm as S } from "../form/useForm.js";
 import { DialogClose as I, DialogPortal as j, DialogContent as v, Dialog as N } from "../dialog/Dialog.js";
 import { Flex as P } from "../flex/Flex.js";
-import { Button as F } from "../button/Button.js";
+import { Button as _ } from "../button/Button.js";
 import { DFlowFolderItemPathInput as k } from "./DFlowFolderItemPathInput.js";
 const te = (t) => {
   const e = O.c(23), {
     open: m
-  } = t, [g, b] = y.useState(m);
+  } = t, [g, b] = F.useState(m);
   let c;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
     name: ""
@@ -31,7 +31,7 @@ const te = (t) => {
   let s, f;
   e[1] !== m ? (s = () => {
     b(m);
-  }, f = [m], e[1] = m, e[2] = s, e[3] = f) : (s = e[2], f = e[3]), y.useEffect(s, f);
+  }, f = [m], e[1] = m, e[2] = s, e[3] = f) : (s = e[2], f = e[3]), F.useEffect(s, f);
   let u;
   e[4] === Symbol.for("react.memo_cache_sentinel") ? (u = {
     name: B
@@ -40,28 +40,28 @@ const te = (t) => {
   e[5] !== t ? (p = {
     initialValues: x,
     validate: u,
-    onSubmit: (_) => {
-      t.onCreate?.(_.name, t.flowTypeId), t.onOpenChange?.(!1);
+    onSubmit: (w) => {
+      t.onCreate?.(w.name, t.flowTypeId), t.onOpenChange?.(!1);
     }
   }, e[5] = t, e[6] = p) : p = e[6];
   const [C, D] = S(p);
   let i;
-  e[7] !== t ? (i = (_) => {
-    t.onOpenChange?.(_);
+  e[7] !== t ? (i = (w) => {
+    t.onOpenChange?.(w);
   }, e[7] = t, e[8] = i) : i = e[8];
   let l;
   e[9] !== C ? (l = C.getInputProps("name"), e[9] = C, e[10] = l) : l = e[10];
   let n;
   e[11] !== l ? (n = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(k, { description: "You can choose a name here and only use alphanumeric names.", title: "Name of the flow", ...l }) }), e[11] = l, e[12] = n) : n = e[12];
   let h;
-  e[13] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ o(I, { asChild: !0, children: /* @__PURE__ */ o(F, { color: "secondary", children: "No, go back!" }) }), e[13] = h) : h = e[13];
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ o(I, { asChild: !0, children: /* @__PURE__ */ o(_, { color: "secondary", children: "No, go back!" }) }), e[13] = h) : h = e[13];
   let r;
-  e[14] !== D ? (r = /* @__PURE__ */ w(P, { justify: "space-between", align: "center", children: [
+  e[14] !== D ? (r = /* @__PURE__ */ y(P, { justify: "space-between", align: "center", children: [
     h,
-    /* @__PURE__ */ o(F, { color: "success", onClick: D, children: "Yes, create!" })
+    /* @__PURE__ */ o(_, { color: "success", onClick: D, children: "Yes, create!" })
   ] }), e[14] = D, e[15] = r) : r = e[15];
   let a;
-  e[16] !== n || e[17] !== r ? (a = /* @__PURE__ */ o(j, { children: /* @__PURE__ */ w(v, { autoFocus: !0, showCloseButton: !0, title: "Create new flow", children: [
+  e[16] !== n || e[17] !== r ? (a = /* @__PURE__ */ o(j, { children: /* @__PURE__ */ y(v, { autoFocus: !0, showCloseButton: !0, title: "Create new flow", children: [
     n,
     r
   ] }) }), e[16] = n, e[17] = r, e[18] = a) : a = e[18];

package/dist/components/d-flow-folder/DFlowFolderDeleteDialog.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { c as b } from "../../_virtual/compiler-runtime.js";
+import { c as _ } from "../../_virtual/compiler-runtime.js";
 import { DialogClose as x, DialogPortal as v, DialogContent as j, Dialog as F } from "../dialog/Dialog.js";
 import { Text as g } from "../text/Text.js";
 import { Badge as R } from "../badge/Badge.js";
@@ -7,11 +7,11 @@ import { Flex as S } from "../flex/Flex.js";
 import { Button as w } from "../button/Button.js";
 import B from "react";
 const Y = (t) => {
-  const e = b.c(18), {
-    open: _
-  } = t, [s, C] = B.useState(_);
+  const e = _.c(18), {
+    open: C
+  } = t, [s, b] = B.useState(C);
   let a;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = (u) => C(u), e[0] = a) : a = e[0];
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = (u) => b(u), e[0] = a) : a = e[0];
   const d = t.contextData.type == "item" ? "Remove flow" : "Remove folder", h = t.contextData.type == "item" ? "Are you sure you want to remove flow" : "Are you sure you want to remove folder";
   let c;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (c = {

package/dist/components/d-flow-folder/DFlowFolderRenameDialog.js

@@ -19,24 +19,24 @@ import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
 import { useForm as C } from "../form/useForm.js";
-const G = (e) => {
+const H = (e) => {
   const {
-    open: a
-  } = e, [c, h] = i.useState(a), u = i.useMemo(() => ({
+    open: n
+  } = e, [c, h] = i.useState(n), u = i.useMemo(() => ({
     path: e.contextData.name
   }), []);
   i.useEffect(() => {
-    h(a);
-  }, [a]);
-  const [s, d] = C({
+    h(n);
+  }, [n]);
+  const [s, p] = C({
     initialValues: u,
     validate: {
       path: (o) => null
     },
     onSubmit: (o) => {
-      e.contextData.type === "item" ? e.onRename?.(e.contextData.flow, o.path) : e.contextData.type === "folder" && e.contextData.flow.forEach((n) => {
-        const p = n.name?.replace(e.contextData.name, o.path) ?? n.name;
-        e.onRename?.(n, p);
+      e.contextData.type === "item" ? e.onRename?.(e.contextData.flow, o.path) : e.contextData.type === "folder" && e.contextData.flow.forEach((a) => {
+        const d = a.name?.replace(e.contextData.name, o.path) ?? a.name;
+        e.onRename?.(a, d);
       });
     }
   });
@@ -46,10 +46,10 @@ const G = (e) => {
     /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(x, { description: "You can choose a new name here and only use alphanumeric names.", title: e.contextData.type == "item" ? "Name of the flow" : "Name of the folder", ...s.getInputProps("path") }) }),
     /* @__PURE__ */ r(w, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ t(m, { asChild: !0, children: /* @__PURE__ */ t(l, { color: "secondary", children: "No, go back!" }) }),
-      /* @__PURE__ */ t(m, { asChild: !0, children: /* @__PURE__ */ t(l, { color: "success", onClick: d, children: "Yes, save!" }) })
+      /* @__PURE__ */ t(m, { asChild: !0, children: /* @__PURE__ */ t(l, { color: "success", onClick: p, children: "Yes, save!" }) })
     ] })
   ] }) }) });
 };
 export {
-  G as DFlowFolderRenameDialog
+  H as DFlowFolderRenameDialog
 };

package/dist/components/d-flow-function/DFlowFunctionDefaultCard.js

@@ -7,9 +7,9 @@ import { useStore as h, useReactFlow as Y, Handle as g, Position as f } from "@x
 import { Card as q } from "../card/Card.js";
 import '../../assets/components/d-flow-function/DFlowFunctionDefaultCard.style.css';/* empty css                                    */
 import { Flex as G } from "../flex/Flex.js";
-import { IconNote as F } from "@tabler/icons-react";
+import { IconNote as D } from "@tabler/icons-react";
 import { Text as y } from "../text/Text.js";
-import { DFlowFunctionReactiveService as D } from "./DFlowFunction.service.js";
+import { DFlowFunctionReactiveService as _ } from "./DFlowFunction.service.js";
 import { useNodeValidation as J } from "../d-flow-validation/DNodeValidation.hook.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as T } from "../d-flow/DFlow.service.js";
@@ -32,12 +32,12 @@ const Be = X((d) => {
     id: p,
     width: C = 0,
     height: M = 0
-  } = d, R = h((o) => o.width), z = h((o) => o.height), P = Y(), u = v(N), I = w(N), V = v(T), b = w(T), k = v(D), S = w(D), r = c.useMemo(() => V.getNodeById(e.flowId, e.nodeId), [b, e]), l = c.useMemo(() => r ? k.getById(r.functionDefinition?.id) : void 0, [S, e, r]), $ = J(e.nodeId, e.flowId), x = c.useMemo(() => I.find((o) => o.active)?.id, [I, u]), A = h((o) => {
+  } = d, R = h((o) => o.width), z = h((o) => o.height), P = Y(), u = v(N), I = w(N), V = v(T), b = w(T), k = v(_), S = w(_), r = c.useMemo(() => V.getNodeById(e.flowId, e.nodeId), [b, e]), l = c.useMemo(() => r ? k.getById(r.functionDefinition?.id) : void 0, [S, e, r]), $ = J(e.nodeId, e.flowId), x = c.useMemo(() => I.find((o) => o.active)?.id, [I, u]), A = h((o) => {
     const i = o.nodes.filter((n) => n.parentId === d.parentId);
     let a;
     return i.forEach((n) => {
-      const s = n.data?.index ?? 1 / 0, _ = a?.data?.index ?? 1 / 0;
-      (!a || s < _) && (a = n);
+      const s = n.data?.index ?? 1 / 0, F = a?.data?.index ?? 1 / 0;
+      (!a || s < F) && (a = n);
     }), a;
   }), L = (o) => o.split(/(\$\{[^}]+\})/).filter(Boolean).flatMap((i) => i.startsWith("${") ? [i.slice(2, -1)] : i.split(/(\s*,\s*)/).filter(Boolean).flatMap((a) => a.trim() === "," ? [","] : a.trim() ? [a.trim()] : [])), W = c.useMemo(() => L(l?.displayMessages[0]?.content ?? "").map((o) => {
     const i = r?.parameters?.nodes?.find((s) => l?.parameterDefinitions?.find((j) => j.id == s?.id)?.identifier == o), a = $?.filter((s) => s.parameterId === i?.id), n = a?.length ? H[a[0].type] : {};
@@ -74,7 +74,7 @@ const Be = X((d) => {
       active: !1,
       closeable: !0,
       children: /* @__PURE__ */ m(E, { children: [
-        /* @__PURE__ */ t(F, { color: B(e.nodeId), size: 12 }),
+        /* @__PURE__ */ t(D, { color: B(e.nodeId), size: 12 }),
         /* @__PURE__ */ t(y, { size: "sm", children: l?.names[0]?.content })
       ] }),
       content: /* @__PURE__ */ t(K, { flowId: d.data.flowId, node: r })
@@ -107,7 +107,7 @@ const Be = X((d) => {
     /* @__PURE__ */ m(G, { align: "center", style: {
       gap: "0.7rem"
     }, children: [
-      /* @__PURE__ */ t(F, { color: B(e.nodeId), size: 16 }),
+      /* @__PURE__ */ t(D, { color: B(e.nodeId), size: 16 }),
       /* @__PURE__ */ t(y, { size: "md", children: W })
     ] })
   ] }, p);

package/dist/components/d-flow-function/DFlowFunctionSuggestionCard.js

@@ -3,12 +3,12 @@ import { c as u } from "../../_virtual/compiler-runtime.js";
 import { useService as p } from "../../utils/contextStore.js";
 import g, { memo as w } from "react";
 import "merge-props";
-import { Handle as S, Position as _ } from "@xyflow/react";
-import { Button as v } from "../button/Button.js";
-import { IconPlus as F } from "@tabler/icons-react";
-import { useSuggestions as x } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import { Handle as S, Position as v } from "@xyflow/react";
+import { Button as F } from "../button/Button.js";
+import { IconPlus as x } from "@tabler/icons-react";
+import { useSuggestions as y } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as y } from "../d-flow/DFlow.service.js";
+import { DFlowReactiveService as _ } from "../d-flow/DFlow.service.js";
 import "js-md5";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
@@ -18,7 +18,7 @@ import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
 import { DFlowSuggestionMenu as I } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
 const J = w((e) => {
-  const t = u.c(12), [, l] = g.useTransition(), d = x(e.data.flowId, e.data.parentFunction?.id), o = p(y);
+  const t = u.c(12), [, l] = g.useTransition(), d = y(e.data.flowId, e.data.parentFunction?.id), o = p(_);
   let a;
   t[0] !== o || t[1] !== e.data.flowId ? (a = o.getById(e.data.flowId), t[0] = o, t[1] = e.data.flowId, t[2] = a) : a = t[2];
   const m = a;
@@ -29,11 +29,11 @@ const J = w((e) => {
     });
   }, t[3] = m?.id, t[4] = o, t[5] = e.data.parentFunction?.id, t[6] = l, t[7] = i) : i = t[7];
   let n;
-  t[8] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(v, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
+  t[8] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(F, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
     /* @__PURE__ */ s(S, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
       top: "2px"
-    }, position: _.Top }),
-    /* @__PURE__ */ s(F, { size: 12 })
+    }, position: v.Top }),
+    /* @__PURE__ */ s(x, { size: 12 })
   ] }), t[8] = n) : n = t[8];
   let r;
   return t[9] !== d || t[10] !== i ? (r = /* @__PURE__ */ s(I, { onSuggestionSelect: i, suggestions: d, triggerContent: n }), t[9] = d, t[10] = i, t[11] = r) : r = t[11], r;