@code0-tech/pictor 0.0.0-mvp.23 → 0.0.0-mvp.24

package/dist/assets/components/aurora/Aurora.style.css

@@ -0,0 +1 @@
+.aurora-background{position:absolute;height:100%;width:100%;left:0;top:0;border-radius:inherit;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;transition:background-color .15s ease,color .15s ease;--aurora: repeating-linear-gradient( 100deg, rgba(112, 255, 178, .7) 0%, rgba(226, 112, 255, .9) 8%, rgba(181, 255, 214, .8) 16%, rgba(199, 255, 112, .9) 24%, transparent 32% );--gradient: repeating-linear-gradient( 100deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 3%, transparent 10%, transparent 12%, rgba(255,255,255, 1) 16% );--transparent: transparent}.aurora-background__overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.aurora-background__aurora{position:absolute;inset:-10px;pointer-events:none;opacity:.5;filter:blur(10px);will-change:transform;background-image:var(--gradient),var(--aurora);background-size:300% 300%,200% 200%;background-position:50% 50%,50% 50%}.aurora-background__aurora:after{content:"";position:absolute;inset:0;background-image:var(--gradient),var(--aurora);background-size:200% 200%,100% 100%;background-attachment:fixed;mix-blend-mode:difference;animation:aurora-animation 45s ease-in-out infinite alternate}.aurora-background--radial-mask .aurora-background__aurora{mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%)}@keyframes aurora-animation{0%{background-position:0% 50%,50% 50%}50%{background-position:100% 50%,50% 50%}to{background-position:0% 50%,50% 50%}}

package/dist/components/aurora/Aurora.d.ts

@@ -0,0 +1,5 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface AuroraBackgroundProps extends HTMLAttributes<HTMLDivElement> {
+    showRadialGradient?: boolean;
+}
+export declare const AuroraBackground: React.FC<AuroraBackgroundProps>;

package/dist/components/aurora/Aurora.js

@@ -0,0 +1,23 @@
+import { jsx as d } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/aurora/Aurora.style.css';/* empty css                  */
+const k = (i) => {
+  const a = m.c(11);
+  let r, o, e;
+  a[0] !== i ? ({
+    className: r,
+    showRadialGradient: e,
+    ...o
+  } = i, a[0] = i, a[1] = r, a[2] = o, a[3] = e) : (r = a[1], o = a[2], e = a[3]);
+  const c = (e === void 0 ? !0 : e) && "aurora-background--radial-mask";
+  let s;
+  a[4] !== r || a[5] !== c ? (s = ["aurora-background", c, r].filter(Boolean), a[4] = r, a[5] = c, a[6] = s) : s = a[6];
+  const n = s.join(" ");
+  let t;
+  a[7] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ d("div", { className: "aurora-background__overlay", children: /* @__PURE__ */ d("div", { className: "aurora-background__aurora" }) }), a[7] = t) : t = a[7];
+  let l;
+  return a[8] !== o || a[9] !== n ? (l = /* @__PURE__ */ d("div", { className: n, ...o, children: t }), a[8] = o, a[9] = n, a[10] = l) : l = a[10], l;
+};
+export {
+  k as AuroraBackground
+};

package/dist/components/d-flow/DFlow.view.d.ts

@@ -1,5 +1,5 @@
-import { DataType, Flow, FlowSetting, FlowType, FunctionDefinition, LiteralValue, Maybe, NodeFunction, NodeParameter, NodeParameterValue, ReferenceValue, RuntimeParameterDefinition, Scalars } from '@code0-tech/sagittarius-graphql-types';
-import { ValidationResult } from '../../utils/inspection';
+import { DataType, Flow, FlowInput, FlowSetting, FlowSettingInput, FlowType, FunctionDefinition, LiteralValue, Maybe, NodeFunction, NodeFunctionInput, NodeParameter, NodeParameterInput, NodeParameterValue, ReferenceValue, RuntimeParameterDefinition, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { ValidationResult } from '../../utils';
 export declare class FlowView {
     /** Time when this Flow was created */
     private readonly _createdAt?;
@@ -40,6 +40,7 @@ export declare class FlowView {
     removeNode(nodeId: Scalars['NodeFunctionID']['output']): void;
     getNodeById(nodeId: Scalars['NodeFunctionID']['output']): NodeFunctionView | undefined;
     json(): Flow;
+    jsonInput(): FlowInput;
 }
 export declare class NodeFunctionView {
     /** Time when this NodeFunction was created */
@@ -64,6 +65,7 @@ export declare class NodeFunctionView {
     set nextNodeId(value: Maybe<Scalars["NodeFunctionID"]["output"]>);
     deleteNextNode(): void;
     json(): NodeFunction | undefined;
+    jsonInput(): NodeFunctionInput;
 }
 export declare class NodeParameterView {
     /** Time when this NodeParameter was created */
@@ -87,6 +89,7 @@ export declare class NodeParameterView {
     set validationResults(value: ValidationResult[]);
     set value(value: NodeParameterValue | undefined);
     json(): NodeParameter | undefined;
+    jsonInput(): NodeParameterInput;
 }
 export declare class FlowSettingView {
     private readonly _createdAt?;
@@ -106,4 +109,5 @@ export declare class FlowSettingView {
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     set value(value: Maybe<Scalars["JSON"]["output"]>);
     json(): FlowSetting;
+    jsonInput(): FlowSettingInput;
 }

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

@@ -1,7 +1,7 @@
 function e(s, t, i) {
-  return (t = n(t)) in s ? Object.defineProperty(s, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = i, s;
+  return (t = r(t)) in s ? Object.defineProperty(s, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = i, s;
 }
-function n(s) {
+function r(s) {
   var t = a(s, "string");
   return typeof t == "symbol" ? t : t + "";
 }
@@ -9,15 +9,15 @@ function a(s, t) {
   if (typeof s != "object" || !s) return s;
   var i = s[Symbol.toPrimitive];
   if (i !== void 0) {
-    var r = i.call(s, t);
-    if (typeof r != "object") return r;
+    var d = i.call(s, t);
+    if (typeof d != "object") return d;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(s);
 }
-class h {
+class o {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_inputType", void 0), e(this, "_nodes", void 0), e(this, "_returnType", void 0), e(this, "_settings", void 0), e(this, "_startingNodeId", void 0), e(this, "_type", void 0), e(this, "_updatedAt", void 0), e(this, "_name", void 0), this._createdAt = t.createdAt, this._id = t.id, this._inputType = t.inputType, this._nodes = t.nodes?.nodes?.map((i) => new d(i)), this._returnType = t.returnType, this._settings = t.settings?.nodes?.map((i) => new u(i)), this._startingNodeId = t.startingNodeId, this._type = t.type, this._updatedAt = t.updatedAt, this._name = t.name;
+    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_inputType", void 0), e(this, "_nodes", void 0), e(this, "_returnType", void 0), e(this, "_settings", void 0), e(this, "_startingNodeId", void 0), e(this, "_type", void 0), e(this, "_updatedAt", void 0), e(this, "_name", void 0), this._createdAt = t.createdAt, this._id = t.id, this._inputType = t.inputType, this._nodes = t.nodes?.nodes?.map((i) => new n(i)), this._returnType = t.returnType, this._settings = t.settings?.nodes?.map((i) => new _(i)), this._startingNodeId = t.startingNodeId, this._type = t.type, this._updatedAt = t.updatedAt, this._name = t.name;
   }
   get createdAt() {
     return this._createdAt;
@@ -90,10 +90,19 @@ class h {
       name: this._name
     };
   }
+  jsonInput() {
+    return {
+      name: this._name,
+      nodes: this._nodes?.map((t) => t.jsonInput()),
+      settings: this._settings?.map((t) => t.jsonInput()),
+      startingNodeId: this._startingNodeId,
+      type: "gid://sagittarius/FlowType/1"
+    };
+  }
 }
-class d {
+class n {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_nextNodeId", void 0), e(this, "_parameters", void 0), e(this, "_functionDefinition", void 0), e(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._id = t.id, this._nextNodeId = t.nextNodeId, this._functionDefinition = t.functionDefinition, this._updatedAt = t.updatedAt, this._parameters = t.parameters ? t.parameters.nodes?.map((i) => new _(i)) : void 0;
+    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_nextNodeId", void 0), e(this, "_parameters", void 0), e(this, "_functionDefinition", void 0), e(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._id = t.id, this._nextNodeId = t.nextNodeId, this._functionDefinition = t.functionDefinition, this._updatedAt = t.updatedAt, this._parameters = t.parameters ? t.parameters.nodes?.map((i) => new u(i)) : void 0;
   }
   get createdAt() {
     return this._createdAt;
@@ -132,10 +141,18 @@ class d {
       updatedAt: this._updatedAt
     };
   }
+  jsonInput() {
+    return {
+      nextNodeId: this._nextNodeId,
+      id: this._id,
+      parameters: this._parameters ? this._parameters.map((t) => t.jsonInput()) : void 0,
+      runtimeFunctionId: this._functionDefinition?.runtimeFunctionDefinition?.id
+    };
+  }
 }
-class _ {
+class u {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_runtimeParameter", void 0), e(this, "_updatedAt", void 0), e(this, "_value", void 0), e(this, "_validationResults", void 0), this._createdAt = t.createdAt, this._id = t.id, this._runtimeParameter = t.runtimeParameter, this._updatedAt = t.updatedAt, t.value?.__typename === "NodeFunction" ? this._value = new d(t.value) : this._value = t.value, this._validationResults = [];
+    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_runtimeParameter", void 0), e(this, "_updatedAt", void 0), e(this, "_value", void 0), e(this, "_validationResults", void 0), this._createdAt = t.createdAt, this._id = t.id, this._runtimeParameter = t.runtimeParameter, this._updatedAt = t.updatedAt, t.value?.__typename === "NodeFunction" ? this._value = new n(t.value) : this._value = t.value, this._validationResults = [];
   }
   get createdAt() {
     return this._createdAt;
@@ -159,7 +176,7 @@ class _ {
     this._validationResults = t;
   }
   set value(t) {
-    t?.__typename === "NodeFunction" ? this._value = new d(t) : this._value = t;
+    t?.__typename === "NodeFunction" ? this._value = new n(t) : this._value = t;
   }
   json() {
     return {
@@ -168,11 +185,23 @@ class _ {
       id: this._id,
       runtimeParameter: this._runtimeParameter,
       updatedAt: this._updatedAt,
-      value: this._value instanceof d ? this._value.json() : this._value
+      value: this._value instanceof n ? this._value.json() : this._value
+    };
+  }
+  jsonInput() {
+    return {
+      value: this._value instanceof n ? {
+        functionValue: this._value.jsonInput()
+      } : this._value?.__typename === "ReferenceValue" ? {
+        referenceValue: this._value
+      } : {
+        literalValue: this._value
+      },
+      runtimeParameterDefinitionId: this.runtimeParameter?.id
     };
   }
 }
-class u {
+class _ {
   constructor(t) {
     e(this, "_createdAt", void 0), e(this, "_flowSettingIdentifier", void 0), e(this, "_id", void 0), e(this, "_updatedAt", void 0), e(this, "_value", void 0), this._createdAt = t.createdAt, this._flowSettingIdentifier = t.flowSettingIdentifier, this._id = t.id, this._value = t.value, this._updatedAt = t.updatedAt;
   }
@@ -204,10 +233,16 @@ class u {
       updatedAt: this._updatedAt
     };
   }
+  jsonInput() {
+    return {
+      value: this.value,
+      flowSettingIdentifier: this.flowSettingIdentifier
+    };
+  }
 }
 export {
-  u as FlowSettingView,
-  h as FlowView,
-  d as NodeFunctionView,
-  _ as NodeParameterView
+  _ as FlowSettingView,
+  o as FlowView,
+  n as NodeFunctionView,
+  u as NodeParameterView
 };

package/dist/components/d-flow/control/DFlowControl.js

@@ -1,36 +1,36 @@
-import { jsx as o, jsxs as B } from "react/jsx-runtime";
-import { c as D } from "../../../_virtual/compiler-runtime.js";
-import { useViewport as M, useReactFlow as O, Panel as R } from "@xyflow/react";
-import { ButtonGroup as V } from "../../button-group/ButtonGroup.js";
-import { Button as P } from "../../button/Button.js";
-import { IconPlus as v, IconMinus as E, IconFocusCentered as G } from "@tabler/icons-react";
+import { jsx as o, jsxs as k } from "react/jsx-runtime";
+import { c as j } from "../../../_virtual/compiler-runtime.js";
+import { useViewport as D, useReactFlow as M, Panel as O } from "@xyflow/react";
+import { ButtonGroup as R } from "../../button-group/ButtonGroup.js";
+import { Button as B } from "../../button/Button.js";
+import { IconPlus as V, IconMinus as E, IconFocusCentered as G } from "@tabler/icons-react";
 import { Badge as Z } from "../../badge/Badge.js";
-import { Flex as j } from "../../flex/Flex.js";
+import { Flex as P } from "../../flex/Flex.js";
 const Q = () => {
-  const e = D.c(37), w = M(), t = O();
-  let d;
-  e[0] !== t ? (d = () => {
-    t.zoomIn();
-  }, e[0] = t, e[1] = d) : d = e[1];
-  const C = d;
+  const e = j.c(37), w = D(), t = M();
   let p;
-  e[2] !== t ? (p = () => {
+  e[0] !== t ? (p = () => {
+    t.zoomIn();
+  }, e[0] = t, e[1] = p) : p = e[1];
+  const C = p;
+  let d;
+  e[2] !== t ? (d = () => {
     t.zoomOut();
-  }, e[2] = t, e[3] = p) : p = e[3];
-  const I = p;
-  let h;
-  e[4] !== t ? (h = () => {
+  }, e[2] = t, e[3] = d) : d = e[3];
+  const I = d;
+  let y;
+  e[4] !== t ? (y = () => {
     t.fitView();
-  }, e[4] = t, e[5] = h) : h = e[5];
-  const F = h;
+  }, e[4] = t, e[5] = y) : y = e[5];
+  const F = y;
+  let h;
+  e[6] !== w.zoom ? (h = () => Math.round(w.zoom * 100), e[6] = w.zoom, e[7] = h) : h = e[7];
+  const v = h;
   let u;
-  e[6] !== w.zoom ? (u = () => Math.round(w.zoom * 100), e[6] = w.zoom, e[7] = u) : u = e[7];
-  const k = u;
-  let y;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (u = {
     flexDirection: "column",
     gap: "1rem"
-  }, e[8] = y) : y = e[8];
+  }, e[8] = u) : u = e[8];
   let z;
   e[9] === Symbol.for("react.memo_cache_sentinel") ? (z = {
     gap: ".7rem"
@@ -38,40 +38,40 @@ const Q = () => {
   let l;
   e[10] !== C ? (l = () => C(), e[10] = C, e[11] = l) : l = e[11];
   let x;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(v, { size: 15 }), e[12] = x) : x = e[12];
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(V, { size: 15 }), e[12] = x) : x = e[12];
+  let n;
+  e[13] !== l ? (n = /* @__PURE__ */ o(B, { py: "0", paddingSize: "xxs", variant: "none", color: "secondary", onClick: l, children: x }), e[13] = l, e[14] = n) : n = e[14];
   let i;
-  e[13] !== l ? (i = /* @__PURE__ */ o(P, { paddingSize: "xxs", color: "secondary", onClick: l, children: x }), e[13] = l, e[14] = i) : i = e[14];
-  let r;
-  e[15] !== I ? (r = () => I(), e[15] = I, e[16] = r) : r = e[16];
+  e[15] !== I ? (i = () => I(), e[15] = I, e[16] = i) : i = e[16];
   let _;
   e[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ o(E, { size: 15 }), e[17] = _) : _ = e[17];
-  let n;
-  e[18] !== r ? (n = /* @__PURE__ */ o(P, { paddingSize: "xxs", color: "secondary", onClick: r, children: _ }), e[18] = r, e[19] = n) : n = e[19];
+  let r;
+  e[18] !== i ? (r = /* @__PURE__ */ o(B, { py: "0", paddingSize: "xxs", variant: "none", color: "secondary", onClick: i, children: _ }), e[18] = i, e[19] = r) : r = e[19];
   let c;
   e[20] !== F ? (c = () => F(), e[20] = F, e[21] = c) : c = e[21];
   let S;
   e[22] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ o(G, { size: 15 }), e[22] = S) : S = e[22];
   let s;
-  e[23] !== c ? (s = /* @__PURE__ */ o(P, { paddingSize: "xxs", color: "secondary", onClick: c, children: S }), e[23] = c, e[24] = s) : s = e[24];
+  e[23] !== c ? (s = /* @__PURE__ */ o(B, { py: "0", paddingSize: "xxs", variant: "none", color: "secondary", onClick: c, children: S }), e[23] = c, e[24] = s) : s = e[24];
   let m;
-  e[25] !== n || e[26] !== s || e[27] !== i ? (m = /* @__PURE__ */ B(V, { children: [
-    i,
+  e[25] !== r || e[26] !== s || e[27] !== n ? (m = /* @__PURE__ */ k(R, { children: [
     n,
+    r,
     s
-  ] }), e[25] = n, e[26] = s, e[27] = i, e[28] = m) : m = e[28];
+  ] }), e[25] = r, e[26] = s, e[27] = n, e[28] = m) : m = e[28];
   let b;
   e[29] === Symbol.for("react.memo_cache_sentinel") ? (b = {
     border: "none"
   }, e[29] = b) : b = e[29];
   let f;
-  e[30] !== k ? (f = k(), e[30] = k, e[31] = f) : f = e[31];
+  e[30] !== v ? (f = v(), e[30] = v, e[31] = f) : f = e[31];
   let a;
-  e[32] !== f ? (a = /* @__PURE__ */ B(Z, { color: "primary", style: b, children: [
+  e[32] !== f ? (a = /* @__PURE__ */ k(Z, { color: "primary", style: b, children: [
     f,
     "%"
   ] }), e[32] = f, e[33] = a) : a = e[33];
   let g;
-  return e[34] !== m || e[35] !== a ? (g = /* @__PURE__ */ o(R, { position: "bottom-left", children: /* @__PURE__ */ o(j, { style: y, children: /* @__PURE__ */ B(j, { align: "stretch", style: z, children: [
+  return e[34] !== m || e[35] !== a ? (g = /* @__PURE__ */ o(O, { position: "bottom-left", children: /* @__PURE__ */ o(P, { style: u, children: /* @__PURE__ */ k(P, { align: "center", style: z, children: [
     m,
     a
   ] }) }) }), e[34] = m, e[35] = a, e[36] = g) : g = e[36], g;

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

@@ -62,7 +62,7 @@ class l extends s {
       } : n && n.variant == "RETURN_TYPE" && t.variant === "NODE" ? {
         sourceDataTypeIdentifiers: [this.getTypeFromValue(e, i)],
         target: a
-      } : n && n.variant == "INPUT_TYPE" && t.variant === "NODE" ? {
+      } : n && n.variant == "INPUT_TYPES" && t.variant === "NODE" ? {
         sourceDataTypeIdentifiers: [{
           genericKey: a
         }],

package/dist/components/d-flow/export/DFlowExport.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowExportProps {
+    flowId: Flow['id'];
+}
+export declare const DFlowExport: React.FC<DFlowExportProps>;

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

@@ -0,0 +1,24 @@
+import { jsx as c } from "react/jsx-runtime";
+import i from "react";
+import { Panel as u } from "@xyflow/react";
+import { useService as w, useStore as b } from "../../../utils/contextStore.js";
+import "merge-props";
+import { DFlowReactiveService as l } from "../DFlow.service.js";
+import { Button as j } from "../../button/Button.js";
+const k = (s) => {
+  const {
+    flowId: r
+  } = s, p = w(l), m = b(l), t = i.useMemo(() => p.getById(r), [m, r]), a = i.useCallback(() => {
+    if (!t) return;
+    const e = t.jsonInput?.();
+    if (!e) return;
+    const f = typeof e == "string" ? e : JSON.stringify(e, null, 2), d = new Blob([f], {
+      type: "application/json"
+    }), n = URL.createObjectURL(d), o = document.createElement("a");
+    o.href = n, o.download = `flow-${t.name}.json`, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(n);
+  }, [t]);
+  return /* @__PURE__ */ c(u, { position: "top-right", children: /* @__PURE__ */ c(j, { paddingSize: "xxs", onClick: a, children: "Export flow" }) });
+};
+export {
+  k as DFlowExport
+};

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

@@ -101,7 +101,7 @@ const ie = (i, p, s, g = 0, u = [0], T = 1, v = [f.REF_OBJECT, f.VALUE, f.FUNCTI
         for (const n of a.parameterDefinitions) {
           const e = p.getDataType(n.dataTypeIdentifier);
           if (!e || e.variant === "NODE") continue;
-          const t = e.rules?.nodes?.filter((c) => c?.variant === "INPUT_TYPE") ?? [];
+          const t = e.rules?.nodes?.filter((c) => c?.variant === "INPUT_TYPES") ?? [];
           if (t.length) {
             const d = r.parameters.find((F) => F.id === n.id)?.value, _ = d !== void 0 ? d instanceof D ? [d.json()] : [d] : [];
             for (const F of t) {

package/dist/components/d-flow/type/DFlowType.view.d.ts

@@ -25,7 +25,7 @@ export declare class FlowTypeView {
     get descriptions(): Maybe<TranslationConnection> | undefined;
     get editable(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get flowTypeSettings(): Maybe<Array<FlowTypeSetting>> | undefined;
-    get id(): Maybe<Scalars["TypesFlowTypeID"]["output"]> | undefined;
+    get id(): Maybe<Scalars["FlowTypeID"]["output"]> | undefined;
     get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
     get inputType(): Maybe<DataType> | undefined;
     get names(): Maybe<TranslationConnection> | undefined;

package/dist/components/d-user/DUserInput.d.ts

@@ -1,5 +1,7 @@
 import { default as React } from 'react';
 import { TextInputProps } from '../form';
+import { DUserView } from './DUser.view';
 export interface DUserInputProps extends TextInputProps {
+    filter?: (user: DUserView, index: number) => boolean;
 }
 export declare const DUserInput: React.FC<DUserInputProps>;

package/dist/components/d-user/DUserInput.js

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import v from "react";
+import x from "react";
 import "../../_virtual/compiler-runtime.js";
 import "@radix-ui/react-checkbox";
 import "merge-props";
-import { IconArrowUp as x, IconArrowDown as S, IconCornerDownLeft as b } from "@tabler/icons-react";
+import { IconArrowUp as S, IconArrowDown as b, IconCornerDownLeft as I } from "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
 import "../form/Input.js";
@@ -13,18 +13,19 @@ import "../form/PasswordInput.js";
 import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
-import { TextInput as I } from "../form/TextInput.js";
+import { TextInput as L } from "../form/TextInput.js";
 import { Badge as m } from "../badge/Badge.js";
 import { Text as l } from "../text/Text.js";
-import { useService as L, useStore as U } from "../../utils/contextStore.js";
+import { useService as U, useStore as D } from "../../utils/contextStore.js";
 import { DUserReactiveService as g } from "./DUser.service.js";
-import { MenuLabel as D, MenuItem as w } from "../menu/Menu.js";
+import { MenuLabel as w, MenuItem as z } from "../menu/Menu.js";
 import { Flex as s } from "../flex/Flex.js";
-import { Spacing as z } from "../spacing/Spacing.js";
-const $ = (p) => {
+import { Spacing as B } from "../spacing/Spacing.js";
+const P = (p) => {
   const {
-    ...h
-  } = p, u = L(g), d = U(g), f = v.useMemo(() => u.values().map((r) => ({
+    filter: h = () => !0,
+    ...d
+  } = p, u = U(g), f = D(g), y = x.useMemo(() => u.values().filter(h).map((r) => ({
     value: r.username || "",
     children: /* @__PURE__ */ o(s, { align: "end", style: {
       gap: "0.35rem"
@@ -35,31 +36,31 @@ const $ = (p) => {
     insertMode: "insert",
     valueData: r,
     groupBy: "Users"
-  })), [d]);
-  return /* @__PURE__ */ e(I, { placeholder: "Enter users", suggestionsEmptyState: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(l, { children: "No user found" }) }), onLastTokenChange: (r) => {
+  })), [f]);
+  return /* @__PURE__ */ e(L, { placeholder: "Enter users", suggestionsEmptyState: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(l, { children: "No user found" }) }), onLastTokenChange: (r) => {
     u.getByUsername(r);
-  }, suggestionsFooter: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ o(s, { style: {
+  }, suggestionsFooter: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ o(s, { style: {
     gap: ".35rem"
   }, children: [
     /* @__PURE__ */ o(s, { align: "center", style: {
       gap: "0.35rem"
     }, children: [
       /* @__PURE__ */ o(s, { children: [
-        /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(x, { size: 12 }) }),
-        /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(S, { size: 12 }) })
+        /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(S, { size: 12 }) }),
+        /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(b, { size: 12 }) })
       ] }),
       "move"
     ] }),
-    /* @__PURE__ */ e(z, { spacing: "xxs" }),
+    /* @__PURE__ */ e(B, { spacing: "xxs" }),
     /* @__PURE__ */ o(s, { align: "center", style: {
       gap: ".35rem"
     }, children: [
-      /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(b, { size: 12 }) }),
+      /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(I, { size: 12 }) }),
       "insert"
     ] })
   ] }) }), filterSuggestionsByLastToken: !0, enforceUniqueSuggestions: !0, transformSyntax: (r, a = []) => {
     let t = 0;
-    return a.map((i, y) => {
+    return a.map((i, v) => {
       if (typeof i == "object") {
         const c = {
           type: "block",
@@ -77,7 +78,7 @@ const $ = (p) => {
       }
       const n = i ?? "";
       if (n.length) {
-        if (y == a.length - 1) {
+        if (v == a.length - 1) {
           const c = {
             type: "text",
             start: t,
@@ -90,8 +91,8 @@ const $ = (p) => {
         return t += n.length, {};
       }
     });
-  }, ...h, suggestions: f });
+  }, ...d, suggestions: y });
 };
 export {
-  $ as DUserInput
+  P as DUserInput
 };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/alert/Alert';
+export * from './components/aurora/Aurora';
 export * from './components/avatar/Avatar';
 export * from './components/badge/Badge';
 export * from './components/breadcrumb/Breadcrumb';

package/dist/index.js

@@ -1,262 +1,264 @@
 import { Alert as m } from "./components/alert/Alert.js";
-import { Avatar as n } from "./components/avatar/Avatar.js";
-import { Badge as f } from "./components/badge/Badge.js";
-import { Breadcrumb as c } from "./components/breadcrumb/Breadcrumb.js";
-import { Button as u } from "./components/button/Button.js";
-import { ButtonGroup as g } from "./components/button-group/ButtonGroup.js";
-import { Card as d } from "./components/card/Card.js";
-import { Col as v } from "./components/col/Col.js";
-import { Command as F, CommandDialog as R, CommandEmpty as I, CommandGroup as T, CommandInput as b, CommandItem as N, CommandList as M, CommandSeparator as P, CommandShortcut as V } from "./components/command/Command.js";
-import { Container as L } from "./components/container/Container.js";
-import { FlowSettingView as O, FlowView as U, NodeFunctionView as G, NodeParameterView as j } from "./components/d-flow/DFlow.view.js";
-import { DFlowReactiveService as h } from "./components/d-flow/DFlow.service.js";
-import { FLOW_EDGE_RAINBOW as E, useFlowEdges as H } from "./components/d-flow/DFlow.edges.hook.js";
-import { useFlowNodes as _ } from "./components/d-flow/DFlow.nodes.hook.js";
-import { DFlow as Q } from "./components/d-flow/DFlow.js";
-import { DFlowControl as J } from "./components/d-flow/control/DFlowControl.js";
-import { DFlowDataTypeReactiveService as X } from "./components/d-flow/data-type/DFlowDataType.service.js";
-import { DataTypeView as Z } from "./components/d-flow/data-type/DFlowDataType.view.js";
-import { DFlowFolder as ee, DFlowFolderGroup as oe, DFlowFolderItem as re } from "./components/d-flow/folder/DFlowFolder.js";
-import { DFlowFunctionReactiveService as ie } from "./components/d-flow/function/DFlowFunction.service.js";
-import { FunctionDefinitionView as me, ParameterDefinitionView as ae } from "./components/d-flow/function/DFlowFunction.view.js";
-import { DFlowMiniMap as xe } from "./components/d-flow/minimap/DFlowMiniMap.js";
-import { DFlowReactiveSuggestionService as le } from "./components/d-flow/suggestion/DFlowSuggestion.service.js";
-import { DFlowSuggestion as se, DFlowSuggestionType as ue } from "./components/d-flow/suggestion/DFlowSuggestion.view.js";
-import { DFlowTypeReactiveService as ge } from "./components/d-flow/type/DFlowType.service.js";
-import { FlowTypeView as de } from "./components/d-flow/type/DFlowType.view.js";
-import { useDFlowValidations as ve } from "./components/d-flow/validation/DFlowValidation.hook.js";
-import { DFlowValidation as Fe } from "./components/d-flow/validation/DFlowValidation.js";
-import { DFullScreen as Ie } from "./components/d-fullscreen/DFullScreen.js";
-import { DLayout as be } from "./components/d-layout/DLayout.js";
-import { DNamespaceLicenseReactiveService as Me } from "./components/d-license/DNamespaceLicense.service.js";
-import { DNamespaceLicenseView as Ve } from "./components/d-license/DNamespaceLicense.view.js";
-import { DNamespaceMemberReactiveService as Le } from "./components/d-member/DNamespaceMember.service.js";
-import { DNamespaceMemberView as Oe } from "./components/d-member/DNamespaceMember.view.js";
-import { DNamespaceMemberCard as Ge } from "./components/d-member/DNamespaceMemberCard.js";
-import { DNamespaceMemberList as ze } from "./components/d-member/DNamespaceMemberList.js";
-import { DNamespaceReactiveService as Be } from "./components/d-namespace/DNamespace.service.js";
-import { DNamespaceView as He } from "./components/d-namespace/DNamespace.view.js";
-import { DOrganizationReactiveService as _e } from "./components/d-organization/DOrganization.service.js";
-import { DOrganizationView as Qe } from "./components/d-organization/DOrganization.view.js";
+import { AuroraBackground as n } from "./components/aurora/Aurora.js";
+import { Avatar as f } from "./components/avatar/Avatar.js";
+import { Badge as c } from "./components/badge/Badge.js";
+import { Breadcrumb as u } from "./components/breadcrumb/Breadcrumb.js";
+import { Button as g } from "./components/button/Button.js";
+import { ButtonGroup as d } from "./components/button-group/ButtonGroup.js";
+import { Card as v } from "./components/card/Card.js";
+import { Col as F } from "./components/col/Col.js";
+import { Command as I, CommandDialog as T, CommandEmpty as b, CommandGroup as N, CommandInput as M, CommandItem as P, CommandList as V, CommandSeparator as A, CommandShortcut as L } from "./components/command/Command.js";
+import { Container as O } from "./components/container/Container.js";
+import { FlowSettingView as G, FlowView as j, NodeFunctionView as z, NodeParameterView as B } from "./components/d-flow/DFlow.view.js";
+import { DFlowReactiveService as E } from "./components/d-flow/DFlow.service.js";
+import { FLOW_EDGE_RAINBOW as W, useFlowEdges as k } from "./components/d-flow/DFlow.edges.hook.js";
+import { useFlowNodes as Q } from "./components/d-flow/DFlow.nodes.hook.js";
+import { DFlow as J } from "./components/d-flow/DFlow.js";
+import { DFlowControl as X } from "./components/d-flow/control/DFlowControl.js";
+import { DFlowDataTypeReactiveService as Z } from "./components/d-flow/data-type/DFlowDataType.service.js";
+import { DataTypeView as ee } from "./components/d-flow/data-type/DFlowDataType.view.js";
+import { DFlowFolder as re, DFlowFolderGroup as te, DFlowFolderItem as pe } from "./components/d-flow/folder/DFlowFolder.js";
+import { DFlowFunctionReactiveService as me } from "./components/d-flow/function/DFlowFunction.service.js";
+import { FunctionDefinitionView as ne, ParameterDefinitionView as xe } from "./components/d-flow/function/DFlowFunction.view.js";
+import { DFlowMiniMap as le } from "./components/d-flow/minimap/DFlowMiniMap.js";
+import { DFlowReactiveSuggestionService as se } from "./components/d-flow/suggestion/DFlowSuggestion.service.js";
+import { DFlowSuggestion as De, DFlowSuggestionType as ge } from "./components/d-flow/suggestion/DFlowSuggestion.view.js";
+import { DFlowTypeReactiveService as de } from "./components/d-flow/type/DFlowType.service.js";
+import { FlowTypeView as ve } from "./components/d-flow/type/DFlowType.view.js";
+import { useDFlowValidations as Fe } from "./components/d-flow/validation/DFlowValidation.hook.js";
+import { DFlowValidation as Ie } from "./components/d-flow/validation/DFlowValidation.js";
+import { DFullScreen as be } from "./components/d-fullscreen/DFullScreen.js";
+import { DLayout as Me } from "./components/d-layout/DLayout.js";
+import { DNamespaceLicenseReactiveService as Ve } from "./components/d-license/DNamespaceLicense.service.js";
+import { DNamespaceLicenseView as Le } from "./components/d-license/DNamespaceLicense.view.js";
+import { DNamespaceMemberReactiveService as Oe } from "./components/d-member/DNamespaceMember.service.js";
+import { DNamespaceMemberView as Ge } from "./components/d-member/DNamespaceMember.view.js";
+import { DNamespaceMemberCard as ze } from "./components/d-member/DNamespaceMemberCard.js";
+import { DNamespaceMemberList as he } from "./components/d-member/DNamespaceMemberList.js";
+import { DNamespaceReactiveService as He } from "./components/d-namespace/DNamespace.service.js";
+import { DNamespaceView as ke } from "./components/d-namespace/DNamespace.view.js";
+import { DOrganizationReactiveService as Qe } from "./components/d-organization/DOrganization.service.js";
+import { DOrganizationView as Je } from "./components/d-organization/DOrganization.view.js";
 import "react/jsx-runtime";
 import "./_virtual/compiler-runtime.js";
 import "react";
-import { ContextStore as Je, ContextStoreProvider as Ke, useService as Xe, useStore as Ye } from "./utils/contextStore.js";
-import { InspectionSeverity as $e } from "./utils/inspection.js";
-import { NonReactiveArrayService as oo, createNonReactiveArrayService as ro } from "./utils/nonReactiveArrayService.js";
-import { ObjectService as io, createObjectService as po } from "./utils/objectStore.js";
-import { ReactiveArrayService as ao, useReactiveArrayService as no } from "./utils/reactiveArrayService.js";
-import { Colors as fo } from "./utils/types.js";
-import { getChild as co, getContent as so, getPositionAroundTarget as uo, getPositioning as Do, getWindowPositioning as go, mergeCode0Props as So, parseUnit as wo } from "./utils/utils.js";
-import { Text as Co } from "./components/text/Text.js";
+import { ContextStore as Xe, ContextStoreProvider as Ye, useService as Ze, useStore as $e } from "./utils/contextStore.js";
+import { InspectionSeverity as oo } from "./utils/inspection.js";
+import { NonReactiveArrayService as to, createNonReactiveArrayService as po } from "./utils/nonReactiveArrayService.js";
+import { ObjectService as mo, createObjectService as ao } from "./utils/objectStore.js";
+import { ReactiveArrayService as xo, useReactiveArrayService as fo } from "./utils/reactiveArrayService.js";
+import { Colors as co } from "./utils/types.js";
+import { getChild as uo, getContent as Do, getPositionAroundTarget as go, getPositioning as So, getWindowPositioning as wo, mergeCode0Props as vo, parseUnit as Co } from "./utils/utils.js";
+import { Text as Ro } from "./components/text/Text.js";
 import "@tabler/icons-react";
-import { Flex as Ro } from "./components/flex/Flex.js";
-import { Spacing as To } from "./components/spacing/Spacing.js";
-import { DUserReactiveService as No } from "./components/d-user/DUser.service.js";
-import { DUserView as Po } from "./components/d-user/DUser.view.js";
-import { Menu as Ao, MenuArrow as Lo, MenuContent as yo, MenuGroup as Oo, MenuItem as Uo, MenuLabel as Go, MenuPortal as jo, MenuSeparator as zo, MenuSub as ho, MenuSubContent as Bo, MenuSubTrigger as Eo, MenuTrigger as Ho } from "./components/menu/Menu.js";
-import { DUserCard as _o } from "./components/d-user/DUserCard.js";
-import { DUserList as Qo } from "./components/d-user/DUserList.js";
-import { DUserInput as Jo } from "./components/d-user/DUserInput.js";
-import { setUserSession as Xo, useUserSession as Yo } from "./components/d-user/DUser.session.hook.js";
-import { DOrganizationList as $o } from "./components/d-organization/DOrganizationList.js";
-import { DNamespaceProjectReactiveService as or } from "./components/d-project/DNamespaceProject.service.js";
-import { DNamespaceProjectView as tr } from "./components/d-project/DNamespaceProject.view.js";
-import { DNamespaceProjectCard as pr } from "./components/d-project/DNamespaceProjectCard.js";
-import { DNamespaceProjectList as ar } from "./components/d-project/DNamespaceProjectList.js";
-import { DResizableHandle as xr, DResizablePanel as fr, DResizablePanelGroup as lr } from "./components/d-resizable/DResizable.js";
-import { DNamespaceRoleReactiveService as sr } from "./components/d-role/DNamespaceRole.service.js";
-import { DNamespaceRoleView as Dr } from "./components/d-role/DNamespaceRole.view.js";
-import { DNamespaceRoleList as Sr } from "./components/d-role/DNamespaceRoleList.js";
-import { DNamespaceRoleCard as wr } from "./components/d-role/DNamespaceRoleCard.js";
-import { DRuntimeReactiveService as Cr } from "./components/d-runtime/DRuntime.service.js";
-import { DRuntimeView as Rr } from "./components/d-runtime/DRuntime.view.js";
-import { DRuntimeCard as Tr } from "./components/d-runtime/DRuntimeCard.js";
-import { DRuntimeList as Nr } from "./components/d-runtime/DRuntimeList.js";
-import { Dialog as Pr, DialogClose as Vr, DialogContent as Ar, DialogDescription as Lr, DialogFooter as yr, DialogHeader as Or, DialogOverlay as Ur, DialogPortal as Gr, DialogTitle as jr, DialogTrigger as zr } from "./components/dialog/Dialog.js";
-import { CheckboxInput as Br } from "./components/form/CheckboxInput.js";
-import { EmailInput as Hr, emailValidation as Wr } from "./components/form/EmailInput.js";
-import { Input as kr } from "./components/form/Input.js";
-import { InputDescription as qr } from "./components/form/InputDescription.js";
-import { InputLabel as Kr } from "./components/form/InputLabel.js";
-import { InputMessage as Yr } from "./components/form/InputMessage.js";
-import { InputSuggestionMenuContent as $r, InputSuggestionMenuContentItems as et } from "./components/form/InputSuggestion.js";
-import { NumberInput as rt } from "./components/form/NumberInput.js";
-import { PasswordInput as it } from "./components/form/PasswordInput.js";
-import { PinInput as mt, PinInputField as at, PinInputHiddenField as nt } from "./components/form/PinInput.js";
-import { RadioGroup as ft } from "./components/form/RadioGroup.js";
-import { RadioInput as ct } from "./components/form/RadioInput.js";
-import { SwitchInput as ut } from "./components/form/SwitchInput.js";
-import { TextInput as gt } from "./components/form/TextInput.js";
-import { useForm as dt } from "./components/form/useForm.js";
-import { Quote as vt } from "./components/quote/Quote.js";
-import { Row as Ft } from "./components/row/Row.js";
-import { ScrollArea as It, ScrollAreaCorner as Tt, ScrollAreaScrollbar as bt, ScrollAreaThumb as Nt, ScrollAreaViewport as Mt } from "./components/scroll-area/ScrollArea.js";
-import { SegmentedControl as Vt, SegmentedControlItem as At } from "./components/segmented-control/SegmentedControl.js";
-import { Tab as yt, TabContent as Ot, TabList as Ut, TabTrigger as Gt } from "./components/tab/Tab.js";
-import { Toast as zt, toast as ht } from "./components/toast/Toast.js";
-import { Tooltip as Et, TooltipArrow as Ht, TooltipContent as Wt, TooltipPortal as _t, TooltipTrigger as kt } from "./components/tooltip/Tooltip.js";
+import { Flex as To } from "./components/flex/Flex.js";
+import { Spacing as No } from "./components/spacing/Spacing.js";
+import { DUserReactiveService as Po } from "./components/d-user/DUser.service.js";
+import { DUserView as Ao } from "./components/d-user/DUser.view.js";
+import { Menu as yo, MenuArrow as Oo, MenuContent as Uo, MenuGroup as Go, MenuItem as jo, MenuLabel as zo, MenuPortal as Bo, MenuSeparator as ho, MenuSub as Eo, MenuSubContent as Ho, MenuSubTrigger as Wo, MenuTrigger as ko } from "./components/menu/Menu.js";
+import { DUserCard as Qo } from "./components/d-user/DUserCard.js";
+import { DUserList as Jo } from "./components/d-user/DUserList.js";
+import { DUserInput as Xo } from "./components/d-user/DUserInput.js";
+import { setUserSession as Zo, useUserSession as $o } from "./components/d-user/DUser.session.hook.js";
+import { DOrganizationList as or } from "./components/d-organization/DOrganizationList.js";
+import { DNamespaceProjectReactiveService as tr } from "./components/d-project/DNamespaceProject.service.js";
+import { DNamespaceProjectView as ir } from "./components/d-project/DNamespaceProject.view.js";
+import { DNamespaceProjectCard as ar } from "./components/d-project/DNamespaceProjectCard.js";
+import { DNamespaceProjectList as xr } from "./components/d-project/DNamespaceProjectList.js";
+import { DResizableHandle as lr, DResizablePanel as cr, DResizablePanelGroup as sr } from "./components/d-resizable/DResizable.js";
+import { DNamespaceRoleReactiveService as Dr } from "./components/d-role/DNamespaceRole.service.js";
+import { DNamespaceRoleView as Sr } from "./components/d-role/DNamespaceRole.view.js";
+import { DNamespaceRoleList as wr } from "./components/d-role/DNamespaceRoleList.js";
+import { DNamespaceRoleCard as Cr } from "./components/d-role/DNamespaceRoleCard.js";
+import { DRuntimeReactiveService as Rr } from "./components/d-runtime/DRuntime.service.js";
+import { DRuntimeView as Tr } from "./components/d-runtime/DRuntime.view.js";
+import { DRuntimeCard as Nr } from "./components/d-runtime/DRuntimeCard.js";
+import { DRuntimeList as Pr } from "./components/d-runtime/DRuntimeList.js";
+import { Dialog as Ar, DialogClose as Lr, DialogContent as yr, DialogDescription as Or, DialogFooter as Ur, DialogHeader as Gr, DialogOverlay as jr, DialogPortal as zr, DialogTitle as Br, DialogTrigger as hr } from "./components/dialog/Dialog.js";
+import { CheckboxInput as Hr } from "./components/form/CheckboxInput.js";
+import { EmailInput as kr, emailValidation as _r } from "./components/form/EmailInput.js";
+import { Input as qr } from "./components/form/Input.js";
+import { InputDescription as Kr } from "./components/form/InputDescription.js";
+import { InputLabel as Yr } from "./components/form/InputLabel.js";
+import { InputMessage as $r } from "./components/form/InputMessage.js";
+import { InputSuggestionMenuContent as ot, InputSuggestionMenuContentItems as rt } from "./components/form/InputSuggestion.js";
+import { NumberInput as pt } from "./components/form/NumberInput.js";
+import { PasswordInput as mt } from "./components/form/PasswordInput.js";
+import { PinInput as nt, PinInputField as xt, PinInputHiddenField as ft } from "./components/form/PinInput.js";
+import { RadioGroup as ct } from "./components/form/RadioGroup.js";
+import { RadioInput as ut } from "./components/form/RadioInput.js";
+import { SwitchInput as gt } from "./components/form/SwitchInput.js";
+import { TextInput as dt } from "./components/form/TextInput.js";
+import { useForm as vt } from "./components/form/useForm.js";
+import { Quote as Ft } from "./components/quote/Quote.js";
+import { Row as It } from "./components/row/Row.js";
+import { ScrollArea as bt, ScrollAreaCorner as Nt, ScrollAreaScrollbar as Mt, ScrollAreaThumb as Pt, ScrollAreaViewport as Vt } from "./components/scroll-area/ScrollArea.js";
+import { SegmentedControl as Lt, SegmentedControlItem as yt } from "./components/segmented-control/SegmentedControl.js";
+import { Tab as Ut, TabContent as Gt, TabList as jt, TabTrigger as zt } from "./components/tab/Tab.js";
+import { Toast as ht, toast as Et } from "./components/toast/Toast.js";
+import { Tooltip as Wt, TooltipArrow as kt, TooltipContent as _t, TooltipPortal as Qt, TooltipTrigger as qt } from "./components/tooltip/Tooltip.js";
 export {
   m as Alert,
-  n as Avatar,
-  f as Badge,
-  c as Breadcrumb,
-  u as Button,
-  g as ButtonGroup,
-  d as Card,
-  Br as CheckboxInput,
-  v as Col,
-  fo as Colors,
-  F as Command,
-  R as CommandDialog,
-  I as CommandEmpty,
-  T as CommandGroup,
-  b as CommandInput,
-  N as CommandItem,
-  M as CommandList,
-  P as CommandSeparator,
-  V as CommandShortcut,
-  L as Container,
-  Je as ContextStore,
-  Ke as ContextStoreProvider,
-  Q as DFlow,
-  J as DFlowControl,
-  X as DFlowDataTypeReactiveService,
-  ee as DFlowFolder,
-  oe as DFlowFolderGroup,
-  re as DFlowFolderItem,
-  ie as DFlowFunctionReactiveService,
-  xe as DFlowMiniMap,
-  h as DFlowReactiveService,
-  le as DFlowReactiveSuggestionService,
-  se as DFlowSuggestion,
-  ue as DFlowSuggestionType,
-  ge as DFlowTypeReactiveService,
-  Fe as DFlowValidation,
-  Ie as DFullScreen,
-  be as DLayout,
-  Me as DNamespaceLicenseReactiveService,
-  Ve as DNamespaceLicenseView,
-  Ge as DNamespaceMemberCard,
-  ze as DNamespaceMemberList,
-  Le as DNamespaceMemberReactiveService,
-  Oe as DNamespaceMemberView,
-  pr as DNamespaceProjectCard,
-  ar as DNamespaceProjectList,
-  or as DNamespaceProjectReactiveService,
-  tr as DNamespaceProjectView,
-  Be as DNamespaceReactiveService,
-  wr as DNamespaceRoleCard,
-  Sr as DNamespaceRoleList,
-  sr as DNamespaceRoleReactiveService,
-  Dr as DNamespaceRoleView,
-  He as DNamespaceView,
-  $o as DOrganizationList,
-  _e as DOrganizationReactiveService,
-  Qe as DOrganizationView,
-  xr as DResizableHandle,
-  fr as DResizablePanel,
-  lr as DResizablePanelGroup,
-  Tr as DRuntimeCard,
-  Nr as DRuntimeList,
-  Cr as DRuntimeReactiveService,
-  Rr as DRuntimeView,
-  _o as DUserCard,
-  Jo as DUserInput,
-  Qo as DUserList,
-  No as DUserReactiveService,
-  Po as DUserView,
-  Z as DataTypeView,
-  Pr as Dialog,
-  Vr as DialogClose,
-  Ar as DialogContent,
-  Lr as DialogDescription,
-  yr as DialogFooter,
-  Or as DialogHeader,
-  Ur as DialogOverlay,
-  Gr as DialogPortal,
-  jr as DialogTitle,
-  zr as DialogTrigger,
-  Hr as EmailInput,
-  E as FLOW_EDGE_RAINBOW,
-  Ro as Flex,
-  O as FlowSettingView,
-  de as FlowTypeView,
-  U as FlowView,
-  me as FunctionDefinitionView,
-  kr as Input,
-  qr as InputDescription,
-  Kr as InputLabel,
-  Yr as InputMessage,
-  $r as InputSuggestionMenuContent,
-  et as InputSuggestionMenuContentItems,
-  $e as InspectionSeverity,
-  Ao as Menu,
-  Lo as MenuArrow,
-  yo as MenuContent,
-  Oo as MenuGroup,
-  Uo as MenuItem,
-  Go as MenuLabel,
-  jo as MenuPortal,
-  zo as MenuSeparator,
-  ho as MenuSub,
-  Bo as MenuSubContent,
-  Eo as MenuSubTrigger,
-  Ho as MenuTrigger,
-  G as NodeFunctionView,
-  j as NodeParameterView,
-  oo as NonReactiveArrayService,
-  rt as NumberInput,
-  io as ObjectService,
-  ae as ParameterDefinitionView,
-  it as PasswordInput,
-  mt as PinInput,
-  at as PinInputField,
-  nt as PinInputHiddenField,
-  vt as Quote,
-  ft as RadioGroup,
-  ct as RadioInput,
-  ao as ReactiveArrayService,
-  Ft as Row,
-  It as ScrollArea,
-  Tt as ScrollAreaCorner,
-  bt as ScrollAreaScrollbar,
-  Nt as ScrollAreaThumb,
-  Mt as ScrollAreaViewport,
-  Vt as SegmentedControl,
-  At as SegmentedControlItem,
-  To as Spacing,
-  ut as SwitchInput,
-  yt as Tab,
-  Ot as TabContent,
-  Ut as TabList,
-  Gt as TabTrigger,
-  Co as Text,
-  gt as TextInput,
-  zt as Toast,
-  Et as Tooltip,
-  Ht as TooltipArrow,
-  Wt as TooltipContent,
-  _t as TooltipPortal,
-  kt as TooltipTrigger,
-  ro as createNonReactiveArrayService,
-  po as createObjectService,
-  Wr as emailValidation,
-  co as getChild,
-  so as getContent,
-  uo as getPositionAroundTarget,
-  Do as getPositioning,
-  go as getWindowPositioning,
-  So as mergeCode0Props,
-  wo as parseUnit,
-  Xo as setUserSession,
-  ht as toast,
-  ve as useDFlowValidations,
-  H as useFlowEdges,
-  _ as useFlowNodes,
-  dt as useForm,
-  no as useReactiveArrayService,
-  Xe as useService,
-  Ye as useStore,
-  Yo as useUserSession
+  n as AuroraBackground,
+  f as Avatar,
+  c as Badge,
+  u as Breadcrumb,
+  g as Button,
+  d as ButtonGroup,
+  v as Card,
+  Hr as CheckboxInput,
+  F as Col,
+  co as Colors,
+  I as Command,
+  T as CommandDialog,
+  b as CommandEmpty,
+  N as CommandGroup,
+  M as CommandInput,
+  P as CommandItem,
+  V as CommandList,
+  A as CommandSeparator,
+  L as CommandShortcut,
+  O as Container,
+  Xe as ContextStore,
+  Ye as ContextStoreProvider,
+  J as DFlow,
+  X as DFlowControl,
+  Z as DFlowDataTypeReactiveService,
+  re as DFlowFolder,
+  te as DFlowFolderGroup,
+  pe as DFlowFolderItem,
+  me as DFlowFunctionReactiveService,
+  le as DFlowMiniMap,
+  E as DFlowReactiveService,
+  se as DFlowReactiveSuggestionService,
+  De as DFlowSuggestion,
+  ge as DFlowSuggestionType,
+  de as DFlowTypeReactiveService,
+  Ie as DFlowValidation,
+  be as DFullScreen,
+  Me as DLayout,
+  Ve as DNamespaceLicenseReactiveService,
+  Le as DNamespaceLicenseView,
+  ze as DNamespaceMemberCard,
+  he as DNamespaceMemberList,
+  Oe as DNamespaceMemberReactiveService,
+  Ge as DNamespaceMemberView,
+  ar as DNamespaceProjectCard,
+  xr as DNamespaceProjectList,
+  tr as DNamespaceProjectReactiveService,
+  ir as DNamespaceProjectView,
+  He as DNamespaceReactiveService,
+  Cr as DNamespaceRoleCard,
+  wr as DNamespaceRoleList,
+  Dr as DNamespaceRoleReactiveService,
+  Sr as DNamespaceRoleView,
+  ke as DNamespaceView,
+  or as DOrganizationList,
+  Qe as DOrganizationReactiveService,
+  Je as DOrganizationView,
+  lr as DResizableHandle,
+  cr as DResizablePanel,
+  sr as DResizablePanelGroup,
+  Nr as DRuntimeCard,
+  Pr as DRuntimeList,
+  Rr as DRuntimeReactiveService,
+  Tr as DRuntimeView,
+  Qo as DUserCard,
+  Xo as DUserInput,
+  Jo as DUserList,
+  Po as DUserReactiveService,
+  Ao as DUserView,
+  ee as DataTypeView,
+  Ar as Dialog,
+  Lr as DialogClose,
+  yr as DialogContent,
+  Or as DialogDescription,
+  Ur as DialogFooter,
+  Gr as DialogHeader,
+  jr as DialogOverlay,
+  zr as DialogPortal,
+  Br as DialogTitle,
+  hr as DialogTrigger,
+  kr as EmailInput,
+  W as FLOW_EDGE_RAINBOW,
+  To as Flex,
+  G as FlowSettingView,
+  ve as FlowTypeView,
+  j as FlowView,
+  ne as FunctionDefinitionView,
+  qr as Input,
+  Kr as InputDescription,
+  Yr as InputLabel,
+  $r as InputMessage,
+  ot as InputSuggestionMenuContent,
+  rt as InputSuggestionMenuContentItems,
+  oo as InspectionSeverity,
+  yo as Menu,
+  Oo as MenuArrow,
+  Uo as MenuContent,
+  Go as MenuGroup,
+  jo as MenuItem,
+  zo as MenuLabel,
+  Bo as MenuPortal,
+  ho as MenuSeparator,
+  Eo as MenuSub,
+  Ho as MenuSubContent,
+  Wo as MenuSubTrigger,
+  ko as MenuTrigger,
+  z as NodeFunctionView,
+  B as NodeParameterView,
+  to as NonReactiveArrayService,
+  pt as NumberInput,
+  mo as ObjectService,
+  xe as ParameterDefinitionView,
+  mt as PasswordInput,
+  nt as PinInput,
+  xt as PinInputField,
+  ft as PinInputHiddenField,
+  Ft as Quote,
+  ct as RadioGroup,
+  ut as RadioInput,
+  xo as ReactiveArrayService,
+  It as Row,
+  bt as ScrollArea,
+  Nt as ScrollAreaCorner,
+  Mt as ScrollAreaScrollbar,
+  Pt as ScrollAreaThumb,
+  Vt as ScrollAreaViewport,
+  Lt as SegmentedControl,
+  yt as SegmentedControlItem,
+  No as Spacing,
+  gt as SwitchInput,
+  Ut as Tab,
+  Gt as TabContent,
+  jt as TabList,
+  zt as TabTrigger,
+  Ro as Text,
+  dt as TextInput,
+  ht as Toast,
+  Wt as Tooltip,
+  kt as TooltipArrow,
+  _t as TooltipContent,
+  Qt as TooltipPortal,
+  qt as TooltipTrigger,
+  po as createNonReactiveArrayService,
+  ao as createObjectService,
+  _r as emailValidation,
+  uo as getChild,
+  Do as getContent,
+  go as getPositionAroundTarget,
+  So as getPositioning,
+  wo as getWindowPositioning,
+  vo as mergeCode0Props,
+  Co as parseUnit,
+  Zo as setUserSession,
+  Et as toast,
+  Fe as useDFlowValidations,
+  k as useFlowEdges,
+  Q as useFlowNodes,
+  vt as useForm,
+  fo as useReactiveArrayService,
+  Ze as useService,
+  $e as useStore,
+  $o as useUserSession
 };

package/dist/utils/generics.js

@@ -193,7 +193,7 @@ function x(e, n) {
       const i = e.config, t = n.config;
       return i.key !== t.key ? !1 : S(i.dataTypeIdentifier, t.dataTypeIdentifier);
     }
-    case "INPUT_TYPE": {
+    case "INPUT_TYPES": {
       const i = e.config, a = n.config.inputTypes ?? [], c = i.inputTypes ?? [];
       return a.every((s) => c.some((r) => S(r.dataTypeIdentifier, s.dataTypeIdentifier)));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.23",
+  "version": "0.0.0-mvp.24",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -21,7 +21,7 @@
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@code0-tech/definition-reader": "^0.0.18",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-755f9382e6589ede0182dace55452703bcd6e85b",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-c63274fdd34593b8aa24f9f977659fd3d6270150",
     "@dagrejs/dagre": "^2.0.0",
     "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -94,7 +94,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ariakit/react": "^0.4.5",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-755f9382e6589ede0182dace55452703bcd6e85b",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-c63274fdd34593b8aa24f9f977659fd3d6270150",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",