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

package/dist/components/d-flow-validation/DNodeValidation.hook.js

@@ -1,58 +1,63 @@
-import S from "react";
-import { DFlowDataTypeReactiveService as E } from "../d-flow-data-type/DFlowDataType.service.js";
-import { DataTypeView as C } from "../d-flow-data-type/DFlowDataType.view.js";
-import { useService as V, useStore as _ } from "../../utils/contextStore.js";
-import { InspectionSeverity as P } from "../../utils/inspection.js";
+import V from "react";
+import { DFlowDataTypeReactiveService as x } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DataTypeView as q } from "../d-flow-data-type/DFlowDataType.view.js";
+import { useService as _, useStore as R } from "../../utils/contextStore.js";
+import { InspectionSeverity as z } from "../../utils/inspection.js";
 import "merge-props";
 import "js-md5";
-import { resolveGenericKeys as U, replaceGenericKeysInType as q, replaceGenericKeysInDataTypeObject as z } from "../../utils/generics.js";
-import { useReturnType as H } from "../d-flow-function/DFlowFunction.return.hook.js";
-import { DFlowFunctionReactiveService as G } from "../d-flow-function/DFlowFunction.service.js";
-import { useDataTypeValidation as O } from "./DDataTypeValidation.hook.js";
-import { useValueValidation as w } from "./DValueValidation.hook.js";
+import { resolveGenericKeys as H, replaceGenericKeysInType as J, replaceGenericKeysInDataTypeObject as L } from "../../utils/generics.js";
+import { useReturnType as Q } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { DFlowFunctionReactiveService as E } from "../d-flow-function/DFlowFunction.service.js";
+import { useDataTypeValidation as G } from "./DDataTypeValidation.hook.js";
+import { useValueValidation as O } from "./DValueValidation.hook.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as M } from "../d-flow/DFlow.service.js";
-const N = (t) => t.__typename === "ReferenceValue", F = (t) => t.__typename === "NodeFunctionIdWrapper", b = (t, r) => new C(z(t.json, r)), W = (t, r, i) => ({
-  parameterId: t,
-  type: P.ERROR,
+import { getReferenceType as X } from "../d-flow-node/DFlowNodeReference.return.hook.js";
+import { DFlowTypeReactiveService as W } from "../d-flow-type/DFlowType.service.js";
+const F = (r) => r.__typename === "ReferenceValue", I = (r) => r.__typename === "NodeFunctionIdWrapper", b = (r, i) => new q(L(r.json, i)), j = (r, i, n) => ({
+  parameterId: r,
+  type: z.ERROR,
   message: [{
     code: "en-US",
-    content: `Argument of type ${i?.name[0]?.content} is not assignable to parameter of type ${r?.name[0]?.content}`
+    content: `Argument of type ${n?.name[0]?.content} is not assignable to parameter of type ${i?.name[0]?.content}`
   }]
-}), ae = (t, r) => {
-  const i = V(G), j = _(G), f = V(M), I = _(M), n = V(E), K = _(E), s = f.getById(r), l = f.getNodeById(r, t), T = l?.parameters?.nodes?.map((e) => e?.value) ?? [], m = i.getById(l?.functionDefinition?.id), R = m?.parameterDefinitions ?? [], h = m?.genericKeys ?? [], D = S.useMemo(() => U(m, T, n, i, s), [m, T, n, K, s, I]), x = S.useCallback((e, a) => {
-    if (F(e) && a?.variant !== "NODE" || N(e)) {
-      const d = f.getNodeById(r, e.__typename == "NodeFunctionIdWrapper" ? e.id : e.__typename === "ReferenceValue" ? e.nodeFunctionId : void 0), o = i.getById(d?.functionDefinition?.id), g = d?.parameters?.nodes?.map((p) => p?.value) ?? [];
-      return H(o, g, n, i);
+}), ue = (r, i) => {
+  const n = _(E), $ = R(E), y = _(M), N = R(M), k = _(W), A = R(W), o = _(x), B = R(x), s = y.getById(i), T = y.getNodeById(i, r), g = T?.parameters?.nodes?.map((e) => e?.value) ?? [], f = n.getById(T?.functionDefinition?.id), S = f?.parameterDefinitions ?? [], w = f?.genericKeys ?? [], D = V.useMemo(() => H(f, g, o, n, s), [f, g, o, B, s, N]), K = V.useCallback((e, p) => {
+    if (I(e) && p?.variant !== "NODE") {
+      const a = y.getNodeById(i, e.__typename == "NodeFunctionIdWrapper" ? e.id : e.__typename === "ReferenceValue" ? e.nodeFunctionId : void 0), t = n.getById(a?.functionDefinition?.id), m = a?.parameters?.nodes?.map((d) => d?.value) ?? [];
+      return Q(t, m, o, n);
+    } else if (F(e)) {
+      const a = y.getNodeById(i, e.__typename == "NodeFunctionIdWrapper" ? e.id : e.__typename === "ReferenceValue" ? e.nodeFunctionId : void 0), t = n.getById(a?.functionDefinition?.id), m = k.getById(s?.type?.id)?.json();
+      return X(e, o, n, t, a, m);
     }
-    return n.getTypeFromValue(e, s);
-  }, [n, s, r, f, i]);
-  return S.useMemo(() => {
+    return o.getTypeFromValue(e, s);
+  }, [o, s, i, y, n, A]);
+  return V.useMemo(() => {
     const e = [];
-    for (let a = 0; a < R.length; a++) {
-      const d = R[a], o = T[a], g = l?.parameters?.nodes?.find((v) => v?.parameterDefinition?.id === d.id);
-      if (!o) continue;
-      const p = d.dataTypeIdentifier, B = q(p, D), c = n.getDataType(B), $ = x(o, c), y = n.getDataType($);
-      if (!c || !y) {
-        e.push(W(g?.id, c, y));
+    for (let p = 0; p < S.length; p++) {
+      const a = S[p], t = g[p], m = T?.parameters?.nodes?.find((v) => v?.parameterDefinition?.id === a.id);
+      if (!t) continue;
+      const d = a.dataTypeIdentifier, h = J(d, D), c = o.getDataType(h), C = K(t, c), u = o.getDataType(C);
+      if (!c || !u) {
+        e.push(j(m?.id, c, u));
         continue;
       }
-      const k = !!p?.genericType || !!p?.genericKey && h.includes(p.genericKey);
-      let u = !0;
-      if (k) {
+      const P = !!d?.genericType || !!d?.genericKey && w.includes(d.genericKey);
+      let l = !0;
+      if (P) {
         const v = b(c, D);
-        if (N(o) || F(o) && c.variant !== "NODE") {
-          const A = b(y, D);
-          u = O(v, A);
+        if (F(t) || I(t) && c.variant !== "NODE") {
+          const U = b(u, D);
+          l = G(v, U);
         } else
-          u = w(o, v, n, s, B?.genericType?.genericMappers, i);
+          l = O(t, v, o, s, h?.genericType?.genericMappers, n);
       } else
-        N(o) || F(o) && c.variant !== "NODE" ? u = O(c, y) : u = w(o, c, n, s, [], i);
-      u || e.push(W(g?.id, c, y));
+        F(t) || I(t) && c.variant !== "NODE" ? l = G(c, u) : l = O(t, c, o, s, [], n);
+      l || e.push(j(m?.id, c, u));
     }
     return e.length > 0 ? e : null;
-  }, [s, l, T, m, R, h, D, x, t, r, j, I, K, n]);
+  }, [s, T, g, f, S, w, D, K, r, i, $, N, B, o]);
 };
 export {
-  ae as useNodeValidation
+  ue as useNodeValidation
 };

package/dist/components/d-project/DNamespaceProject.view.d.ts

@@ -1,4 +1,4 @@
-import { Flow, FlowConnection, Maybe, Namespace, NamespaceProject, NamespaceProjectUserAbilities, Runtime, RuntimeConnection, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, FlowConnection, Maybe, Namespace, NamespaceProject, NamespaceProjectUserAbilities, NamespaceRoleConnection, Runtime, RuntimeConnection, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceProjectView {
     /** Time when this NamespaceProject was created */
     private readonly _createdAt?;
@@ -16,8 +16,12 @@ export declare class DNamespaceProjectView {
     private readonly _namespace?;
     /** The primary runtime for the project */
     private readonly _primaryRuntime?;
+    /** Roles assigned to this project */
+    private readonly _roles?;
     /** Runtimes assigned to this project */
     private readonly _runtimes?;
+    /** Slug of the project used in URLs to identify flows */
+    private readonly _slug?;
     /** Time when this NamespaceProject was last updated */
     private readonly _updatedAt?;
     /** Abilities for the current user on this NamespaceProject */
@@ -31,7 +35,9 @@ export declare class DNamespaceProjectView {
     get name(): Maybe<Scalars["String"]["output"]> | undefined;
     get namespace(): Maybe<Namespace> | undefined;
     get primaryRuntime(): Maybe<Runtime> | undefined;
+    get roles(): Maybe<NamespaceRoleConnection> | undefined;
     get runtimes(): Maybe<RuntimeConnection> | undefined;
+    get slug(): Maybe<Scalars["String"]["output"]> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get userAbilities(): Maybe<NamespaceProjectUserAbilities> | undefined;
     json(): NamespaceProject;

package/dist/components/d-project/DNamespaceProject.view.js

@@ -17,7 +17,7 @@ function u(i, t) {
 }
 class o {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_description", void 0), e(this, "_flow", void 0), e(this, "_flows", void 0), e(this, "_id", void 0), e(this, "_name", void 0), e(this, "_namespace", void 0), e(this, "_primaryRuntime", void 0), e(this, "_runtimes", void 0), e(this, "_updatedAt", void 0), e(this, "_userAbilities", void 0), this._createdAt = t.createdAt, this._description = t.description, this._flow = t.flow, this._flows = t.flows, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._primaryRuntime = t.primaryRuntime, this._runtimes = t.runtimes, this._updatedAt = t.updatedAt, this._userAbilities = t.userAbilities;
+    e(this, "_createdAt", void 0), e(this, "_description", void 0), e(this, "_flow", void 0), e(this, "_flows", void 0), e(this, "_id", void 0), e(this, "_name", void 0), e(this, "_namespace", void 0), e(this, "_primaryRuntime", void 0), e(this, "_roles", void 0), e(this, "_runtimes", void 0), e(this, "_slug", void 0), e(this, "_updatedAt", void 0), e(this, "_userAbilities", void 0), this._createdAt = t.createdAt, this._description = t.description, this._flow = t.flow, this._flows = t.flows, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._primaryRuntime = t.primaryRuntime, this._roles = t.roles, this._runtimes = t.runtimes, this._slug = t.slug, this._updatedAt = t.updatedAt, this._userAbilities = t.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -43,9 +43,15 @@ class o {
   get primaryRuntime() {
     return this._primaryRuntime;
   }
+  get roles() {
+    return this._roles;
+  }
   get runtimes() {
     return this._runtimes;
   }
+  get slug() {
+    return this._slug;
+  }
   get updatedAt() {
     return this._updatedAt;
   }

package/dist/components/editor/Editor.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import m, { isValidElement as ce } from "react";
-import { createPortal as H } from "react-dom";
+import { createPortal as K } from "react-dom";
 import "../../utils/contextStore.js";
 import { mergeCode0Props as ue } from "../../utils/utils.js";
-import de, { Prec as J, keymap as K, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
+import de, { Prec as _, keymap as J, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
 import { json as pe, jsonParseLinter as ye } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
 import { linter as be } from "@codemirror/lint";
@@ -15,7 +15,7 @@ import { tags as b, getStyleTags as Te } from "../../node_modules/@lezer/highlig
 import { hashToColor as v } from "../d-flow/DFlow.util.js";
 import '../../assets/components/editor/Editor.styles.css';/* empty css                   */
 import { Badge as y } from "../badge/Badge.js";
-import { IconExclamationCircle as xe, IconAlertTriangle as Ae, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
+import { IconExclamationCircle as Ae, IconAlertTriangle as xe, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
 import { Text as a } from "../text/Text.js";
 import { Flex as k } from "../flex/Flex.js";
 import { Tooltip as E, TooltipTrigger as z, TooltipPortal as P, TooltipContent as j, TooltipArrow as V } from "../tooltip/Tooltip.js";
@@ -140,10 +140,10 @@ const Fe = Ce({
         } : {
           override: [w]
         }
-      })), e.push(J.highest(K.of([{
+      })), e.push(_.highest(J.of([{
         key: "Tab",
         run: Re
-      }]))), D && e.push(J.highest(K.of([{
+      }]))), D && e.push(_.highest(J.of([{
         key: "ArrowUp",
         run: (l) => (f || N(l), !0)
       }, {
@@ -165,15 +165,15 @@ const Fe = Ce({
         const l = new he(), u = Object.keys(g || {});
         return L(o.state).iterate({
           enter: (d) => {
-            const x = o.state.doc.sliceString(d.from, d.to);
-            if (x.includes(`
+            const A = o.state.doc.sliceString(d.from, d.to);
+            if (A.includes(`
 `)) return;
-            const q = h?.(x), ae = Te(d)?.tags.map((A) => "name" in A ? A.name : void 0), _ = u.find((A) => ae?.includes(A));
-            _ && !q ? l.add(d.from, d.to, F.replace({
-              widget: new X(_, x),
+            const q = h?.(A), ae = Te(d)?.tags.map((x) => "name" in x ? x.name : void 0), H = u.find((x) => ae?.includes(x));
+            H && !q ? l.add(d.from, d.to, F.replace({
+              widget: new X(H, A),
               point: !0
             })) : q && l.add(d.from, d.to, F.replace({
-              widget: new X(q, x),
+              widget: new X(q, A),
               point: !0
             }));
           }
@@ -237,7 +237,7 @@ const Fe = Ce({
     }, align: "center", children: [
       c.filter((e) => e.severity == "error").length > 0 ? /* @__PURE__ */ s(E, { children: [
         /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "red", children: [
-          /* @__PURE__ */ t(xe, { size: 13 }),
+          /* @__PURE__ */ t(Ae, { size: 13 }),
           /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "error").length })
         ] }) }),
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
@@ -247,7 +247,7 @@ const Fe = Ce({
       ] }) : null,
       c.filter((e) => e.severity == "warning").length > 0 ? /* @__PURE__ */ s(E, { children: [
         /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "orange", children: [
-          /* @__PURE__ */ t(Ae, { size: 13 }),
+          /* @__PURE__ */ t(xe, { size: 13 }),
           /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "warning").length })
         ] }) }),
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
@@ -316,13 +316,13 @@ const Fe = Ce({
       }, onUpdate: M, basicSetup: ee }),
       g && Array.from(oe.entries()).map(([e, n]) => {
         const o = g[n.type];
-        return o ? H(/* @__PURE__ */ t("div", { style: {
+        return o ? K(/* @__PURE__ */ t("div", { style: {
           display: "contents"
         }, children: o({
           content: n.value
         }) }, e.outerHTML + n.value), e) : null;
       }),
-      f && H(/* @__PURE__ */ t("div", { ref: B, style: {
+      f && K(/* @__PURE__ */ t("div", { ref: B, style: {
         position: "fixed",
         top: f.position.top,
         left: f.position.left,

package/dist/components/form/InputSuggestion.js

@@ -4,50 +4,50 @@ import { MenuItem as L, MenuContent as F, MenuLabel as k } from "../menu/Menu.js
 import i from "react";
 import { ScrollArea as N, ScrollAreaViewport as O, ScrollAreaScrollbar as T, ScrollAreaThumb as j } from "../scroll-area/ScrollArea.js";
 import { IconChevronDown as $, IconChevronUp as z } from "@tabler/icons-react";
-const D = i.memo((u) => {
+const D = i.memo((l) => {
   const e = x.c(17), {
     suggestion: n,
-    visibleIndex: l,
+    visibleIndex: u,
     isActive: p,
     inputRef: d,
     onSelect: v,
     onActivate: c,
     itemRef: f
-  } = u;
-  if (l === null)
+  } = l;
+  if (u === null)
     return null;
   let m;
-  if (e[0] !== d || e[1] !== c || e[2] !== l) {
+  if (e[0] !== d || e[1] !== c || e[2] !== u) {
     const b = () => {
-      c(l), d?.current?.focus({
+      c(u), d?.current?.focus({
         preventScroll: !0
       });
     };
     m = (M) => {
       M.preventDefault(), b();
-    }, e[0] = d, e[1] = c, e[2] = l, e[3] = m;
+    }, e[0] = d, e[1] = c, e[2] = u, e[3] = m;
   } else
     m = e[3];
   const g = m;
   let a;
-  e[4] !== c || e[5] !== l ? (a = (b) => {
-    b.preventDefault(), b.stopPropagation(), c(l);
-  }, e[4] = c, e[5] = l, e[6] = a) : a = e[6];
+  e[4] !== c || e[5] !== u ? (a = (b) => {
+    b.preventDefault(), b.stopPropagation(), c(u);
+  }, e[4] = c, e[5] = u, e[6] = a) : a = e[6];
   const y = a;
   let C;
   e[7] !== v || e[8] !== n ? (C = () => setTimeout(() => v(n), 0), e[7] = v, e[8] = n, e[9] = C) : C = e[9];
   let o;
   return e[10] !== g || e[11] !== y || e[12] !== p || e[13] !== f || e[14] !== n.children || e[15] !== C ? (o = /* @__PURE__ */ I(L, { textValue: "", onPointerDown: g, onPointerMove: y, onSelect: C, "data-focus": p, ref: f, children: n.children }), e[10] = g, e[11] = y, e[12] = p, e[13] = f, e[14] = n.children, e[15] = C, e[16] = o) : o = e[16], o;
-}, (u, e) => u.suggestion === e.suggestion && u.visibleIndex === e.visibleIndex && u.isActive === e.isActive && u.inputRef === e.inputRef && u.onSelect === e.onSelect && u.onActivate === e.onActivate && u.itemRef === e.itemRef);
+}, (l, e) => l.suggestion === e.suggestion && l.visibleIndex === e.visibleIndex && l.isActive === e.isActive && l.inputRef === e.inputRef && l.onSelect === e.onSelect && l.onActivate === e.onActivate && l.itemRef === e.itemRef);
 D.displayName = "SuggestionMenuItem";
-const P = i.forwardRef((u, e) => {
+const P = i.forwardRef((l, e) => {
   const n = x.c(12);
-  let l, p, d;
-  n[0] !== u ? ({
-    children: l,
+  let u, p, d;
+  n[0] !== l ? ({
+    children: u,
     inputRef: p,
     ...d
-  } = u, n[0] = u, n[1] = l, n[2] = p, n[3] = d) : (l = n[1], p = n[2], d = n[3]);
+  } = l, n[0] = l, n[1] = u, n[2] = p, n[3] = d) : (u = n[1], p = n[2], d = n[3]);
   const v = i.useRef(null);
   let c, f;
   n[4] !== p ? (c = (g) => {
@@ -58,17 +58,17 @@ const P = i.forwardRef((u, e) => {
     preventScroll: !0
   }), n[4] = p, n[5] = c, n[6] = f) : (c = n[5], f = n[6]);
   let m;
-  return n[7] !== l || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, forceMount: !0, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: l }), n[7] = l, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
+  return n[7] !== u || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: u }), n[7] = u, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
 });
 P.displayName = "InputSuggestionMenuContent";
-const Z = i.memo(P), V = i.forwardRef((u, e) => {
+const Z = i.memo(P), V = i.forwardRef((l, e) => {
   const {
     suggestions: n,
-    onSuggestionSelect: l = () => {
+    onSuggestionSelect: u = () => {
     },
     inputRef: p,
     ...d
-  } = u, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
+  } = l, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
     const s = g.current;
     if (!(!r?.force && s === t) && (s !== null && v.current[s]?.removeAttribute("data-focus"), g.current = t, t !== null)) {
       const h = v.current[t];
@@ -155,10 +155,10 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
       const t = g.current;
       if (t === null || !o[t]) return;
       const r = o[t];
-      return setTimeout(() => l(r), 0), r;
+      return setTimeout(() => u(r), 0), r;
     },
     clearActiveItem: () => a(null)
-  }), [l, a, o]);
+  }), [u, a, o]);
   const b = (t) => {
     m((r) => ({
       ...r,
@@ -191,7 +191,7 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
             visibleIndex: S,
             isActive: w,
             inputRef: p,
-            onSelect: l,
+            onSelect: u,
             onActivate: a,
             itemRef: S !== null ? M(S) : void 0
           }
@@ -203,14 +203,14 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
 });
 V.displayName = "InputSuggestionMenuContentItems";
 const _ = i.memo(V);
-function H(u) {
-  return u.stopPropagation();
+function H(l) {
+  return l.stopPropagation();
 }
-function U(u) {
-  return u.target instanceof HTMLInputElement && u.preventDefault();
+function U(l) {
+  return l.target instanceof HTMLInputElement && l.preventDefault();
 }
-function q(u) {
-  return u.preventDefault();
+function q(l) {
+  return l.preventDefault();
 }
 export {
   Z as InputSuggestionMenuContent,

package/dist/components/form/useForm.d.ts

@@ -8,9 +8,9 @@ export interface FormValidationProps<Values> {
     onSubmit?: (values: Values) => void;
 }
 export interface ValidationProps<Value> {
-    initialValue?: Value | null;
-    defaultValue?: Value | null;
-    value?: Value | null;
+    initialValue?: Value | undefined;
+    defaultValue?: Value | undefined;
+    value?: Value | undefined;
     required?: boolean;
     formValidation?: {
         setValue: (value: any) => void;

package/dist/components/form/useForm.js

@@ -10,15 +10,15 @@ function S(r, t) {
   if (typeof r != "object" || !r) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
-    var n = e.call(r, t);
-    if (typeof n != "object") return n;
+    var i = e.call(r, t);
+    if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(r);
 }
 class f {
-  constructor(t, e, n) {
-    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = n;
+  constructor(t, e, i) {
+    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = i;
   }
   isValid() {
     if (!this.currentValidations) return !0;
@@ -30,14 +30,14 @@ class f {
     return !0;
   }
   getInputProps(t) {
-    const e = this.currentValues[t], n = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (i) => null)(e, this.currentValues);
+    const e = this.currentValues[t], i = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (n) => null)(e, this.currentValues);
     return {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
-      defaultValue: n,
-      initialValue: n,
+      defaultValue: i,
+      initialValue: i || void 0,
       formValidation: {
-        setValue: (i) => {
-          this.changeValue(u, i);
+        setValue: (n) => {
+          this.changeValue(u, n);
         },
         notValidMessage: a,
         valid: a === null
@@ -52,11 +52,11 @@ const _ = (r) => {
   const {
     initialValues: t,
     validate: e = {},
-    truthyValidationBeforeSubmit: n = !0,
+    truthyValidationBeforeSubmit: i = !0,
     onSubmit: u
-  } = r, [o, a] = b(t), i = p(t);
+  } = r, [o, a] = b(t), n = p(t);
   y(() => {
-    a(t), i.current = t;
+    a(t), n.current = t;
   }, [t]);
   const s = d((l, m) => {
     a((g) => {
@@ -64,12 +64,12 @@ const _ = (r) => {
         ...g,
         [l]: m
       };
-      return i.current = V, V;
+      return n.current = V, V;
     });
   }, []), h = P(() => new f(s, o, e), [s, o, e]), v = d(() => {
-    const l = new f(s, i.current, e);
-    u && (!n || l.isValid()) && u(i.current);
-  }, [s, e, u, n]);
+    const l = new f(s, n.current, e);
+    u && (!i || l.isValid()) && u(n.current);
+  }, [s, e, u, i]);
   return [h, v];
 };
 export {