@code0-tech/pictor 0.0.0-mvp.42 → 0.0.0-mvp.44

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

@@ -1 +1 @@
-.avatar{aspect-ratio:1/1;padding:.35rem;display:flex;width:38px;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;border-radius:1rem;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/components/avatar/Avatar.d.ts

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

package/dist/components/avatar/Avatar.js

@@ -1,56 +1,54 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../_virtual/compiler-runtime.js";
-import d from "react";
-import { md5 as v } from "js-md5";
+import { jsx as d } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/avatar/Avatar.style.css';/* empty css                  */
-import { mergeCode0Props as R } from "../../utils/utils.js";
-import { hashToColor as x } from "../d-flow/DFlow.util.js";
-const C = (s) => {
-  const t = p.c(3), {
+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: e,
-    size: o
-  } = s;
-  let i;
-  return t[0] !== o || t[1] !== e ? (i = /* @__PURE__ */ m("img", { src: e, width: o, height: o, alt: "Avatar image" }), t[0] = o, t[1] = e, t[2] = i) : i = t[2], i;
-}, E = ({
-  identifier: s,
-  size: t
-}) => {
-  const e = d.useRef(null);
-  d.useEffect(() => {
-    o();
-  });
-  const o = () => {
-    const i = v(s), r = Math.floor(t / 5), a = x(s);
-    e.current.width = r * 5, e.current.height = r * 5;
-    let c = i.split("").map((f) => (f = parseInt(f, 16), f < 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);
-    const n = e.current.getContext("2d");
-    n.imageSmoothingEnabled = !1, n.clearRect(0, 0, e.current.width, e.current.height), l.forEach((f, h) => {
-      f.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));
-      });
-    });
-  };
-  return /* @__PURE__ */ m("canvas", { ref: e });
-}, y = (s) => {
-  const t = p.c(12);
-  let e, o, i, r;
-  if (t[0] !== s) {
+    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;
+  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: l,
-      src: n,
-      size: f,
-      ...h
-    } = s;
-    e = l, i = n, o = f === void 0 ? 25 : f, r = R(`avatar ${!e && i ? "avatar--image" : ""}`, h), t[0] = s, t[1] = e, t[2] = o, t[3] = i, t[4] = r;
+      identifier: a,
+      color: f,
+      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
-    e = t[1], o = t[2], i = t[3], r = t[4];
-  let a;
-  t[5] !== e || t[6] !== o || t[7] !== i ? (a = e ? /* @__PURE__ */ m(E, { identifier: e, size: o }) : i ? /* @__PURE__ */ m(C, { src: i, size: o + 13 }) : null, t[5] = e, t[6] = o, t[7] = i, t[8] = a) : a = t[8];
+    e = t[1], i = t[2], r = t[3], s = t[4], o = t[5], l = t[6];
   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[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 {
-  y 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

@@ -2,6 +2,7 @@ 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 "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";
@@ -11,7 +12,6 @@ import { DLayout as Y } from "../d-layout/DLayout.js";
 import { ButtonGroup as Z } from "../button-group/ButtonGroup.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as A } 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-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";

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
 };