@code0-tech/pictor 0.0.0-mvp.43 → 0.0.0-mvp.45

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

@@ -1,13 +1,14 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import i from "react";
+import n from "react";
 import "../../_virtual/compiler-runtime.js";
 import "@radix-ui/react-checkbox";
-import { InputLabel as T } from "../form/InputLabel.js";
-import { InputDescription as D } from "../form/InputDescription.js";
+import { InputLabel as D } from "../form/InputLabel.js";
+import { InputDescription as F } from "../form/InputDescription.js";
 import "merge-props";
-import { InputMessage as F } from "../form/InputMessage.js";
+import "js-md5";
+import { InputMessage as S } from "../form/InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
-import { IconFile as S, IconArrowUp as v, IconArrowDown as x, IconCornerDownLeft as M } from "@tabler/icons-react";
+import { IconFile as M, IconArrowUp as v, IconArrowDown as x, IconCornerDownLeft as b } from "@tabler/icons-react";
 import "../form/EmailInput.js";
 import "../form/Input.js";
 import "../form/InputSuggestion.js";
@@ -17,14 +18,14 @@ import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
-import { useForm as b } from "../form/useForm.js";
-import { Dialog as P, DialogPortal as V, DialogContent as O, DialogClose as z } from "../dialog/Dialog.js";
+import { useForm as P } from "../form/useForm.js";
+import { Dialog as O, DialogPortal as V, DialogOverlay as z, DialogContent as j, DialogClose as B } from "../dialog/Dialog.js";
 import { Flex as l } from "../flex/Flex.js";
-import { Button as c } from "../button/Button.js";
-import { DFlowFolderItemPathInput as j } from "./DFlowFolderItemPathInput.js";
-import { useService as B, useStore as L } from "../../utils/contextStore.js";
-import { DFlowTypeReactiveService as u } from "../d-flow-type/DFlowType.service.js";
-import { hashToColor as N } from "../d-flow/DFlow.util.js";
+import { Button as p } from "../button/Button.js";
+import { DFlowFolderItemPathInput as L } from "./DFlowFolderItemPathInput.js";
+import { useService as N, useStore as Y } from "../../utils/contextStore.js";
+import { DFlowTypeReactiveService as h } from "../d-flow-type/DFlowType.service.js";
+import { hashToColor as k } from "../d-flow/DFlow.util.js";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
@@ -32,22 +33,21 @@ 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 "../d-flow-data-type/variants/DFlowDataTypeNodeVariant.js";
-import "js-md5";
-import { Menu as Y, MenuTrigger as k, MenuPortal as q, MenuContent as A, MenuItem as R, MenuLabel as E } from "../menu/Menu.js";
-import { Spacing as f } from "../spacing/Spacing.js";
-import { Badge as p } from "../badge/Badge.js";
-import { Card as U } from "../card/Card.js";
-const Pe = (t) => {
+import { Menu as q, MenuTrigger as A, MenuPortal as R, MenuContent as E, MenuItem as U, MenuLabel as W } from "../menu/Menu.js";
+import { Spacing as c } from "../spacing/Spacing.js";
+import { Badge as s } from "../badge/Badge.js";
+import { Card as G } from "../card/Card.js";
+const Ve = (t) => {
   const {
     open: m
-  } = t, s = B(u), h = L(u), [g, w] = i.useState(m), [a, y] = i.useState(t.flowTypeId), d = i.useMemo(() => s.getById(a), [a, h]), I = i.useMemo(() => ({
+  } = t, d = N(h), u = Y(h), [g, y] = n.useState(m), [a, w] = n.useState(t.flowTypeId), f = n.useMemo(() => d.getById(a), [a, u]), I = n.useMemo(() => ({
     name: "",
     flowTypeId: t.flowTypeId ?? null
-  }), []);
-  i.useEffect(() => {
-    w(m);
+  }), []), C = n.useMemo(() => d.values(), [u]);
+  n.useEffect(() => {
+    y(m);
   }, [m]);
-  const [n, C] = b({
+  const [i, T] = P({
     initialValues: I,
     validate: {
       name: (o) => o ? null : "Name is required",
@@ -57,57 +57,59 @@ const Pe = (t) => {
       t.onCreate?.(o.name, o.flowTypeId), t.onOpenChange?.(!1);
     }
   });
-  return /* @__PURE__ */ e(P, { open: g, onOpenChange: (o) => {
+  return /* @__PURE__ */ e(O, { open: g, onOpenChange: (o) => {
     t.onOpenChange?.(o);
-  }, children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ r(O, { autoFocus: !0, showCloseButton: !0, title: "Create new flow", children: [
-    /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ e(T, { children: "Type of flow" }),
-      /* @__PURE__ */ e(D, { children: "You can choose a flow type here" }),
-      /* @__PURE__ */ r(Y, { children: [
-        /* @__PURE__ */ e(k, { asChild: !0, children: /* @__PURE__ */ r(c, { w: "100%", color: n.getInputProps("flowTypeId").formValidation?.valid ? "secondary" : "error", style: {
+  }, children: /* @__PURE__ */ r(V, { children: [
+    /* @__PURE__ */ e(z, {}),
+    /* @__PURE__ */ r(j, { autoFocus: !0, showCloseButton: !0, title: "Create new flow", children: [
+      /* @__PURE__ */ e(D, { children: "Type of flow" }),
+      /* @__PURE__ */ e(F, { children: "You can choose a flow type here" }),
+      /* @__PURE__ */ r(q, { children: [
+        /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(p, { w: "100%", color: i.getInputProps("flowTypeId").formValidation?.valid ? "secondary" : "error", style: {
           justifyContent: "start"
         }, children: [
-          a ? /* @__PURE__ */ e(S, { size: 13, color: N(a) }) : null,
-          d ? d?.names?.[0].content : "Select flow type"
+          a ? /* @__PURE__ */ e(M, { size: 13, color: k(a) }) : null,
+          f ? f?.names?.[0].content : "Select flow type"
         ] }) }),
-        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ r(A, { align: "start", color: "secondary", sideOffset: 8, children: [
-          /* @__PURE__ */ e(U, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
+        /* @__PURE__ */ e(R, { children: /* @__PURE__ */ r(E, { align: "start", color: "secondary", sideOffset: 8, children: [
+          /* @__PURE__ */ e(G, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
             borderWidth: "2px"
-          }, children: s.values().map((o) => /* @__PURE__ */ e(R, { onSelect: () => {
-            n.getInputProps("flowTypeId").formValidation?.setValue(o.id), y(o.id);
+          }, children: C.map((o) => /* @__PURE__ */ e(U, { onSelect: () => {
+            i.getInputProps("flowTypeId").formValidation?.setValue(o.id), w(o.id);
           }, children: o.names?.[0].content }, o.id)) }),
-          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(l, { style: {
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ r(l, { style: {
             gap: ".35rem"
           }, children: [
             /* @__PURE__ */ r(l, { align: "center", style: {
               gap: "0.35rem"
             }, children: [
               /* @__PURE__ */ r(l, { children: [
-                /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ e(v, { size: 12 }) }),
-                /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ e(x, { size: 12 }) })
+                /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(v, { size: 12 }) }),
+                /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(x, { size: 12 }) })
               ] }),
               "move"
             ] }),
-            /* @__PURE__ */ e(f, { spacing: "xxs" }),
+            /* @__PURE__ */ e(c, { spacing: "xxs" }),
             /* @__PURE__ */ r(l, { align: "center", style: {
               gap: ".35rem"
             }, children: [
-              /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ e(M, { size: 12 }) }),
+              /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(b, { size: 12 }) }),
               "select"
             ] })
           ] }) })
         ] }) })
       ] }),
-      n.getInputProps("flowTypeId").formValidation?.valid ? null : /* @__PURE__ */ e(F, { children: n.getInputProps("flowTypeId").formValidation?.notValidMessage }),
-      /* @__PURE__ */ e(f, { spacing: "md" }),
-      /* @__PURE__ */ e(j, { description: "You can choose a name here and only use alphanumeric names.", title: "Name of the flow", ...n.getInputProps("name") })
-    ] }),
-    /* @__PURE__ */ r(l, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(c, { color: "secondary", children: "No, go back!" }) }),
-      /* @__PURE__ */ e(c, { color: "success", onClick: C, children: "Yes, create!" })
+      i.getInputProps("flowTypeId").formValidation?.valid ? null : /* @__PURE__ */ e(S, { children: i.getInputProps("flowTypeId").formValidation?.notValidMessage }),
+      /* @__PURE__ */ e(c, { spacing: "md" }),
+      /* @__PURE__ */ e(L, { description: "You can choose a name here and only use alphanumeric names.", title: "Name of the flow", ...i.getInputProps("name") }),
+      /* @__PURE__ */ e(c, { spacing: "md" }),
+      /* @__PURE__ */ r(l, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(p, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(p, { color: "success", onClick: T, children: "Yes, create!" })
+      ] })
     ] })
-  ] }) }) });
+  ] }) });
 };
 export {
-  Pe as DFlowFolderCreateDialog
+  Ve as DFlowFolderCreateDialog
 };

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

@@ -1,59 +1,64 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import { c as O } from "../../_virtual/compiler-runtime.js";
-import { DialogClose as C, DialogPortal as R, DialogContent as _, Dialog as B } from "../dialog/Dialog.js";
-import { Text as b } from "../text/Text.js";
-import { Badge as E } from "../badge/Badge.js";
-import { Flex as S } from "../flex/Flex.js";
-import { Button as v } from "../button/Button.js";
-import j from "react";
-const q = (t) => {
-  const e = O.c(23), {
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { c as F } from "../../_virtual/compiler-runtime.js";
+import { DialogOverlay as R, DialogClose as b, DialogPortal as S, DialogContent as B, Dialog as E } from "../dialog/Dialog.js";
+import { Text as v } from "../text/Text.js";
+import { Badge as k } from "../badge/Badge.js";
+import { Flex as z } from "../flex/Flex.js";
+import { Button as _ } from "../button/Button.js";
+import O from "react";
+const H = (t) => {
+  const e = F.c(24), {
     open: r
-  } = t, [D, F] = j.useState(r);
+  } = t, [y, j] = O.useState(r);
   let m, f;
   e[0] !== r ? (m = () => {
-    F(r);
-  }, f = [r], e[0] = r, e[1] = m, e[2] = f) : (m = e[1], f = e[2]), j.useEffect(m, f);
+    j(r);
+  }, f = [r], e[0] = r, e[1] = m, e[2] = f) : (m = e[1], f = e[2]), O.useEffect(m, f);
   let l;
-  e[3] !== t ? (l = (g) => t.onOpenChange?.(g), e[3] = t, e[4] = l) : l = e[4];
-  const u = t.contextData.type == "item" ? "Remove flow" : "Remove folder", x = t.contextData.type == "item" ? "Are you sure you want to remove flow" : "Are you sure you want to remove folder";
+  e[3] !== t ? (l = (C) => t.onOpenChange?.(C), e[3] = t, e[4] = l) : l = e[4];
   let s;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ o(R, {}), e[5] = s) : s = e[5];
+  const x = t.contextData.type == "item" ? "Remove flow" : "Remove folder", g = t.contextData.type == "item" ? "Are you sure you want to remove flow" : "Are you sure you want to remove folder";
+  let d;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
     color: "inherit"
-  }, e[5] = s) : s = e[5];
+  }, e[6] = d) : d = e[6];
   let n;
-  e[6] !== t.contextData.name ? (n = /* @__PURE__ */ o(E, { color: "info", children: /* @__PURE__ */ o(b, { size: "md", style: s, children: t.contextData.name }) }), e[6] = t.contextData.name, e[7] = n) : n = e[7];
-  const y = t.contextData.type == "folder" ? ", all flows and sub-folders inside " : "";
+  e[7] !== t.contextData.name ? (n = /* @__PURE__ */ o(k, { color: "info", children: /* @__PURE__ */ o(v, { size: "md", style: d, children: t.contextData.name }) }), e[7] = t.contextData.name, e[8] = n) : n = e[8];
+  const w = t.contextData.type == "folder" ? ", all flows and sub-folders inside " : "";
   let i;
-  e[8] !== x || e[9] !== n || e[10] !== y ? (i = /* @__PURE__ */ w(b, { size: "md", hierarchy: "secondary", children: [
-    x,
+  e[9] !== g || e[10] !== n || e[11] !== w ? (i = /* @__PURE__ */ u(v, { size: "md", hierarchy: "secondary", children: [
+    g,
     " ",
     " ",
     n,
     " ",
     " ",
-    y,
+    w,
     "from the this project?"
-  ] }), e[8] = x, e[9] = n, e[10] = y, e[11] = i) : i = e[11];
-  let d;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ o(C, { asChild: !0, children: /* @__PURE__ */ o(v, { color: "secondary", children: "No, go back!" }) }), e[12] = d) : d = e[12];
+  ] }), e[9] = g, e[10] = n, e[11] = w, e[12] = i) : i = e[12];
+  let h;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ o(_, { color: "secondary", children: "No, go back!" }) }), e[13] = h) : h = e[13];
   let a;
-  e[13] !== t ? (a = /* @__PURE__ */ w(S, { justify: "space-between", align: "center", children: [
-    d,
-    /* @__PURE__ */ o(C, { asChild: !0, children: /* @__PURE__ */ o(v, { color: "error", onClick: () => {
-      t.contextData.type === "item" ? t.onDelete?.(t.contextData.flow) : t.contextData.type === "folder" && t.contextData.flow.forEach((g) => {
-        t.onDelete?.(g);
+  e[14] !== t ? (a = /* @__PURE__ */ u(z, { justify: "space-between", align: "center", children: [
+    h,
+    /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ o(_, { color: "error", onClick: () => {
+      t.contextData.type === "item" ? t.onDelete?.(t.contextData.flow) : t.contextData.type === "folder" && t.contextData.flow.forEach((C) => {
+        t.onDelete?.(C);
       });
     }, children: "Yes, remove!" }) })
-  ] }), e[13] = t, e[14] = a) : a = e[14];
+  ] }), e[14] = t, e[15] = a) : a = e[15];
   let c;
-  e[15] !== a || e[16] !== u || e[17] !== i ? (c = /* @__PURE__ */ o(R, { children: /* @__PURE__ */ w(_, { autoFocus: !0, showCloseButton: !0, title: u, children: [
-    i,
-    a
-  ] }) }), e[15] = a, e[16] = u, e[17] = i, e[18] = c) : c = e[18];
-  let h;
-  return e[19] !== D || e[20] !== c || e[21] !== l ? (h = /* @__PURE__ */ o(B, { open: D, onOpenChange: l, children: c }), e[19] = D, e[20] = c, e[21] = l, e[22] = h) : h = e[22], h;
+  e[16] !== a || e[17] !== x || e[18] !== i ? (c = /* @__PURE__ */ u(S, { children: [
+    s,
+    /* @__PURE__ */ u(B, { autoFocus: !0, showCloseButton: !0, title: x, children: [
+      i,
+      a
+    ] })
+  ] }), e[16] = a, e[17] = x, e[18] = i, e[19] = c) : c = e[19];
+  let D;
+  return e[20] !== y || e[21] !== c || e[22] !== l ? (D = /* @__PURE__ */ o(E, { open: y, onOpenChange: l, children: c }), e[20] = y, e[21] = c, e[22] = l, e[23] = D) : D = e[23], D;
 };
 export {
-  q as DFlowFolderDeleteDialog
+  H as DFlowFolderDeleteDialog
 };

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

@@ -3,6 +3,7 @@ import { c as l } from "../../_virtual/compiler-runtime.js";
 import "react";
 import "@radix-ui/react-checkbox";
 import "merge-props";
+import "js-md5";
 import "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
@@ -15,7 +16,7 @@ import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import { TextInput as c } from "../form/TextInput.js";
 import { Badge as h } from "../badge/Badge.js";
-const R = (e) => {
+const S = (e) => {
   const r = l.c(4);
   let t;
   r[0] !== e ? ({
@@ -46,5 +47,5 @@ function a(e, r) {
   }).flat();
 }
 export {
-  R as DFlowFolderItemPathInput
+  S as DFlowFolderItemPathInput
 };

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

@@ -1,12 +1,13 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import i from "react";
-import { Dialog as f, DialogPortal as D, DialogContent as g, DialogClose as m } from "../dialog/Dialog.js";
-import { DFlowFolderItemPathInput as x } from "./DFlowFolderItemPathInput.js";
-import { Flex as w } from "../flex/Flex.js";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import r from "react";
+import { Dialog as f, DialogPortal as D, DialogOverlay as g, DialogContent as x, DialogClose as m } from "../dialog/Dialog.js";
+import { DFlowFolderItemPathInput as w } from "./DFlowFolderItemPathInput.js";
+import { Flex as y } from "../flex/Flex.js";
 import { Button as l } from "../button/Button.js";
 import "../../_virtual/compiler-runtime.js";
 import "@radix-ui/react-checkbox";
 import "merge-props";
+import "js-md5";
 import "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
@@ -19,37 +20,40 @@ import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
 import { useForm as C } from "../form/useForm.js";
-const H = (e) => {
+const K = (e) => {
   const {
-    open: n
-  } = e, [c, h] = i.useState(n), u = i.useMemo(() => ({
+    open: a
+  } = e, [c, h] = r.useState(a), u = r.useMemo(() => ({
     path: e.contextData.name
   }), []);
-  i.useEffect(() => {
-    h(n);
-  }, [n]);
-  const [s, p] = C({
+  r.useEffect(() => {
+    h(a);
+  }, [a]);
+  const [p, s] = 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((a) => {
-        const d = a.name?.replace(e.contextData.name, o.path) ?? a.name;
-        e.onRename?.(a, d);
+      e.contextData.type === "item" ? e.onRename?.(e.contextData.flow, o.path) : e.contextData.type === "folder" && e.contextData.flow.forEach((n) => {
+        const d = n.name?.replace(e.contextData.name, o.path) ?? n.name;
+        e.onRename?.(n, d);
       });
     }
   });
   return /* @__PURE__ */ t(f, { open: c, onOpenChange: (o) => {
     e.onOpenChange?.(o);
-  }, children: /* @__PURE__ */ t(D, { children: /* @__PURE__ */ r(g, { autoFocus: !0, showCloseButton: !0, title: e.contextData.type == "item" ? "Rename flow" : "Rename folder", children: [
-    /* @__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: p, children: "Yes, save!" }) })
+  }, children: /* @__PURE__ */ i(D, { children: [
+    /* @__PURE__ */ t(g, {}),
+    /* @__PURE__ */ i(x, { autoFocus: !0, showCloseButton: !0, title: e.contextData.type == "item" ? "Rename flow" : "Rename folder", children: [
+      /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(w, { 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", ...p.getInputProps("path") }) }),
+      /* @__PURE__ */ i(y, { 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: s, children: "Yes, save!" }) })
+      ] })
     ] })
-  ] }) }) });
+  ] }) });
 };
 export {
-  H as DFlowFolderRenameDialog
+  K as DFlowFolderRenameDialog
 };

package/dist/components/d-flow-function/DFlowFunction.service.js

@@ -2,11 +2,12 @@ import "../../utils/contextStore.js";
 import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class p extends t {
+import "js-md5";
+class s extends t {
   getById(e, i) {
     return this.values(i).find((r) => r.id === e);
   }
 }
 export {
-  p as DFlowFunctionReactiveService
+  s as DFlowFunctionReactiveService
 };

package/dist/components/d-flow-input/DFlowInputDataType.js

@@ -5,6 +5,7 @@ import "@radix-ui/react-checkbox";
 import { InputLabel as O } from "../form/InputLabel.js";
 import { InputDescription as _ } from "../form/InputDescription.js";
 import "merge-props";
+import "js-md5";
 import { IconEdit as Y } from "@tabler/icons-react";
 import '../../assets/components/d-flow-input/DFlowInputDataType.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
@@ -27,17 +28,17 @@ import { hashToColor as B } from "../d-flow/DFlow.util.js";
 import { useService as P, useStore as R } from "../../utils/contextStore.js";
 import { DFlowDataTypeReactiveService as I } from "../d-flow-data-type/DFlowDataType.service.js";
 import { DFlowInputDataTypeEditDialog as W } from "./DFlowInputDataTypeEditDialog.js";
-const ve = (f) => {
+const Ie = (f) => {
   const {
     initialValue: i,
     defaultValue: o,
-    value: s,
-    label: p,
+    value: p,
+    label: s,
     description: D
-  } = f, r = s ?? i ?? o ?? null, h = P(I), g = R(I), [E, d] = m.useState(!1), t = m.useMemo(() => h.getDataType(r), [g, r]);
+  } = f, r = p ?? i ?? o ?? null, h = P(I), g = R(I), [E, d] = m.useState(!1), t = m.useMemo(() => h.getDataType(r), [g, r]);
   return /* @__PURE__ */ a("div", { children: [
     /* @__PURE__ */ e(W, { dataTypeIdentifier: r, open: E, onDataTypeChange: f.onChange, onOpenChange: (n) => d(n) }),
-    /* @__PURE__ */ e(O, { children: p }),
+    /* @__PURE__ */ e(O, { children: s }),
     /* @__PURE__ */ e(_, { children: D }),
     /* @__PURE__ */ a(K, { color: "secondary", paddingSize: "xs", children: [
       /* @__PURE__ */ a(u, { style: {
@@ -57,18 +58,18 @@ const ve = (f) => {
   const {
     dataTypeIdentifier: i,
     parentRule: o,
-    isRoot: s = !o
-  } = f, p = P(I), D = R(I), r = m.useMemo(() => {
+    isRoot: p = !o
+  } = f, s = P(I), D = R(I), r = m.useMemo(() => {
     const t = i.genericType?.genericMappers ?? [];
     return new Map(t.map((n) => [n.target, n]));
-  }, [i]), h = m.useMemo(() => i.genericKey ? r.get(i.genericKey)?.sourceDataTypeIdentifiers?.map((n) => p.getDataType(n)) ?? [] : [p.getDataType(i)], [D, i, r]), g = m.useCallback((t) => t ? t.genericKey ? r.get(t.genericKey)?.sourceDataTypeIdentifiers?.[0] ?? null : t : null, [r]), d = m.useMemo(() => h.flatMap((t, n) => {
+  }, [i]), h = m.useMemo(() => i.genericKey ? r.get(i.genericKey)?.sourceDataTypeIdentifiers?.map((n) => s.getDataType(n)) ?? [] : [s.getDataType(i)], [D, i, r]), g = m.useCallback((t) => t ? t.genericKey ? r.get(t.genericKey)?.sourceDataTypeIdentifiers?.[0] ?? null : t : null, [r]), d = m.useMemo(() => h.flatMap((t, n) => {
     const N = t?.rules?.nodes ?? [];
     return N.length ? N.map((l, k) => {
       const x = `${n}-${k}`, w = l?.config?.dataTypeIdentifier, y = g(w);
       if (l?.variant === "PARENT_TYPE" && y)
-        return /* @__PURE__ */ e(S, { dataTypeIdentifier: y, parentRule: l, isRoot: s }, x);
+        return /* @__PURE__ */ e(S, { dataTypeIdentifier: y, parentRule: l, isRoot: p }, x);
       if (!y) return null;
-      const b = p.getDataType(y), M = b?.variant === "PRIMITIVE", A = b?.name?.[0]?.content;
+      const b = s.getDataType(y), M = b?.variant === "PRIMITIVE", A = b?.name?.[0]?.content;
       let T = null;
       if (l?.variant === "CONTAINS_KEY") {
         const v = l?.config;
@@ -107,7 +108,7 @@ const ve = (f) => {
         ] });
       }
       const z = /* @__PURE__ */ e(S, { dataTypeIdentifier: y, parentRule: l });
-      return s ? /* @__PURE__ */ a(j, { border: !0, children: [
+      return p ? /* @__PURE__ */ a(j, { border: !0, children: [
         " ",
         T,
         " ",
@@ -121,10 +122,10 @@ const ve = (f) => {
         " "
       ] }, x);
     }) : [];
-  }), [h, s, g, p, o]).filter(Boolean);
-  return d.length === 0 ? null : s || o?.variant === "PARENT_TYPE" ? /* @__PURE__ */ e(F, { children: d }) : /* @__PURE__ */ e("ul", { children: d });
+  }), [h, p, g, s, o]).filter(Boolean);
+  return d.length === 0 ? null : p || o?.variant === "PARENT_TYPE" ? /* @__PURE__ */ e(F, { children: d }) : /* @__PURE__ */ e("ul", { children: d });
 };
 export {
-  ve as DFlowInputDataType,
+  Ie as DFlowInputDataType,
   S as DFlowInputDataTypeRuleTree
 };

package/dist/components/d-flow-input/DFlowInputDataTypeEditDialog.js

@@ -9,6 +9,7 @@ import { Editor as M } from "../editor/Editor.js";
 import { DFlowInputDataTypeRuleTree as G } from "./DFlowInputDataType.js";
 import { useService as H, useStore as k } from "../../utils/contextStore.js";
 import "merge-props";
+import "js-md5";
 import { DFlowDataTypeReactiveService as y } from "../d-flow-data-type/DFlowDataType.service.js";
 import { hashToColor as s } from "../d-flow/DFlow.util.js";
 import { ScrollArea as U, ScrollAreaViewport as X, ScrollAreaScrollbar as f, ScrollAreaThumb as h } from "../scroll-area/ScrollArea.js";
@@ -17,7 +18,7 @@ import { Badge as c } from "../badge/Badge.js";
 import { syntaxTree as T } from "@codemirror/language";
 import { Button as q } from "../button/Button.js";
 import { IconX as J } from "@tabler/icons-react";
-const ue = (i) => {
+const ye = (i) => {
   const {
     open: l,
     onOpenChange: D,
@@ -97,5 +98,5 @@ const ue = (i) => {
   ] }) });
 };
 export {
-  ue as DFlowInputDataTypeEditDialog
+  ye as DFlowInputDataTypeEditDialog
 };

package/dist/components/d-flow-input/DFlowInputDefault.js

@@ -3,6 +3,7 @@ import I from "react";
 import "../../_virtual/compiler-runtime.js";
 import "@radix-ui/react-checkbox";
 import "merge-props";
+import "js-md5";
 import "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
@@ -20,7 +21,6 @@ import { DFlowSuggestionMenuFooter as T } from "../d-flow-suggestion/DFlowSugges
 import { toInputSuggestions as x } from "../d-flow-suggestion/DFlowSuggestionMenu.util.js";
 import { useService as S } from "../../utils/contextStore.js";
 import { DFlowFunctionReactiveService as O } from "../d-flow-function/DFlowFunction.service.js";
-import "js-md5";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as h } from "../d-flow/DFlow.service.js";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";

package/dist/components/d-flow-input/DFlowInputNodeBadge.js

@@ -5,6 +5,7 @@ import { IconBolt as N, IconNote as h } from "@tabler/icons-react";
 import { Text as x } from "../text/Text.js";
 import { useService as n, useStore as m } from "../../utils/contextStore.js";
 import "merge-props";
+import "js-md5";
 import { DFlowFunctionReactiveService as f } from "../d-flow-function/DFlowFunction.service.js";
 import { hashToColor as D } from "../d-flow/DFlow.util.js";
 import "../d-flow/DFlow.js";
@@ -16,7 +17,6 @@ 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 "../d-flow-data-type/variants/DFlowDataTypeNodeVariant.js";
-import "js-md5";
 import { DFlowTypeReactiveService as l } from "../d-flow-type/DFlowType.service.js";
 import { FlowTypeView as R } from "../d-flow-type/DFlowType.view.js";
 const X = (a) => {

package/dist/components/d-flow-node/DFlowNode.return.hook.js

@@ -2,8 +2,8 @@ import { resolveGenericKeys as v, replaceGenericKeysInType as S } from "../../ut
 import { useService as p, useStore as u } from "../../utils/contextStore.js";
 import T from "react";
 import "merge-props";
-import { DFlowFunctionReactiveService as m } from "../d-flow-function/DFlowFunction.service.js";
 import "js-md5";
+import { DFlowFunctionReactiveService as m } from "../d-flow-function/DFlowFunction.service.js";
 import { DFlowDataTypeReactiveService as w } from "../d-flow-data-type/DFlowDataType.service.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as a } from "../d-flow/DFlow.service.js";

package/dist/components/d-flow-node/DFlowNodeDefaultCard.js

@@ -3,6 +3,7 @@ import { useService as v, useStore as w } from "../../utils/contextStore.js";
 import { underlineBySeverity as E } from "../../utils/inspection.js";
 import c, { memo as H } from "react";
 import "merge-props";
+import "js-md5";
 import { useStore as h, useReactFlow as X, Handle as g, Position as m } from "@xyflow/react";
 import { Card as Y } from "../card/Card.js";
 import '../../assets/components/d-flow-node/DFlowNode.style.css';/* empty css                     */
@@ -10,7 +11,6 @@ import { Flex as q } from "../flex/Flex.js";
 import { IconNote as D } from "@tabler/icons-react";
 import { Text as y } from "../text/Text.js";
 import { DFlowFunctionReactiveService as F } from "../d-flow-function/DFlowFunction.service.js";
-import "js-md5";
 import { useNodeValidation as G } from "../d-flow-validation/DNodeValidation.hook.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as _ } from "../d-flow/DFlow.service.js";

package/dist/components/d-flow-panel/DFlowExport.js

@@ -3,9 +3,9 @@ import c from "react";
 import { Panel as u } from "@xyflow/react";
 import { useService as w, useStore as b } from "../../utils/contextStore.js";
 import "merge-props";
+import "js-md5";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as m } 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";
 import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";

package/dist/components/d-flow-panel/DFlowPanelControl.js

@@ -5,10 +5,10 @@ import { Button as m } from "../button/Button.js";
 import { Panel as N } from "@xyflow/react";
 import { useService as f, useStore as u } from "../../utils/contextStore.js";
 import "merge-props";
+import "js-md5";
 import { FileTabsService as v } from "../file-tabs/FileTabs.service.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as S } 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";
 import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";

package/dist/components/d-flow-panel/DFlowPanelUpdate.js

@@ -6,9 +6,9 @@ import { Tooltip as g, TooltipTrigger as T, TooltipPortal as y, TooltipContent a
 import { Text as v } from "../text/Text.js";
 import { useService as S, useStore as I } from "../../utils/contextStore.js";
 import "merge-props";
+import "js-md5";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as C } 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";
 import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";

package/dist/components/d-flow-suggestion/DFlowDataTypeSuggestions.hook.js

@@ -2,8 +2,8 @@ import { c as s } from "../../_virtual/compiler-runtime.js";
 import { useService as c, useStore as n } from "../../utils/contextStore.js";
 import "react";
 import "merge-props";
-import { DFlowDataTypeReactiveService as p } from "../d-flow-data-type/DFlowDataType.service.js";
 import "js-md5";
+import { DFlowDataTypeReactiveService as p } from "../d-flow-data-type/DFlowDataType.service.js";
 import { DFlowSuggestionType as l } from "./DFlowSuggestion.view.js";
 const _ = (t) => {
   const e = s.c(3), o = c(p);

package/dist/components/d-flow-suggestion/DFlowFunctionSuggestions.hook.js

@@ -1,8 +1,8 @@
 import c from "react";
 import { useService as F, useStore as v } from "../../utils/contextStore.js";
 import "merge-props";
-import { DFlowDataTypeReactiveService as d } from "../d-flow-data-type/DFlowDataType.service.js";
 import "js-md5";
+import { DFlowDataTypeReactiveService as d } from "../d-flow-data-type/DFlowDataType.service.js";
 import { DFlowSuggestionType as A } from "./DFlowSuggestion.view.js";
 import { DFlowFunctionReactiveService as f } from "../d-flow-function/DFlowFunction.service.js";
 import { replaceGenericsAndSortType as S, resolveType as y, isMatchingType as M } from "../../utils/generics.js";