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

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

@@ -43,24 +43,24 @@ const Z = (D) => {
     i,
     l
   ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
-  let m;
-  e[15] !== r.email ? (m = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = m) : m = e[16];
   let n;
-  e[17] !== s || e[18] !== m ? (n = /* @__PURE__ */ p(u, { style: g, children: [
+  e[15] !== r.email ? (n = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = n) : n = e[16];
+  let m;
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(u, { style: g, children: [
     s,
-    m
-  ] }), e[17] = s, e[18] = m, e[19] = n) : n = e[19];
+    n
+  ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
   let o;
-  e[20] !== n || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
+  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
     t,
-    n
-  ] }), e[20] = n, e[21] = t, e[22] = o) : o = e[22];
+    m
+  ] }), e[20] = m, e[21] = t, e[22] = o) : o = e[22];
   let S;
   e[23] === Symbol.for("react.memo_cache_sentinel") ? (S = {
     gap: "1.3rem"
   }, e[23] = S) : S = e[23];
   let c;
-  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { color: "primary", children: [
+  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { border: !0, children: [
     /* @__PURE__ */ d(M, { size: 16 }),
     /* @__PURE__ */ d(R, { size: "xs", hierarchy: "tertiary", children: "Email verified" })
   ] }) : null, e[24] = r.emailVerifiedAt, e[25] = c) : c = e[25];

package/dist/components/form/CheckboxInput.js

@@ -1,67 +1,76 @@
-import { jsx as r, jsxs as v, Fragment as N } from "react/jsx-runtime";
-import { c as R } from "../../_virtual/compiler-runtime.js";
-import $ from "react";
-import { Checkbox as D, CheckboxIndicator as E } from "@radix-ui/react-checkbox";
+import { jsx as n, jsxs as j, Fragment as S } from "react/jsx-runtime";
+import { c as $ } from "../../_virtual/compiler-runtime.js";
+import z from "react";
+import { Checkbox as y, CheckboxIndicator as D } from "@radix-ui/react-checkbox";
 import { InputLabel as F } from "./InputLabel.js";
 import { InputDescription as L } from "./InputDescription.js";
-import { mergeCode0Props as j } from "../../utils/utils.js";
+import { mergeCode0Props as E } from "../../utils/utils.js";
 import { InputMessage as P } from "./InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
-import { IconMinus as S, IconCheck as T } from "@tabler/icons-react";
-const U = (l) => {
-  const e = R.c(40), [i, z] = $.useState(l.initialValue ?? "indeterminate");
-  let a, t, s, d, n, o, c;
-  if (e[0] !== i || e[1] !== l) {
-    const {
-      title: g,
-      description: x,
-      formValidation: M,
-      ...V
-    } = l;
-    t = M === void 0 ? {
-      valid: !0,
-      notValidMessage: null,
-      setValue: q
-    } : M, e[9] !== g ? (o = g ? /* @__PURE__ */ r(F, { children: g }) : null, e[9] = g, e[10] = o) : o = e[10], e[11] !== x ? (c = x ? /* @__PURE__ */ r(L, { children: x }) : null, e[11] = x, e[12] = c) : c = e[12];
-    const I = `input ${t?.valid ? "" : "input--not-valid"} checkbox-input`;
-    e[13] !== I ? (n = j(I, {}), e[13] = I, e[14] = n) : n = e[14], a = D, s = i, d = j("checkbox-input__button", {
-      ...V,
-      onCheckedChange: (_) => {
-        V.onCheckedChange && V.onCheckedChange(_), z(_), t.setValue(_);
-      }
-    }), e[0] = i, e[1] = l, e[2] = a, e[3] = t, e[4] = s, e[5] = d, e[6] = n, e[7] = o, e[8] = c;
-  } else
-    a = e[2], t = e[3], s = e[4], d = e[5], n = e[6], o = e[7], c = e[8];
+import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
+const Y = (l) => {
+  const e = $.c(40), {
+    title: b,
+    description: _,
+    formValidation: k,
+    ...N
+  } = l;
+  let x;
+  e[0] !== k ? (x = k === void 0 ? {
+    valid: !0,
+    notValidMessage: null,
+    setValue: w
+  } : k, e[0] = k, e[1] = x) : x = e[1];
+  const i = x, [t, R] = z.useState(l.initialValue ?? "indeterminate");
+  let g;
+  e[2] !== t || e[3] !== i ? (g = () => {
+    i.setValue(t);
+  }, e[2] = t, e[3] = i, e[4] = g) : g = e[4];
+  let v;
+  e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
+  let o;
+  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
+  let c;
+  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
+  let s;
+  e[11] !== V ? (s = E(V, {}), e[11] = V, e[12] = s) : s = e[12];
+  let r;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (r = () => R(A), e[13] = r) : r = e[13];
+  const I = y, M = E("checkbox-input__button", N);
+  let a;
+  e[14] !== t ? (a = t === "indeterminate" && /* @__PURE__ */ n(T, { size: 16 }), e[14] = t, e[15] = a) : a = e[15];
   let m;
-  e[15] !== i ? (m = i === "indeterminate" && /* @__PURE__ */ r(S, { size: 10 }), e[15] = i, e[16] = m) : m = e[16];
+  e[16] !== t ? (m = t === !0 && /* @__PURE__ */ n(q, { size: 16 }), e[16] = t, e[17] = m) : m = e[17];
   let f;
-  e[17] !== i ? (f = i === !0 && /* @__PURE__ */ r(T, { size: 10 }), e[17] = i, e[18] = f) : f = e[18];
-  let h;
-  e[19] !== m || e[20] !== f ? (h = /* @__PURE__ */ v(E, { className: "checkbox-input__indicator", children: [
-    m,
-    f
-  ] }), e[19] = m, e[20] = f, e[21] = h) : h = e[21];
+  e[18] !== a || e[19] !== m ? (f = /* @__PURE__ */ j(D, { className: "checkbox-input__indicator", children: [
+    a,
+    m
+  ] }), e[18] = a, e[19] = m, e[20] = f) : f = e[20];
   let u;
-  e[22] !== a || e[23] !== s || e[24] !== d || e[25] !== h ? (u = /* @__PURE__ */ r(a, { defaultChecked: s, ...d, children: h }), e[22] = a, e[23] = s, e[24] = d, e[25] = h, e[26] = u) : u = e[26];
-  let p;
-  e[27] !== l.label ? (p = /* @__PURE__ */ r("div", { className: "input__right input__right--action}", children: l.label }), e[27] = l.label, e[28] = p) : p = e[28];
-  let k;
-  e[29] !== n || e[30] !== u || e[31] !== p ? (k = /* @__PURE__ */ v("div", { ...n, children: [
+  e[21] !== I || e[22] !== t || e[23] !== f || e[24] !== M ? (u = /* @__PURE__ */ n(I, { checked: t, defaultChecked: t, ...M, children: f }), e[21] = I, e[22] = t, e[23] = f, e[24] = M, e[25] = u) : u = e[25];
+  let d;
+  e[26] !== l.label ? (d = /* @__PURE__ */ n("div", { className: "input__right input__right--action}", children: l.label }), e[26] = l.label, e[27] = d) : d = e[27];
+  let h;
+  e[28] !== u || e[29] !== d || e[30] !== s || e[31] !== r ? (h = /* @__PURE__ */ j("div", { ...s, onClick: r, children: [
     u,
-    p
-  ] }), e[29] = n, e[30] = u, e[31] = p, e[32] = k) : k = e[32];
+    d
+  ] }), e[28] = u, e[29] = d, e[30] = s, e[31] = r, e[32] = h) : h = e[32];
+  let p;
+  e[33] !== i ? (p = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ n(P, { children: i.notValidMessage }) : null, e[33] = i, e[34] = p) : p = e[34];
   let C;
-  e[33] !== t ? (C = !t?.valid && t?.notValidMessage ? /* @__PURE__ */ r(P, { children: t.notValidMessage }) : null, e[33] = t, e[34] = C) : C = e[34];
-  let b;
-  return e[35] !== k || e[36] !== C || e[37] !== o || e[38] !== c ? (b = /* @__PURE__ */ v(N, { children: [
+  return e[35] !== h || e[36] !== p || e[37] !== o || e[38] !== c ? (C = /* @__PURE__ */ j(S, { children: [
     o,
     c,
-    k,
-    C
-  ] }), e[35] = k, e[36] = C, e[37] = o, e[38] = c, e[39] = b) : b = e[39], b;
+    h,
+    p
+  ] }), e[35] = h, e[36] = p, e[37] = o, e[38] = c, e[39] = C) : C = e[39], C;
 };
-function q(l) {
+function w(l) {
+}
+function A(l) {
+  return !l;
 }
 export {
-  U as CheckboxInput
+  Y as CheckboxInput
 };

package/dist/components/form/useForm.js

@@ -35,6 +35,7 @@ class _ {
     return {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
       defaultValue: r,
+      initialValue: r,
       formValidation: {
         setValue: (n) => {
           this.changeValue(s, n);
@@ -76,15 +77,15 @@ const I = (i) => {
   let d;
   t[6] !== m || t[7] !== a || t[8] !== n ? (d = new _(P, n, a, m), t[6] = m, t[7] = a, t[8] = n, t[9] = d) : d = t[9];
   const v = d;
-  let f;
-  t[10] !== s || t[11] !== a || t[12] !== n ? (f = () => {
+  let V;
+  t[10] !== s || t[11] !== a || t[12] !== n ? (V = () => {
     y(!0);
     const g = new _(P, n, a, !1);
     s && g.isValid() && s(n);
-  }, t[10] = s, t[11] = a, t[12] = n, t[13] = f) : f = t[13];
-  const p = f;
-  let V;
-  return t[14] !== p || t[15] !== v ? (V = [v, p], t[14] = p, t[15] = v, t[16] = V) : V = t[16], V;
+  }, t[10] = s, t[11] = a, t[12] = n, t[13] = V) : V = t[13];
+  const p = V;
+  let f;
+  return t[14] !== p || t[15] !== v ? (f = [v, p], t[14] = p, t[15] = v, t[16] = f) : f = t[16], f;
 };
 export {
   I as useForm

package/dist/index.js

@@ -65,15 +65,15 @@ import { DNamespaceProjectReactiveService as tr } from "./components/d-project/D
 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 { DRuntimeReactiveService as lr } from "./components/d-runtime/DRuntime.service.js";
+import { DRuntimeView as sr } from "./components/d-runtime/DRuntime.view.js";
+import { DRuntimeCard as Dr } from "./components/d-runtime/DRuntimeCard.js";
+import { DRuntimeList as Sr } from "./components/d-runtime/DRuntimeList.js";
+import { DResizableHandle as wr, DResizablePanel as vr, DResizablePanelGroup as Cr } from "./components/d-resizable/DResizable.js";
+import { DNamespaceRoleReactiveService as Rr } from "./components/d-role/DNamespaceRole.service.js";
+import { DNamespaceRoleView as Tr } from "./components/d-role/DNamespaceRole.view.js";
+import { DNamespaceRoleList as Nr } from "./components/d-role/DNamespaceRoleList.js";
+import { DNamespaceRoleCard as Pr } from "./components/d-role/DNamespaceRoleCard.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";
@@ -148,21 +148,21 @@ export {
   tr as DNamespaceProjectReactiveService,
   ir as DNamespaceProjectView,
   He as DNamespaceReactiveService,
-  Cr as DNamespaceRoleCard,
-  wr as DNamespaceRoleList,
-  Dr as DNamespaceRoleReactiveService,
-  Sr as DNamespaceRoleView,
+  Pr as DNamespaceRoleCard,
+  Nr as DNamespaceRoleList,
+  Rr as DNamespaceRoleReactiveService,
+  Tr 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,
+  wr as DResizableHandle,
+  vr as DResizablePanel,
+  Cr as DResizablePanelGroup,
+  Dr as DRuntimeCard,
+  Sr as DRuntimeList,
+  lr as DRuntimeReactiveService,
+  sr as DRuntimeView,
   Qo as DUserCard,
   Xo as DUserInput,
   Jo as DUserList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.24",
+  "version": "0.0.0-mvp.26",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -51,7 +51,7 @@
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
-    "@xyflow/react": "^12.9.3",
+    "@xyflow/react": "^12.10.0",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^10.0.0",
     "babel-plugin-react-compiler": "^19.1.0-rc.3",