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

package/dist/assets/components/avatar/Avatar.style.css

@@ -1 +1 @@
-.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}
+.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:#201e2c}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color)}

package/dist/assets/components/menu/Menu.style.css

@@ -1 +1 @@
-.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}
+.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}

package/dist/components/avatar/Avatar.d.ts

@@ -5,5 +5,6 @@ export interface AvatarProps extends Code0Component<HTMLDivElement> {
     src?: string;
     size?: number;
     color?: string;
+    type?: 'character' | 'shape';
 }
 export declare const Avatar: React.FC<AvatarProps>;

package/dist/components/avatar/Avatar.js

@@ -1,58 +1,54 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { c as v } from "../../_virtual/compiler-runtime.js";
-import g from "react";
-import { md5 as R } from "js-md5";
 import '../../assets/components/avatar/Avatar.style.css';/* empty css                  */
-import { mergeCode0Props as x } from "../../utils/utils.js";
-import { hashToColor as C } from "../d-flow/DFlow.util.js";
-const E = (l) => {
+import { mergeCode0Props as y } from "../../utils/utils.js";
+import z from "avvvatars-react";
+import { hashToColor as A } from "../d-flow/DFlow.util.js";
+const $ = (m) => {
   const t = v.c(3), {
-    src: c,
-    size: e
-  } = l;
+    src: e,
+    size: i
+  } = m;
+  let r;
+  return t[0] !== i || t[1] !== e ? (r = /* @__PURE__ */ d("img", { src: e, width: i, height: i, alt: "Avatar image" }), t[0] = i, t[1] = e, t[2] = r) : r = t[2], r;
+}, x = (m) => {
+  const t = v.c(12), {
+    identifier: e,
+    size: i,
+    color: r,
+    type: s
+  } = m;
   let o;
-  return t[0] !== e || t[1] !== c ? (o = /* @__PURE__ */ u("img", { src: c, width: e, height: e, alt: "Avatar image" }), t[0] = e, t[1] = c, t[2] = o) : o = t[2], o;
-}, z = ({
-  identifier: l,
-  size: t,
-  color: c
-}) => {
-  const e = g.useRef(null);
-  g.useEffect(() => {
-    o();
-  });
-  const o = () => {
-    const i = R(l), r = Math.floor(t / 5), s = c ?? C(l);
-    e.current.width = r * 5, e.current.height = r * 5;
-    let a = i.split("").map((m) => (m = parseInt(m, 16), m < 8 ? 0 : 1)), n = [];
-    n[0] = n[4] = a.slice(0, 5), n[1] = n[3] = a.slice(5, 10), n[2] = a.slice(10, 15);
-    const f = e.current.getContext("2d");
-    f.imageSmoothingEnabled = !1, f.clearRect(0, 0, e.current.width, e.current.height), n.forEach((m, h) => {
-      m.forEach((d, p) => {
-        d ? (f.fillStyle = s, f.fillRect(r * h, r * p, r, r)) : (f.fillStyle = "transparent", f.fillRect(r * h, r * p, r, r));
-      });
-    });
-  };
-  return /* @__PURE__ */ u("canvas", { ref: e });
-}, k = (l) => {
-  const t = v.c(14);
-  let c, e, o, i, r;
-  if (t[0] !== l) {
+  t[0] !== r || t[1] !== e ? (o = r ?? A(e), t[0] = r, t[1] = e, t[2] = o) : o = t[2];
+  let l;
+  t[3] !== o ? (l = {
+    "--color": o
+  }, t[3] = o, t[4] = l) : l = t[4];
+  const c = l, n = s ?? "shape";
+  let a;
+  t[5] !== e || t[6] !== i || t[7] !== n ? (a = /* @__PURE__ */ d(z, { style: n, value: e, size: i }), t[5] = e, t[6] = i, t[7] = n, t[8] = a) : a = t[8];
+  let f;
+  return t[9] !== c || t[10] !== a ? (f = /* @__PURE__ */ d("div", { style: c, children: a }), t[9] = c, t[10] = a, t[11] = f) : f = t[11], f;
+}, R = (m) => {
+  const t = v.c(16);
+  let e, i, r, s, o, l;
+  if (t[0] !== m) {
     const {
-      identifier: n,
+      identifier: a,
       color: f,
-      src: m,
-      size: h,
-      ...d
-    } = l;
-    e = n, c = f, i = m, o = h === void 0 ? 25 : h, r = x(`avatar ${!e && i ? "avatar--image" : ""}`, d), t[0] = l, t[1] = c, t[2] = e, t[3] = o, t[4] = i, t[5] = r;
+      src: h,
+      size: p,
+      type: g,
+      ...u
+    } = m;
+    i = a, e = f, s = h, l = g, r = p === void 0 ? 32 : p, o = y(`avatar ${!i && s ? "avatar--image" : "avatar--identicon"}`, u), t[0] = m, t[1] = e, t[2] = i, t[3] = r, t[4] = s, t[5] = o, t[6] = l;
   } else
-    c = t[1], e = t[2], o = t[3], i = t[4], r = t[5];
-  let s;
-  t[6] !== c || t[7] !== e || t[8] !== o || t[9] !== i ? (s = e ? /* @__PURE__ */ u(z, { color: c, identifier: e, size: o }) : i ? /* @__PURE__ */ u(E, { src: i, size: o + 13 }) : null, t[6] = c, t[7] = e, t[8] = o, t[9] = i, t[10] = s) : s = t[10];
-  let a;
-  return t[11] !== r || t[12] !== s ? (a = /* @__PURE__ */ u("div", { ...r, children: s }), t[11] = r, t[12] = s, t[13] = a) : a = t[13], a;
+    e = t[1], i = t[2], r = t[3], s = t[4], o = t[5], l = t[6];
+  let c;
+  t[7] !== e || t[8] !== i || t[9] !== r || t[10] !== s || t[11] !== l ? (c = i ? /* @__PURE__ */ d(x, { type: l, color: e, identifier: i, size: r }) : s ? /* @__PURE__ */ d($, { src: s, size: r }) : null, t[7] = e, t[8] = i, t[9] = r, t[10] = s, t[11] = l, t[12] = c) : c = t[12];
+  let n;
+  return t[13] !== o || t[14] !== c ? (n = /* @__PURE__ */ d("div", { ...o, children: c }), t[13] = o, t[14] = c, t[15] = n) : n = t[15], n;
 };
 export {
-  k as Avatar
+  R as Avatar
 };

package/dist/components/d-application/DApplication.service.js

@@ -2,6 +2,7 @@ import "../../utils/contextStore.js";
 import "react";
 import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
 import "merge-props";
+import "js-md5";
 class c extends r {
 }
 export {

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

@@ -1,11 +1,12 @@
 import { useService as u, useStore as p } from "../../utils/contextStore.js";
 import $ from "react";
 import "merge-props";
+import "js-md5";
 import { DFlowReactiveService as h } from "./DFlow.service.js";
 import { DFlowFunctionReactiveService as I } from "../d-flow-function/DFlowFunction.service.js";
 import { hashToColor as b } from "./DFlow.util.js";
 import { DFlowDataTypeReactiveService as D } from "../d-flow-data-type/DFlowDataType.service.js";
-const H = (i, S, N) => {
+const O = (i, S, N) => {
   const f = u(h), g = p(h), F = u(I), m = p(I), T = u(D), y = p(D), s = $.useMemo(() => f.getById(i, {
     namespaceId: S,
     projectId: N
@@ -105,5 +106,5 @@ const H = (i, S, N) => {
   }, [s, g, m, y]);
 };
 export {
-  H as useFlowEdges
+  O as useFlowEdges
 };

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

@@ -1,13 +1,14 @@
 import { useService as S, useStore as x } from "../../utils/contextStore.js";
 import B from "react";
 import "merge-props";
+import "js-md5";
 import { DFlowReactiveService as F } from "./DFlow.service.js";
 import { DFlowFunctionReactiveService as w } from "../d-flow-function/DFlowFunction.service.js";
 import { hashToColor as D } from "./DFlow.util.js";
 import { DFlowDataTypeReactiveService as A } from "../d-flow-data-type/DFlowDataType.service.js";
 const _ = /* @__PURE__ */ new Map([["std", "default"]]), k = (i, y) => {
   if (!y || i.size === 0) return "";
-  const g = /[:._\-\/\s]+/, o = y.trim().toLowerCase();
+  const p = /[:._\-\/\s]+/, o = y.trim().toLowerCase();
   let n = null, l = -1 / 0;
   for (const [f, N] of i.entries()) {
     const a = f.trim().toLowerCase();
@@ -17,7 +18,7 @@ const _ = /* @__PURE__ */ new Map([["std", "default"]]), k = (i, y) => {
     if (o.startsWith(a)) {
       e = 2e3 + a.length * 2;
       const s = o.charAt(a.length);
-      (s === "" || g.test(s)) && (e += 200);
+      (s === "" || p.test(s)) && (e += 200);
     } else {
       const s = Math.min(o.length, a.length);
       let t = 0;
@@ -25,24 +26,24 @@ const _ = /* @__PURE__ */ new Map([["std", "default"]]), k = (i, y) => {
         t++;
       if (t > 0) {
         e = 1e3 + t;
-        const v = o.charAt(t), m = a.charAt(t);
-        (v === "" || g.test(v) || m === "" || g.test(m)) && (e += 50);
+        const m = o.charAt(t), v = a.charAt(t);
+        (m === "" || p.test(m) || v === "" || p.test(v)) && (e += 50);
       }
     }
     e > l ? (l = e, n = f) : (e === l && n !== null && f.length > n.length || e === l && n === null) && (n = f);
   }
   return n !== null ? i.get(n) : "";
-}, V = (i, y, g) => {
+}, j = (i, y, p) => {
   const o = S(F), n = x(F), l = S(w), f = x(w), N = S(A), a = x(A), e = B.useMemo(() => o.getById(i, {
     namespaceId: y,
-    projectId: g
+    projectId: p
   }), [i, n]);
   return B.useMemo(() => {
     if (!e) return [];
     if (f.length <= 0) return [];
     if (a.length <= 0) return [];
     const s = [], t = /* @__PURE__ */ new Set();
-    let v = 0, m = 0;
+    let m = 0, v = 0;
     s.push({
       id: `${e.id}`,
       type: "trigger",
@@ -75,17 +76,17 @@ const _ = /* @__PURE__ */ new Map([["std", "default"]]), k = (i, y) => {
           isParameter: C,
           flowId: i,
           parentNodeId: C ? M : void 0,
-          index: ++m,
+          index: ++v,
           color: D(d)
         }
       }));
       const R = r.functionDefinition?.id ? l.getById(r.functionDefinition.id) : void 0;
-      if (r.parameters?.nodes?.forEach((p) => {
-        const h = p?.value;
+      if (r.parameters?.nodes?.forEach((g) => {
+        const h = g?.value;
         if (!h || h.__typename !== "NodeFunctionIdWrapper") return;
-        const T = R?.parameterDefinitions?.find((c) => c.id === p?.parameterDefinition?.id);
+        const T = R?.parameterDefinitions?.find((c) => c.id === g?.parameterDefinition?.id);
         if ((T?.dataTypeIdentifier ? N.getDataType(T.dataTypeIdentifier) : void 0)?.variant === "NODE") {
-          const c = `${d}-group-${v++}`;
+          const c = `${d}-group-${m++}`;
           t.has(c) || (t.add(c), s.push({
             id: c,
             type: "group",
@@ -111,8 +112,8 @@ const _ = /* @__PURE__ */ new Map([["std", "default"]]), k = (i, y) => {
           c && I(c, !0, d, u);
         }
       }), r.nextNodeId) {
-        const p = o.getNodeById(e.id, r.nextNodeId);
-        p && I(p, !1, void 0, u);
+        const g = o.getNodeById(e.id, r.nextNodeId);
+        g && I(g, !1, void 0, u);
       }
     };
     if (e.startingNodeId) {
@@ -123,5 +124,5 @@ const _ = /* @__PURE__ */ new Map([["std", "default"]]), k = (i, y) => {
   }, [e, n, f, a]);
 };
 export {
-  V as useFlowNodes
+  j as useFlowNodes
 };

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

@@ -2,8 +2,9 @@ import "../../utils/contextStore.js";
 import "react";
 import { ReactiveArrayService as l } from "../../utils/reactiveArrayService.js";
 import "merge-props";
+import "js-md5";
 import { View as c } from "../../utils/view.js";
-class v extends l {
+class x extends l {
   getById(n, i) {
     return this.values(i).find((t) => t.id === n);
   }
@@ -143,5 +144,5 @@ class v extends l {
   }
 }
 export {
-  v as DFlowReactiveService
+  x as DFlowReactiveService
 };

package/dist/components/d-flow-data-type/DFlowDataType.service.js

@@ -2,11 +2,11 @@ import "../../utils/contextStore.js";
 import "react";
 import { ReactiveArrayService as c } from "../../utils/reactiveArrayService.js";
 import "merge-props";
+import { md5 as g } from "js-md5";
 import { DataTypeView as l } from "./DFlowDataType.view.js";
-import { resolveType as g } from "../../utils/generics.js";
-import { useValueValidation as m } from "../d-flow-validation/DValueValidation.hook.js";
-import { findReturnNode as v } from "./rules/DFlowDataTypeReturnTypeRule.js";
-import { md5 as _ } from "js-md5";
+import { resolveType as m } from "../../utils/generics.js";
+import { useValueValidation as v } from "../d-flow-validation/DValueValidation.hook.js";
+import { findReturnNode as _ } from "./rules/DFlowDataTypeReturnTypeRule.js";
 class R extends c {
   getDataType(e, n) {
     if (!e || e.genericKey) return;
@@ -42,7 +42,7 @@ class R extends c {
         }
       }, i);
     }
-    const t = this.values(i).filter((u) => e.__typename === "NodeFunctionIdWrapper" && (u.variant != "NODE" || !n) ? !1 : m(e, u, this, n));
+    const t = this.values(i).filter((u) => e.__typename === "NodeFunctionIdWrapper" && (u.variant != "NODE" || !n) ? !1 : v(e, u, this, n));
     return t[t.length - 1];
   }
   getValueFromType(e, n, i) {
@@ -135,7 +135,7 @@ class R extends c {
           target: p
         };
       if (s && s.variant == "RETURN_TYPE" && t.variant === "NODE") {
-        const a = v(e, n)?.parameters?.nodes?.[0]?.value;
+        const a = _(e, n)?.parameters?.nodes?.[0]?.value;
         return {
           sourceDataTypeIdentifiers: [this.getTypeFromValue(a ?? {
             __typename: "LiteralValue",
@@ -168,7 +168,7 @@ class R extends c {
             dataType: new l({
               ...t.json,
               genericKeys: [],
-              identifier: _(String(e.value)),
+              identifier: g(String(e.value)),
               rules: {
                 nodes: r
               }
@@ -192,7 +192,7 @@ class R extends c {
         identifier: t.identifier
       }
     };
-    return g(y, this);
+    return m(y, this);
   }
   hasDataTypes(e, n) {
     return e.every((i) => this.values(n).find((t) => t.id === (i.genericType?.dataType?.id ?? i.dataType?.id)));

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

@@ -3,6 +3,7 @@ import r 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";
@@ -18,7 +19,6 @@ 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 g } from "../d-flow-function/DFlowFunction.service.js";
-import "js-md5";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as V } from "../d-flow/DFlow.service.js";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";

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

@@ -2,9 +2,9 @@ import { jsxs as V, jsx as u } from "react/jsx-runtime";
 import I from "react";
 import { useService as c } from "../../utils/contextStore.js";
 import "merge-props";
+import "js-md5";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as b } from "../d-flow/DFlow.service.js";
-import "js-md5";
 import { DFlowDataTypeReactiveService as h } from "../d-flow-data-type/DFlowDataType.service.js";
 import { Flex as F } from "../flex/Flex.js";
 import { DFlowTypeReactiveService as j } from "../d-flow-type/DFlowType.service.js";

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

@@ -1,17 +1,17 @@
-import { jsx as e, Fragment as E, jsxs as o } from "react/jsx-runtime";
-import { useService as f, useStore as g } from "../../utils/contextStore.js";
-import t from "react";
+import { jsx as i, Fragment as q, jsxs as s } from "react/jsx-runtime";
+import { useService as u, useStore as f } from "../../utils/contextStore.js";
+import o from "react";
 import "merge-props";
+import "js-md5";
 import { FileTabsService as S } from "../file-tabs/FileTabs.service.js";
-import { FileTabs as U, FileTabsContent as H, FileTabsList as J, FileTabsTrigger as K } from "../file-tabs/FileTabs.js";
-import { Menu as x, MenuTrigger as w, MenuPortal as C, MenuContent as I, MenuLabel as m, MenuItem as l, MenuSeparator as v } from "../menu/Menu.js";
+import { FileTabs as N, FileTabsContent as O, FileTabsList as W, FileTabsTrigger as G } from "../file-tabs/FileTabs.js";
+import { Menu as b, MenuTrigger as y, MenuPortal as C, MenuContent as w, MenuLabel as h, MenuItem as r, MenuSeparator as p } from "../menu/Menu.js";
 import { Button as M } from "../button/Button.js";
-import { IconPlus as Q, IconArrowUp as z, IconArrowDown as F, IconCornerDownLeft as L, IconDotsVertical as X } from "@tabler/icons-react";
-import { DLayout as Y } from "../d-layout/DLayout.js";
-import { ButtonGroup as Z } from "../button-group/ButtonGroup.js";
+import { IconPlus as P, IconDotsVertical as V } from "@tabler/icons-react";
+import { DLayout as E } from "../d-layout/DLayout.js";
+import { ButtonGroup as H } from "../button-group/ButtonGroup.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as A } from "../d-flow/DFlow.service.js";
-import "js-md5";
+import { DFlowReactiveService as I } 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";
@@ -19,114 +19,66 @@ 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 { DFlowTypeReactiveService as B } from "../d-flow-type/DFlowType.service.js";
-import { Card as D } from "../card/Card.js";
-import { Flex as n } from "../flex/Flex.js";
-import { Badge as s } from "../badge/Badge.js";
-import { Spacing as k } from "../spacing/Spacing.js";
-const Ie = (R) => {
+import { DFlowTypeReactiveService as F } from "../d-flow-type/DFlowType.service.js";
+const he = (x) => {
   const {
-    flowId: $,
-    namespaceId: j,
-    projectId: q
-  } = R, i = f(S), a = g(S), N = f(A), O = g(A), W = f(B), G = g(B), h = t.useId(), b = t.useMemo(() => N.getById($, {
-    namespaceId: j,
-    projectId: q
-  }), [O]), p = t.useMemo(() => W.getById(b?.type?.id), [G, b]), y = t.useMemo(() => a.find((r) => r.active)?.id ?? i.getActiveTab()?.id, [a, i]), c = t.useMemo(() => {
-    if (p?.id)
-      return i.values().find((r) => r.id === p.id);
-  }, [a, p]), T = t.useMemo(() => i.values().filter((r) => r.show), [a, c]), P = t.useMemo(() => i.values().filter((r) => !r.show && r.id !== c?.id), [a, c]);
-  return t.useEffect(() => {
+    flowId: L,
+    namespaceId: B,
+    projectId: A
+  } = x, t = u(S), c = f(S), D = u(I), k = f(I), z = u(F), R = f(F), a = o.useId(), v = o.useMemo(() => D.getById(L, {
+    namespaceId: B,
+    projectId: A
+  }), [k]), d = o.useMemo(() => z.getById(v?.type?.id), [R, v]), T = o.useMemo(() => c.find((e) => e.active)?.id ?? t.getActiveTab()?.id, [c, t]), n = o.useMemo(() => {
+    if (d?.id)
+      return t.values().find((e) => e.id === d.id);
+  }, [c, d]), g = o.useMemo(() => t.values().filter((e) => e.show), [c, n]), $ = o.useMemo(() => t.values().filter((e) => !e.show && e.id !== n?.id), [c, n]);
+  return o.useEffect(() => {
     setTimeout(() => {
-      const d = document.querySelector('[data-id="' + h + '"]').querySelector(".file-tabs__list-content"), u = d.querySelector('[data-value="' + i.getActiveTab()?.id + '"]');
-      if (d && u) {
-        const V = u.offsetLeft + u.offsetWidth / 2 - d.offsetWidth / 2;
-        d.scrollLeft = 0, d.scrollBy({
-          left: V,
+      const l = document.querySelector('[data-id="' + a + '"]').querySelector(".file-tabs__list-content"), m = l.querySelector('[data-value="' + t.getActiveTab()?.id + '"]');
+      if (l && m) {
+        const j = m.offsetLeft + m.offsetWidth / 2 - l.offsetWidth / 2;
+        l.scrollLeft = 0, l.scrollBy({
+          left: j,
           behavior: "smooth"
         });
       }
     }, 0);
-  }, [y, h]), /* @__PURE__ */ e(U, { "data-id": h, value: y, onValueChange: (r) => {
-    i.activateTab(r);
-  }, children: /* @__PURE__ */ e(Y, { layoutGap: "0", topContent: /* @__PURE__ */ e(J, { controls: /* @__PURE__ */ o(Z, { color: "primary", p: 0, style: {
+  }, [T, a]), /* @__PURE__ */ i(N, { "data-id": a, value: T, onValueChange: (e) => {
+    t.activateTab(e);
+  }, children: /* @__PURE__ */ i(E, { layoutGap: "0", topContent: /* @__PURE__ */ i(W, { controls: /* @__PURE__ */ s(H, { color: "primary", p: 0, style: {
     boxShadow: "none"
   }, children: [
-    /* @__PURE__ */ o(x, { children: [
-      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ e(Q, { size: 12 }) }) }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ o(I, { align: "start", sideOffset: 8, color: "secondary", children: [
-        /* @__PURE__ */ o(D, { paddingSize: "xxs", mt: -0.2, mx: -0.2, children: [
-          /* @__PURE__ */ e(m, { children: "Starting Node" }),
-          c && /* @__PURE__ */ e(l, { onSelect: () => i.activateTab(c.id), children: c.children }),
-          /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(m, { children: "Opened Nodes" }),
-          T.map((r) => /* @__PURE__ */ e(l, { onSelect: () => {
-            i.activateTab(r.id);
-          }, children: r.children }, `menu-${r.id}`)),
-          /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(m, { children: "Available Node" }),
-          P.map((r) => /* @__PURE__ */ e(l, { onSelect: () => {
-            i.activateTab(r.id);
-          }, children: r.children }, `menu-${r.id}`))
-        ] }),
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(n, { style: {
-          gap: ".35rem"
-        }, children: [
-          /* @__PURE__ */ o(n, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ o(n, { children: [
-              /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(z, { size: 12 }) }),
-              /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(F, { size: 12 }) })
-            ] }),
-            "move"
-          ] }),
-          /* @__PURE__ */ e(k, { spacing: "xxs" }),
-          /* @__PURE__ */ o(n, { align: "center", style: {
-            gap: ".35rem"
-          }, children: [
-            /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(L, { size: 12 }) }),
-            "select"
-          ] })
-        ] }) })
+    /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ i(y, { asChild: !0, children: /* @__PURE__ */ i(M, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ i(P, { size: 12 }) }) }),
+      /* @__PURE__ */ i(C, { children: /* @__PURE__ */ s(w, { align: "start", sideOffset: 8, children: [
+        /* @__PURE__ */ i(h, { children: "Starting Node" }),
+        n && /* @__PURE__ */ i(r, { onSelect: () => t.activateTab(n.id), children: n.children }),
+        /* @__PURE__ */ i(p, {}),
+        /* @__PURE__ */ i(h, { children: "Opened Nodes" }),
+        g.map((e) => /* @__PURE__ */ i(r, { onSelect: () => {
+          t.activateTab(e.id);
+        }, children: e.children }, `menu-${e.id}`)),
+        /* @__PURE__ */ i(p, {}),
+        /* @__PURE__ */ i(h, { children: "Available Node" }),
+        $.map((e) => /* @__PURE__ */ i(r, { onSelect: () => {
+          t.activateTab(e.id);
+        }, children: e.children }, `menu-${e.id}`))
       ] }) })
     ] }),
-    /* @__PURE__ */ o(x, { children: [
-      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ e(X, { size: 12 }) }) }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ o(I, { align: "end", sideOffset: 8, color: "secondary", children: [
-        /* @__PURE__ */ o(D, { paddingSize: "xxs", mt: -0.2, mx: -0.2, children: [
-          /* @__PURE__ */ e(l, { onClick: () => i.clearAll(), children: "Close all tabs" }),
-          /* @__PURE__ */ e(l, { onClick: () => i.clearWithoutActive(), children: "Close other tabs" }),
-          /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(l, { onClick: () => i.clearLeft(), children: "Close all tabs to left" }),
-          /* @__PURE__ */ e(l, { onClick: () => i.clearRight(), children: "Close all tabs to right" })
-        ] }),
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(n, { style: {
-          gap: ".35rem"
-        }, children: [
-          /* @__PURE__ */ o(n, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ o(n, { children: [
-              /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(z, { size: 12 }) }),
-              /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(F, { size: 12 }) })
-            ] }),
-            "move"
-          ] }),
-          /* @__PURE__ */ e(k, { spacing: "xxs" }),
-          /* @__PURE__ */ o(n, { align: "center", style: {
-            gap: ".35rem"
-          }, children: [
-            /* @__PURE__ */ e(s, { border: !0, children: /* @__PURE__ */ e(L, { size: 12 }) }),
-            "select"
-          ] })
-        ] }) })
+    /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ i(y, { asChild: !0, children: /* @__PURE__ */ i(M, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ i(V, { size: 12 }) }) }),
+      /* @__PURE__ */ i(C, { children: /* @__PURE__ */ s(w, { align: "end", sideOffset: 8, children: [
+        /* @__PURE__ */ i(r, { onClick: () => t.clearAll(), children: "Close all tabs" }),
+        /* @__PURE__ */ i(r, { onClick: () => t.clearWithoutActive(), children: "Close other tabs" }),
+        /* @__PURE__ */ i(p, {}),
+        /* @__PURE__ */ i(r, { onClick: () => t.clearLeft(), children: "Close all tabs to left" }),
+        /* @__PURE__ */ i(r, { onClick: () => t.clearRight(), children: "Close all tabs to right" })
       ] }) })
     ] })
-  ] }), children: T.map((r, d) => r.show && /* @__PURE__ */ e(K, { closable: r.closeable, value: r.id, onClose: () => {
-    i.removeTabById(r.id);
-  }, children: r.children }, `trigger-${r.id}`)) }), children: /* @__PURE__ */ e(E, { children: i.values().map((r) => /* @__PURE__ */ e(H, { value: r.id, children: r.content }, `content-${r.id}`)) }) }) });
+  ] }), children: g.map((e, l) => e.show && /* @__PURE__ */ i(G, { closable: e.closeable, value: e.id, onClose: () => {
+    t.removeTabById(e.id);
+  }, children: e.children }, `trigger-${e.id}`)) }), children: /* @__PURE__ */ i(q, { children: t.values().map((e) => /* @__PURE__ */ i(O, { value: e.id, children: e.content }, `content-${e.id}`)) }) }) });
 };
 export {
-  Ie as DFlowTabs
+  he as DFlowTabs
 };

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

@@ -6,8 +6,8 @@ import { Text as i } from "../text/Text.js";
 import { IconChevronRight as b, IconEdit as v, IconTrash as F } from "@tabler/icons-react";
 import { useService as R, useStore as T } from "../../utils/contextStore.js";
 import "merge-props";
-import { DFlowTypeReactiveService as l } from "../d-flow-type/DFlowType.service.js";
 import "js-md5";
+import { DFlowTypeReactiveService as l } from "../d-flow-type/DFlowType.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";