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

package/dist/components/avatar/Avatar.js

@@ -20,14 +20,14 @@ const x = (f) => {
     s();
   });
   const s = () => {
-    const i = v(f), r = Math.floor(t / 5), a = i.slice(0, 6);
+    const i = v(f), r = Math.floor(t / 5), c = i.slice(0, 6);
     e.current.width = r * 5, e.current.height = r * 5;
-    let c = i.split("").map((o) => (o = parseInt(o, 16), o < 8 ? 0 : 1)), l = [];
-    l[0] = l[4] = c.slice(0, 5), l[1] = l[3] = c.slice(5, 10), l[2] = c.slice(10, 15);
+    let a = i.split("").map((o) => (o = parseInt(o, 16), o < 8 ? 0 : 1)), l = [];
+    l[0] = l[4] = a.slice(0, 5), l[1] = l[3] = a.slice(5, 10), l[2] = a.slice(10, 15);
     const n = e.current.getContext("2d");
     n.imageSmoothingEnabled = !1, n.clearRect(0, 0, e.current.width, e.current.height), l.forEach((o, h) => {
       o.forEach((g, u) => {
-        g ? (n.fillStyle = "#" + a, n.fillRect(r * h, r * u, r, r)) : (n.fillStyle = "transparent", n.fillRect(r * h, r * u, r, r));
+        g ? (n.fillStyle = "#" + c, n.fillRect(r * h, r * u, r, r)) : (n.fillStyle = "transparent", n.fillRect(r * h, r * u, r, r));
       });
     });
   };
@@ -45,10 +45,10 @@ const x = (f) => {
     e = l, i = n, s = o === void 0 ? 25 : o, r = R(`avatar ${!e && i ? "avatar--image" : ""}`, h), t[0] = f, t[1] = e, t[2] = s, t[3] = i, t[4] = r;
   } else
     e = t[1], s = t[2], i = t[3], r = t[4];
-  let a;
-  t[5] !== e || t[6] !== s || t[7] !== i ? (a = e ? /* @__PURE__ */ m(E, { identifier: e, size: s }) : i ? /* @__PURE__ */ m(x, { src: i, size: s + 13 }) : null, t[5] = e, t[6] = s, t[7] = i, t[8] = a) : a = t[8];
   let c;
-  return t[9] !== r || t[10] !== a ? (c = /* @__PURE__ */ m("div", { ...r, children: a }), t[9] = r, t[10] = a, t[11] = c) : c = t[11], c;
+  t[5] !== e || t[6] !== s || t[7] !== i ? (c = e ? /* @__PURE__ */ m(E, { identifier: e, size: s }) : i ? /* @__PURE__ */ m(x, { src: i, size: s + 13 }) : null, t[5] = e, t[6] = s, t[7] = i, t[8] = c) : c = t[8];
+  let a;
+  return t[9] !== r || t[10] !== c ? (a = /* @__PURE__ */ m("div", { ...r, children: c }), t[9] = r, t[10] = c, t[11] = a) : a = t[11], a;
 };
 export {
   $ as Avatar

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,15 +1,15 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import e from "react";
-import { mergeCode0Props as d } from "../../utils/utils.js";
+import { mergeCode0Props as p } from "../../utils/utils.js";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
-import { IconChevronRight as p } from "@tabler/icons-react";
+import { IconChevronRight as d } from "@tabler/icons-react";
 const C = (m) => {
   const {
-    splitter: n = /* @__PURE__ */ r(p, { size: 16 }),
+    splitter: n = /* @__PURE__ */ r(d, { size: 16 }),
     children: t,
     ...c
   } = m, i = e.Children.count(t);
-  return /* @__PURE__ */ r("div", { ...d("breadcrumb", c), children: e.Children.map(t, (s, o) => /* @__PURE__ */ l(e.Fragment, { children: [
+  return /* @__PURE__ */ r("div", { ...p("breadcrumb", c), children: e.Children.map(t, (s, o) => /* @__PURE__ */ l(e.Fragment, { children: [
     s,
     o < i - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
   ] }, o)) });

package/dist/components/button/Button.js

@@ -4,22 +4,22 @@ import '../../assets/components/button/Button.style.css';/* empty css
 import z from "react";
 import "../../utils/contextStore.js";
 import { mergeCode0Props as S } from "../../utils/utils.js";
-const E = z.forwardRef((a, d) => {
+const P = z.forwardRef((a, d) => {
   const t = h.c(11);
   let o, r, e, i;
   if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
-      variant: l,
-      color: c,
+      variant: c,
+      color: l,
       paddingSize: m,
-      active: u,
-      disabled: b,
+      active: b,
+      disabled: u,
       ...v
     } = a;
     o = f;
-    const p = l === void 0 ? "normal" : l, $ = c === void 0 ? "secondary" : c, g = m === void 0 ? "xs" : m, x = u === void 0 ? !1 : u;
-    r = b === void 0 ? !1 : b, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${r ? "button--disabled" : ""} button--${p} button--${g}`, v), t[0] = a, t[1] = d, t[2] = o, t[3] = r, t[4] = e, t[5] = i;
+    const p = c === void 0 ? "normal" : c, $ = l === void 0 ? "secondary" : l, g = m === void 0 ? "xs" : m, x = b === void 0 ? !1 : b;
+    r = u === void 0 ? !1 : u, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${r ? "button--disabled" : ""} button--${p} button--${g}`, v), t[0] = a, t[1] = d, t[2] = o, t[3] = r, t[4] = e, t[5] = i;
   } else
     o = t[2], r = t[3], e = t[4], i = t[5];
   const s = r ? "true" : "false";
@@ -27,5 +27,5 @@ const E = z.forwardRef((a, d) => {
   return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (n = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = n) : n = t[10], n;
 });
 export {
-  E as Button
+  P as Button
 };

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

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

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

@@ -5,16 +5,16 @@ import { DFlowReactiveService as T } from "./DFlow.service.js";
 import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
 import { hashToColor as x } from "./DFlow.util.js";
 import { DFlowDataTypeReactiveService as E } from "../d-flow-data-type/DFlowDataType.service.js";
-const u = ["rgba(255, 255, 255, 0.25)"], J = (a, _, M) => {
-  const l = h(T), F = S(T), R = h(B), W = S(B), O = h(E), w = S(E), n = N.useMemo(() => l.getById(a, {
-    namespaceId: _,
-    projectId: M
-  }), [a, F]);
+const u = ["rgba(255, 255, 255, 0.25)"], J = (i, M, R) => {
+  const l = h(T), F = S(T), W = h(B), _ = S(B), O = h(E), w = S(E), n = N.useMemo(() => l.getById(i, {
+    namespaceId: M,
+    projectId: R
+  }), [i, F]);
   return N.useMemo(() => {
     if (!n) return [];
     const d = [], p = /* @__PURE__ */ new Map();
     let v = 0;
-    const b = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), G = (e, o = b) => (o.has(e) || o.set(e, R.getById(e)), o.get(e)), A = (e, o = D) => (o.has(e) || o.set(e, O.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = b, y = D) => {
+    const b = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), G = (e, o = b) => (o.has(e) || o.set(e, W.getById(e)), o.get(e)), A = (e, o = D) => (o.has(e) || o.set(e, O.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = b, y = D) => {
       if (!e) return "";
       const t = `${e.id}-${v++}`;
       if (v == 1 && d.push({
@@ -24,21 +24,21 @@ const u = ["rgba(255, 255, 255, 0.25)"], J = (a, _, M) => {
         data: {
           color: u[c % u.length],
           type: "default",
-          flowId: a,
+          flowId: i,
           parentNodeId: o?.id
         },
         deletable: !1,
         selectable: !1
       }), g) {
-        const i = p.get(g) ?? [];
-        i.length > 0 ? i.forEach((r, $) => d.push({
+        const a = p.get(g) ?? [];
+        a.length > 0 ? a.forEach((r, $) => d.push({
           id: `${r}-${t}-next-${$}`,
           source: r,
           target: t,
           data: {
             color: u[c % u.length],
             type: "default",
-            flowId: a,
+            flowId: i,
             parentNodeId: o?.id
           },
           deletable: !1,
@@ -50,49 +50,49 @@ const u = ["rgba(255, 255, 255, 0.25)"], J = (a, _, M) => {
           data: {
             color: u[c % u.length],
             type: "default",
-            flowId: a,
+            flowId: i,
             parentNodeId: o?.id
           },
           deletable: !1,
           selectable: !1
         });
       }
-      return e.parameters?.nodes?.forEach((i) => {
-        const r = i?.value, $ = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((s) => s.id === i?.id), I = $?.dataTypeIdentifier, H = I ? A(I, y) : void 0;
+      return e.parameters?.nodes?.forEach((a) => {
+        const r = a?.value, $ = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((s) => s.id === a?.id), I = $?.dataTypeIdentifier, H = I ? A(I, y) : void 0;
         if (r) {
           if (H?.variant === "NODE") {
             if (r && r.__typename === "NodeFunctionIdWrapper") {
               const s = `${t}-group-${v++}`;
               d.push({
-                id: `${t}-${s}-param-${i.id}`,
+                id: `${t}-${s}-param-${a.id}`,
                 source: t,
                 target: s,
                 deletable: !1,
                 selectable: !1,
                 animated: !0,
-                label: $?.names[0]?.content ?? i.id,
+                label: $?.names[0]?.content ?? a.id,
                 data: {
                   color: x(r?.id || ""),
                   type: "group",
-                  flowId: a,
+                  flowId: i,
                   parentNodeId: o?.id
                 }
-              }), (p.get(t) ?? (p.set(t, []), p.get(t))).push(s), f(l.getNodeById(a, r.id), e, void 0, c + 1, m, y);
+              }), (p.get(t) ?? (p.set(t, []), p.get(t))).push(s), f(l.getNodeById(i, r.id), e, void 0, c + 1, m, y);
             }
           } else if (r && r.__typename === "NodeFunctionIdWrapper") {
-            const s = f(l.getNodeById(a, r.id), e, void 0, c + 1, m, y);
+            const s = f(l.getNodeById(i, r.id), e, void 0, c + 1, m, y);
             d.push({
-              id: `${s}-${t}-param-${i.id}`,
+              id: `${s}-${t}-param-${a.id}`,
               source: s,
               target: t,
-              targetHandle: `param-${i.id}`,
+              targetHandle: `param-${a.id}`,
               animated: !0,
               deletable: !1,
               selectable: !1,
               data: {
                 color: x(r?.id || ""),
                 type: "parameter",
-                flowId: a,
+                flowId: i,
                 parentNodeId: o?.id
               }
             });
@@ -101,7 +101,7 @@ const u = ["rgba(255, 255, 255, 0.25)"], J = (a, _, M) => {
       }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, y), t;
     };
     return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, b, D), d;
-  }, [n, F, W, w]);
+  }, [n, F, _, w]);
 };
 export {
   u as FLOW_EDGE_RAINBOW,