@code0-tech/pictor 0.0.0-mvp.35 → 0.0.0-mvp.36

package/dist/assets/components/d-flow-folder/DFlowFolder.style.css

@@ -1 +1 @@
-.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;align-items:center;justify-content:space-between;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder:hover{background:#292637}.d-folder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none;background:#030014}.d-folder[data-state=open]{background:#353343;outline:none;border:none}.d-folder__icon,.d-folder__status,.d-folder__item-icon{display:flex;align-items:center;justify-content:center}.d-folder__content{margin-left:.7rem;position:relative;padding-left:calc(5px + .35rem)}.d-folder__content:before{height:100%;width:1px;background:#1c1a2c;position:absolute;content:"";left:5px}.d-folder__item{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;align-items:center;cursor:pointer;font-size:.8rem;position:relative}.d-folder__item{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder__item:hover{background:#292637}.d-folder__item:active,.d-folder__item:focus,.d-folder__item[aria-selected=true],.d-folder__item[data-state=open]{background:#353343;outline:none}.d-folder__item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none}.d-folder__item[data-state=open],.d-folder__item--active{background:#353343;outline:none;border:none}
+.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;align-items:center;justify-content:space-between;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder__root{padding:.7rem;width:100%;height:100%;box-sizing:border-box}.d-folder{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder:hover{background:#292637}.d-folder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none;background:#030014}.d-folder[data-state=open]{background:#353343;outline:none;border:none}.d-folder__icon,.d-folder__status,.d-folder__item-icon{display:flex;align-items:center;justify-content:center}.d-folder__content{margin-left:.7rem;position:relative;padding-left:calc(5px + .35rem)}.d-folder__content:before{height:100%;width:1px;background:#1c1a2c;position:absolute;content:"";left:5px}.d-folder__item{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;align-items:center;cursor:pointer;font-size:.8rem;position:relative;margin:.175rem 0}.d-folder__item{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder__item:hover{background:#292637}.d-folder__item:active,.d-folder__item:focus,.d-folder__item[aria-selected=true],.d-folder__item[data-state=open]{background:#353343;outline:none}.d-folder__item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none}.d-folder__item-hover-card{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;background:#353343;outline:none}.d-folder__item-hover-card:hover{background:#292637}.d-folder__item-hover-card:active,.d-folder__item-hover-card:focus,.d-folder__item-hover-card[aria-selected=true],.d-folder__item-hover-card[data-state=open]{background:#353343;outline:none}.d-folder__item-hover-card{border-radius:1rem;cursor:pointer;border:none}.d-folder__item[data-state=open],.d-folder__item--active{background:#353343;outline:none;border:none}

package/dist/assets/components/scroll-area/ScrollArea.style.css

@@ -1 +1 @@
-.scroll-area{overflow:hidden}.scroll-area__viewport{width:100%;height:100%}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}
+.scroll-area{overflow:hidden}.scroll-area__viewport{width:100%;height:100%;display:block!important}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}

package/dist/components/context-menu/ContextMenu.js

@@ -1,191 +1,106 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { c as r } from "../../_virtual/compiler-runtime.js";
+import { jsx as l } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
 import { mergeCode0Props as i } from "../../utils/utils.js";
-import * as m from "@radix-ui/react-context-menu";
+import * as r from "@radix-ui/react-context-menu";
 import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
-import { Card as $ } from "../card/Card.js";
-import { Flex as S } from "../flex/Flex.js";
-import { Badge as y } from "../badge/Badge.js";
-import { IconArrowUp as z, IconArrowDown as w, IconCornerDownLeft as I } from "@tabler/icons-react";
-import { Spacing as A } from "../spacing/Spacing.js";
-const U = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenu, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, k = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__trigger", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuTrigger, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, q = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__portal", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuPortal, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, H = (t) => {
-  const e = r.c(17), l = t.align, c = `context-menu__content context-menu__content--${t.color ?? "secondary"}`;
-  let n;
-  e[0] !== t || e[1] !== c ? (n = i(c, t), e[0] = t, e[1] = c, e[2] = n) : n = e[2];
-  const C = n;
+const g = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenu, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, $ = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__trigger", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, b = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__portal", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuPortal, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, S = (n) => {
+  const t = u.c(6), o = n.align, c = `context-menu__content context-menu__content--${n.color ?? "primary"}`;
+  let e;
+  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
+  const x = e;
   let s;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
-    borderWidth: "2px"
-  }, e[3] = s) : s = e[3];
-  let u;
-  e[4] !== t.children ? (u = /* @__PURE__ */ o($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: s, children: t.children }), e[4] = t.children, e[5] = u) : u = e[5];
-  let f;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    gap: ".35rem"
-  }, e[6] = f) : f = e[6];
-  let x;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
-    gap: "0.35rem"
-  }, e[7] = x) : x = e[7];
-  let _;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(z, { size: 12 }) }), e[8] = _) : _ = e[8];
-  let d, h;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(S, { align: "center", style: x, children: [
-    /* @__PURE__ */ a(S, { children: [
-      _,
-      /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(w, { size: 12 }) })
-    ] }),
-    "move"
-  ] }), d = /* @__PURE__ */ o(A, { spacing: "xxs" }), e[9] = d, e[10] = h) : (d = e[9], h = e[10]);
-  let b;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
-    gap: ".35rem"
-  }, e[11] = b) : b = e[11];
-  let g;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a(S, { style: f, children: [
-    h,
-    d,
-    /* @__PURE__ */ a(S, { align: "center", style: b, children: [
-      /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(I, { size: 12 }) }),
-      "select"
-    ] })
-  ] }) }), e[12] = g) : g = e[12];
-  let M;
-  return e[13] !== t.align || e[14] !== C || e[15] !== u ? (M = /* @__PURE__ */ a(m.ContextMenuContent, { align: l, ...C, children: [
-    u,
-    g
-  ] }), e[13] = t.align, e[14] = C, e[15] = u, e[16] = M) : M = e[16], M;
-}, T = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__label", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuLabel, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, J = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__item", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuItem, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, K = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__group", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuGroup, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, N = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__sub", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuSub, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, O = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__sub-trigger", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuSubTrigger, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, Q = (t) => {
-  const e = r.c(16), l = `context-menu__sub-content context-menu__sub-content--${t.color ?? "secondary"}`;
-  let c;
-  e[0] !== t || e[1] !== l ? (c = i(l, t), e[0] = t, e[1] = l, e[2] = c) : c = e[2];
-  const n = c;
-  let C;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
-    borderWidth: "2px"
-  }, e[3] = C) : C = e[3];
+  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
+}, T = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__label", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuLabel, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, w = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__item", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuItem, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, P = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__group", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuGroup, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, d = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__sub", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSub, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, y = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__sub-trigger", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSubTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, A = (n) => {
+  const t = u.c(6), o = n.align, c = `context-menu__sub-content context-menu__sub-content--${n.color ?? "primary"}`;
+  let e;
+  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
+  const x = e;
   let s;
-  e[4] !== t.children ? (s = /* @__PURE__ */ o($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: C, children: t.children }), e[4] = t.children, e[5] = s) : s = e[5];
-  let u;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
-    gap: ".35rem"
-  }, e[6] = u) : u = e[6];
-  let f;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    gap: "0.35rem"
-  }, e[7] = f) : f = e[7];
-  let x;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(z, { size: 12 }) }), e[8] = x) : x = e[8];
-  let _, d;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ a(S, { align: "center", style: f, children: [
-    /* @__PURE__ */ a(S, { children: [
-      x,
-      /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(w, { size: 12 }) })
-    ] }),
-    "move"
-  ] }), d = /* @__PURE__ */ o(A, { spacing: "xxs" }), e[9] = _, e[10] = d) : (_ = e[9], d = e[10]);
-  let h;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
-    gap: ".35rem"
-  }, e[11] = h) : h = e[11];
-  let b;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a(S, { style: u, children: [
-    _,
-    d,
-    /* @__PURE__ */ a(S, { align: "center", style: h, children: [
-      /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(I, { size: 12 }) }),
-      "select"
-    ] })
-  ] }) }), e[12] = b) : b = e[12];
-  let g;
-  return e[13] !== n || e[14] !== s ? (g = /* @__PURE__ */ a(m.ContextMenuSubContent, { ...n, children: [
-    s,
-    b
-  ] }), e[13] = n, e[14] = s, e[15] = g) : g = e[15], g;
-}, V = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__separator", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuSeparator, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
-}, X = (t) => {
-  const e = r.c(4);
-  let l;
-  e[0] !== t ? (l = i("context-menu__arrow", t), e[0] = t, e[1] = l) : l = e[1];
-  const c = l;
-  let n;
-  return e[2] !== c ? (n = /* @__PURE__ */ o(m.ContextMenuArrow, { ...c }), e[2] = c, e[3] = n) : n = e[3], n;
+  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuSubContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
+}, G = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__separator", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSeparator, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, I = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__arrow", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuArrow, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
 };
 export {
-  U as ContextMenu,
-  X as ContextMenuArrow,
-  H as ContextMenuContent,
-  K as ContextMenuGroup,
-  J as ContextMenuItem,
+  g as ContextMenu,
+  I as ContextMenuArrow,
+  S as ContextMenuContent,
+  P as ContextMenuGroup,
+  w as ContextMenuItem,
   T as ContextMenuLabel,
-  q as ContextMenuPortal,
-  V as ContextMenuSeparator,
-  N as ContextMenuSub,
-  Q as ContextMenuSubContent,
-  O as ContextMenuSubTrigger,
-  k as ContextMenuTrigger
+  b as ContextMenuPortal,
+  G as ContextMenuSeparator,
+  d as ContextMenuSub,
+  A as ContextMenuSubContent,
+  y as ContextMenuSubTrigger,
+  $ as ContextMenuTrigger
 };

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

@@ -17,10 +17,10 @@ import "../form/TextInput.js";
 import { useForm as M } from "../form/useForm.js";
 import { Flex as k } from "../flex/Flex.js";
 import { useService as p, useStore as S } from "../../utils/contextStore.js";
-import { DFlowFunctionReactiveService as V } from "../d-flow-function/DFlowFunction.service.js";
+import { DFlowFunctionReactiveService as g } from "../d-flow-function/DFlowFunction.service.js";
 import "js-md5";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as D } from "../d-flow/DFlow.service.js";
+import { DFlowReactiveService as V } from "../d-flow/DFlow.service.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";
@@ -30,60 +30,60 @@ import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
 import { useNodeValidation as B } from "../d-flow-validation/DNodeValidation.hook.js";
 import { FileTabsService as E } from "../file-tabs/FileTabs.service.js";
 import { DFlowInputDefault as J } from "../d-flow-input/DFlowInputDefault.js";
-const ve = (g) => {
+const ve = (D) => {
   const {
     node: o,
     flowId: a
-  } = g, w = p(V), I = S(V), c = p(D), h = S(D), F = p(E), f = B(o.id, a), u = r.useRef(/* @__PURE__ */ new Set()), [, _] = r.useTransition(), v = r.useMemo(() => w.getById(o.functionDefinition?.id), [I]), N = r.useMemo(() => {
+  } = D, N = p(g), w = S(g), u = p(V), I = S(V), h = p(E), f = B(o.id, a), d = r.useRef(/* @__PURE__ */ new Set()), [, b] = r.useTransition(), v = r.useMemo(() => N.getById(o.functionDefinition?.id), [w]), F = r.useMemo(() => {
     const t = {};
     return v?.parameterDefinitions?.forEach((e) => {
       t[e.id] = e;
     }), t;
-  }, [v]), s = r.useMemo(() => [...o.parameters?.nodes || []].sort((t, e) => t.id.localeCompare(e?.id)), [o]), b = r.useMemo(() => {
+  }, [v]), s = r.useMemo(() => [...o.parameters?.nodes || []].sort((t, e) => t.id.localeCompare(e?.id)), [o]), _ = r.useMemo(() => {
     const t = {};
     return s.forEach((e) => {
-      t[e?.id] = e?.value?.__typename === "LiteralValue" ? typeof e.value?.value == "object" ? JSON.stringify(e.value?.value) : e.value.value : JSON.stringify(e?.value);
+      t[e?.id] = e?.value?.__typename === "LiteralValue" ? typeof e.value?.value == "object" && e.value?.value != null ? JSON.stringify(e.value?.value) : e.value.value : e?.value != null ? JSON.stringify(e?.value) : e?.value;
     }), t;
   }, [s]), P = r.useMemo(() => {
     const t = {};
     return s.forEach((e) => {
-      t[e?.id] = (l) => {
+      t[e?.id] = (c) => {
         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) => {
-    _(async () => {
+    b(async () => {
       for (const e of s) {
-        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);
+        if (!d.current.has(e?.id)) continue;
+        const c = t[e?.id], n = e?.value, i = c?.[0]?.value;
+        n && n.__typename === "NodeFunctionIdWrapper" && n.id && u.getLinkedNodesById(a, n.id).reverse().forEach((y) => {
+          y.id && h.deleteById(y.id);
+        }), (!i || !c) && await u.setParameterValue(a, o.id, e.id, void 0);
         try {
-          const d = JSON.parse(String(i));
+          const l = Number.isNaN(Number(i)) ? JSON.parse(String(i)) : String(i);
           if (!i?.__typename) {
-            await c.setParameterValue(a, o.id, e.id, i ? {
+            await u.setParameterValue(a, o.id, e.id, i ? {
               __typename: "LiteralValue",
-              value: d
+              value: l ?? String(l)
             } : void 0);
             continue;
           }
         } catch {
           if (!i?.__typename) {
-            await c.setParameterValue(a, o.id, e.id, i ? {
+            await u.setParameterValue(a, o.id, e.id, i ? {
               __typename: "LiteralValue",
               value: i
             } : void 0);
             continue;
           }
         }
-        await c.setParameterValue(a, o.id, e.id, i.__typename === "LiteralValue" ? i.value ? i : void 0 : i);
+        await u.setParameterValue(a, o.id, e.id, i.__typename === "LiteralValue" ? i.value ? i : void 0 : i);
       }
-      u.current.clear();
+      d.current.clear();
     });
-  }, [h, s]), [T, L] = M({
-    initialValues: b,
+  }, [I, s]), [T, L] = M({
+    initialValues: _,
     validate: P,
     truthyValidationBeforeSubmit: !1,
     onSubmit: x
@@ -93,9 +93,9 @@ const ve = (g) => {
     flexDirection: "column"
   }, children: s.map((t) => {
     if (!t) return null;
-    const e = N[t?.parameterDefinition?.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();
+    const e = F[t?.parameterDefinition?.id], c = 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: c, description: n, clearable: !0, onChange: () => {
+      d.current.add(t.id), L();
     }, ...T.getInputProps(t.id) }) });
   }) });
 };

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

@@ -31,3 +31,6 @@ export interface DFlowFolderItemProps extends DFlowFolderProps, Omit<Code0Compon
 export declare const DFlowFolder: React.ForwardRefExoticComponent<DFlowFolderProps & React.RefAttributes<DFlowFolderHandle>>;
 export declare const DFlowFolderGroup: React.FC<DFlowFolderGroupProps>;
 export declare const DFlowFolderItem: React.FC<DFlowFolderItemProps>;
+type TruncateMode = "start" | "middle" | "end";
+export declare function truncateText(value: string, wrapperWidth: number, mode?: TruncateMode, ellipsis?: string): string;
+export {};