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

package/dist/assets/components/form/Input.style.css

@@ -1 +1 @@
-.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;padding:.7rem;flex:1;width:100%;box-shadow:none;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;box-shadow:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#353343;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;box-shadow:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:17px;height:17px;display:flex;align-items:center;justify-content:center}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button{border-radius:1rem}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;box-shadow:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}
+.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;padding:.7rem;flex:1;width:100%;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;border:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#353343;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;border:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;cursor:pointer}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button[data-state=checked]{background:#193334;outline:none}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;border:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}

package/dist/components/d-member/DNamespaceMember.service.js

@@ -2,16 +2,16 @@ import "../../utils/contextStore.js";
 import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class m extends t {
-  getById(e, i) {
-    return this.values(i).find((r) => r.id === e);
+class n extends t {
+  getById(i, r) {
+    return this.values(r).find((e) => e && e.id === i);
   }
-  getByNamespaceIdAndUserId(e, i) {
+  getByNamespaceIdAndUserId(i, r) {
     return this.values({
-      namespaceId: e
-    }).find((r) => r.namespace?.id === e && r.user?.id === i);
+      namespaceId: i
+    }).find((e) => e.namespace?.id === i && e.user?.id === r);
   }
 }
 export {
-  m as DNamespaceMemberReactiveService
+  n as DNamespaceMemberReactiveService
 };

package/dist/components/d-namespace/DNamespace.service.js

@@ -3,8 +3,8 @@ import "react";
 import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 class p extends i {
-  getById(e) {
-    return this.values().find((r) => r.id === e);
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
 }
 export {

package/dist/components/d-organization/DOrganization.service.js

@@ -1,12 +1,12 @@
 import "../../utils/contextStore.js";
 import "react";
-import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class n extends r {
-  getById(e) {
-    return this.values().find((i) => i.id === e);
+class p extends i {
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
 }
 export {
-  n as DOrganizationReactiveService
+  p as DOrganizationReactiveService
 };

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

@@ -1,12 +1,12 @@
 import "../../utils/contextStore.js";
 import "react";
-import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class s extends i {
-  getById(e, r) {
-    return this.values(r).find((t) => t.id === e);
+class p extends t {
+  getById(r, i) {
+    return this.values(i).find((e) => e && e.id === r);
   }
 }
 export {
-  s as DNamespaceProjectReactiveService
+  p as DNamespaceProjectReactiveService
 };

package/dist/components/d-project/DNamespaceProjectContent.d.ts

@@ -5,5 +5,6 @@ import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectContentProps extends Code0Component<HTMLDivElement> {
     projectId: NamespaceProject["id"];
     onSetting?: (project: DNamespaceProjectView) => void;
+    minimized?: boolean;
 }
 export declare const DNamespaceProjectContent: React.FC<DNamespaceProjectContentProps>;

package/dist/components/d-project/DNamespaceProjectContent.js

@@ -1,61 +1,68 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useService as a } from "../../utils/contextStore.js";
-import l from "react";
+import p from "react";
 import "merge-props";
 import { Flex as t } from "../flex/Flex.js";
-import { DNamespaceProjectReactiveService as g } from "./DNamespaceProject.service.js";
-import { Avatar as h } from "../avatar/Avatar.js";
-import { Text as o } from "../text/Text.js";
+import { DNamespaceProjectReactiveService as y } from "./DNamespaceProject.service.js";
+import { Avatar as g } from "../avatar/Avatar.js";
+import { Text as n } from "../text/Text.js";
 import { Badge as c } from "../badge/Badge.js";
-import { IconGitFork as f, IconServer as j, IconServerSpark as v, IconSettings as x } from "@tabler/icons-react";
-import { DRuntimeReactiveService as S } from "../d-runtime/DRuntime.service.js";
+import { IconGitFork as x, IconServer as v, IconServerSpark as z, IconEdit as j } from "@tabler/icons-react";
+import { DRuntimeReactiveService as b } from "../d-runtime/DRuntime.service.js";
 import "../../_virtual/compiler-runtime.js";
 import '../../assets/components/card/Card.style.css';/* empty css                      */
-import { Button as z } from "../button/Button.js";
-const T = (p) => {
+import { Button as S } from "../button/Button.js";
+const T = (d) => {
   const {
-    projectId: n,
-    onSetting: d = () => {
-    }
-  } = p, s = a(g), u = a(S), e = l.useMemo(() => s.getById(n), [s, n]), m = l.useMemo(() => e ? u.getById(e.primaryRuntime?.id) : null, [e]);
+    projectId: s,
+    onSetting: u = () => {
+    },
+    minimized: o = !1
+  } = d, l = a(y), h = o ? null : a(b), r = p.useMemo(() => l.getById(s), [l, s]), m = o ? null : p.useMemo(() => r ? h.getById(r.primaryRuntime?.id) : null, [r]);
   return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
     /* @__PURE__ */ i(t, { align: "center", style: {
-      gap: "1.3rem"
+      gap: "0.7rem"
     }, children: [
-      /* @__PURE__ */ r(h, { bg: "transparent", identifier: e?.name ?? "" }),
+      /* @__PURE__ */ e(g, { bg: "transparent", identifier: r?.name ?? "" }),
       /* @__PURE__ */ i(t, { style: {
         flexDirection: "column",
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ r(o, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
-        /* @__PURE__ */ r(o, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
+        /* @__PURE__ */ e(n, { size: o ? "xs" : "md", hierarchy: "secondary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(n, { size: o ? "xs" : "sm", hierarchy: "tertiary", display: "block", children: r?.description })
       ] })
     ] }),
-    /* @__PURE__ */ i(t, { align: "center", style: {
+    o ? null : /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ i(t, { align: "center", style: {
-        gap: "0.35rem",
-        flexWrap: "wrap"
+      /* @__PURE__ */ i(t, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(f, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: e?.flows?.count ?? 0 })
-        ] }),
-        /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(j, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: e?.runtimes?.count ?? 0 })
-        ] }),
-        m && /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(v, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: m.name })
+        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: "Usage" }),
+        /* @__PURE__ */ i(t, { align: "center", style: {
+          gap: "0.35rem",
+          flexWrap: "wrap"
+        }, children: [
+          /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(x, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: r?.flows?.count ?? 0 })
+          ] }),
+          /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(v, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: r?.runtimes?.count ?? 0 })
+          ] }),
+          m && /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(z, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: m.name })
+          ] })
         ] })
       ] }),
-      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(z, { color: "secondary", onClick: (y) => {
-        y.stopPropagation(), d(e);
-      }, children: /* @__PURE__ */ r(x, { size: 16 }) }) : null
+      r?.userAbilities?.deleteNamespaceProject || r?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ e(S, { color: "secondary", variant: "filled", onClick: (f) => {
+        f.stopPropagation(), u(r);
+      }, children: /* @__PURE__ */ e(j, { size: 16 }) }) : null
     ] })
   ] });
 };

package/dist/components/d-project/DNamespaceProjectMenu.d.ts

@@ -1,9 +1,13 @@
 import { default as React } from 'react';
 import { MenuProps } from '../menu/Menu';
-import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectMenuProps extends MenuProps {
-    projectId: Scalars['NamespaceProjectID']['output'];
-    onProjectSelect: (id: Scalars['NamespaceProjectID']['output']) => void;
+    onProjectSelect: (project: DNamespaceProjectView) => void;
+    namespaceId: Namespace["id"];
+    filter?: (project: DNamespaceProjectView, index: number) => boolean;
+    projectId?: Scalars['NamespaceProjectID']['output'];
+    children?: React.ReactNode;
 }
 declare const DNamespaceProjectMenu: React.FC<DNamespaceProjectMenuProps>;
 export default DNamespaceProjectMenu;

package/dist/components/d-project/DNamespaceProjectMenu.js

@@ -1,18 +1,28 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e, Fragment as M } from "react/jsx-runtime";
 import s from "react";
-import { Menu as u, MenuTrigger as d, MenuPortal as l, MenuContent as f, MenuItem as p } from "../menu/Menu.js";
-import { DNamespaceProjectReactiveService as o } from "./DNamespaceProject.service.js";
-import { useService as c } from "../../utils/contextStore.js";
-import { Button as h } from "../button/Button.js";
-const x = (t) => {
-  const n = c(o), i = c(o), a = n.getById(t.projectId);
-  return s.useMemo(() => /* @__PURE__ */ m(u, { ...t, children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "none", style: {
-      background: "transparent"
-    }, children: a?.name }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 0, children: n.values().map((r) => /* @__PURE__ */ e(p, { onSelect: () => t.onProjectSelect(r.id), children: r.name }, r.id)) }) })
+import { Menu as S, MenuTrigger as g, MenuPortal as v, MenuContent as x, MenuItem as P, MenuSeparator as I } from "../menu/Menu.js";
+import { DNamespaceProjectReactiveService as d } from "./DNamespaceProject.service.js";
+import { useService as u } from "../../utils/contextStore.js";
+import { Button as C } from "../button/Button.js";
+import { DNamespaceProjectContent as D } from "./DNamespaceProjectContent.js";
+const F = (t) => {
+  const {
+    onProjectSelect: l,
+    namespaceId: n,
+    filter: p = () => !0,
+    projectId: f,
+    children: o
+  } = t, c = u(d), i = u(d), h = c.getById(f), m = s.useMemo(() => c.values({
+    namespaceId: n
+  }).filter(p), [i, n]);
+  return s.useMemo(() => /* @__PURE__ */ a(S, { ...t, children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: o || /* @__PURE__ */ e(C, { variant: "none", paddingSize: "xxs", children: h?.name }) }),
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(x, { side: "bottom", align: "center", sideOffset: 8, maw: "200px", children: m.map((r, j) => /* @__PURE__ */ a(M, { children: [
+      /* @__PURE__ */ e(P, { onSelect: () => l(r), children: /* @__PURE__ */ e(D, { minimized: !0, projectId: r.id }) }, r.id),
+      j < m.length - 1 && /* @__PURE__ */ e(I, {})
+    ] })) }) })
   ] }), [i]);
 };
 export {
-  x as default
+  F as default
 };

package/dist/components/d-project/index.js

@@ -1,18 +1,25 @@
-import { DNamespaceProjectReactiveService as f } from "./DNamespaceProject.service.js";
-import { DNamespaceProjectView as x } from "./DNamespaceProject.view.js";
-import { DNamespaceProjectCard as N } from "./DNamespaceProjectCard.js";
-import { DNamespaceProjectList as v } from "./DNamespaceProjectList.js";
+import { DNamespaceProjectReactiveService as d } from "./DNamespaceProject.service.js";
+import { DNamespaceProjectView as C } from "./DNamespaceProject.view.js";
+import { DNamespaceProjectCard as R } from "./DNamespaceProjectCard.js";
+import { DNamespaceProjectList as V } from "./DNamespaceProjectList.js";
 import "react/jsx-runtime";
 import "react";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/menu/Menu.style.css';/* empty css                      */
+import '../../assets/components/card/Card.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "merge-props";
 import "@radix-ui/react-dropdown-menu";
 import "../../utils/contextStore.js";
 import "../button/Button.js";
+/* empty css                      */
+import "js-md5";
+/* empty css                          */
+/* empty css                      */
+/* empty css                        */
+import "@tabler/icons-react";
+/* empty css                      */
 export {
-  N as DNamespaceProjectCard,
-  v as DNamespaceProjectList,
-  f as DNamespaceProjectReactiveService,
-  x as DNamespaceProjectView
+  R as DNamespaceProjectCard,
+  V as DNamespaceProjectList,
+  d as DNamespaceProjectReactiveService,
+  C as DNamespaceProjectView
 };

package/dist/components/d-role/DNamespaceRole.service.js

@@ -3,8 +3,8 @@ import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 class s extends t {
-  getById(e, r) {
-    return this.values(r).find((i) => i.id === e);
+  getById(i, r) {
+    return this.values(r).find((e) => e && e.id === i);
   }
 }
 export {

package/dist/components/d-role/DNamespaceRole.view.js

@@ -51,7 +51,8 @@ class u {
       id: this._id,
       name: this._name,
       namespace: this._namespace,
-      updatedAt: this._updatedAt
+      updatedAt: this._updatedAt,
+      userAbilities: this._userAbilities
     };
   }
 }

package/dist/components/d-role/DNamespaceRoleContent.js

@@ -1,21 +1,21 @@
 import { jsxs as r, jsx as e, Fragment as y } from "react/jsx-runtime";
 import g from "react";
 import { Flex as o } from "../flex/Flex.js";
-import { useService as a, useStore as d } from "../../utils/contextStore.js";
+import { useService as a, useStore as m } from "../../utils/contextStore.js";
 import "merge-props";
 import { DNamespaceRoleReactiveService as x } from "./DNamespaceRole.service.js";
 import { Text as n } from "../text/Text.js";
 import { Button as u } from "../button/Button.js";
 import { IconFolders as G, IconUsers as H, IconSettings as J } from "@tabler/icons-react";
 import { DNamespaceRolePermissions as K } from "./DNamespaceRolePermissions.js";
-import { DNamespaceMemberReactiveService as b } from "../d-member/DNamespaceMember.service.js";
+import { DNamespaceMemberReactiveService as f } from "../d-member/DNamespaceMember.service.js";
 import "../../_virtual/compiler-runtime.js";
-import { Card as f } from "../card/Card.js";
+import { Card as b } from "../card/Card.js";
 import { DUserReactiveService as v } from "../d-user/DUser.service.js";
 import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 import { Avatar as S } from "../avatar/Avatar.js";
-import { Badge as m } from "../badge/Badge.js";
+import { Badge as d } from "../badge/Badge.js";
 import p from "../card/CardSection.js";
 import "@radix-ui/react-checkbox";
 /* empty css                       */
@@ -29,20 +29,20 @@ import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
 import { Spacing as z } from "../spacing/Spacing.js";
-import { Tooltip as R, TooltipTrigger as A, TooltipPortal as j, TooltipContent as C, TooltipArrow as D } from "../tooltip/Tooltip.js";
+import { Tooltip as R, TooltipTrigger as A, TooltipPortal as j, TooltipContent as D, TooltipArrow as C } from "../tooltip/Tooltip.js";
 import "@radix-ui/react-dialog";
 /* empty css                          */
-import { DNamespaceProjectReactiveService as w } from "../d-project/DNamespaceProject.service.js";
-const De = (I) => {
+import { DNamespaceProjectReactiveService as P } from "../d-project/DNamespaceProject.service.js";
+const Ce = (w) => {
   const {
     roleId: h,
-    onSetting: M = () => {
+    onSetting: I = () => {
     },
-    onMembersViewMore: P = () => {
+    onMembersViewMore: M = () => {
     },
     onProjectsViewMore: N = () => {
     }
-  } = I, T = a(x), k = d(x), B = a(w), V = d(w), F = a(b), U = d(b), W = a(v), E = d(v), i = g.useMemo(() => T.getById(h), [k, h]), s = g.useMemo(() => B.values({
+  } = w, T = a(x), k = m(x), B = a(P), V = m(P), F = a(f), U = m(f), W = a(v), E = m(v), i = g.useMemo(() => T.getById(h), [k, h]), s = g.useMemo(() => B.values({
     namespaceId: i?.namespace?.id
   }).filter((t) => i?.assignedProjects?.nodes?.map((l) => l?.id).includes(t.id)), [V, i]), c = g.useMemo(() => F.values({
     namespaceId: i?.namespace?.id
@@ -54,7 +54,13 @@ const De = (I) => {
       gap: "1.3rem"
     }, children: [
       /* @__PURE__ */ e(n, { size: "lg", hierarchy: "primary", display: "block", children: i?.name }),
-      /* @__PURE__ */ e(K, { abilities: i?.abilities })
+      /* @__PURE__ */ r(o, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: [
+        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: "Permissions" }),
+        /* @__PURE__ */ e(K, { abilities: i?.abilities })
+      ] })
     ] }),
     /* @__PURE__ */ r(o, { align: "center", style: {
       gap: "1.3rem"
@@ -68,18 +74,18 @@ const De = (I) => {
           gap: "0.35rem"
         }, children: [
           /* @__PURE__ */ r(R, { children: [
-            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(m, { border: !0, style: {
+            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(d, { border: !0, style: {
               verticalAlign: "middle"
             }, children: [
               /* @__PURE__ */ e(G, { size: 16 }),
               /* @__PURE__ */ e(n, { hierarchy: "tertiary", size: "xs", children: s.length })
             ] }) }),
-            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(C, { side: "bottom", maw: "200px", children: [
+            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(D, { side: "bottom", maw: "200px", children: [
               /* @__PURE__ */ e(n, { children: "Assigned projects" }),
-              /* @__PURE__ */ e(D, {}),
+              /* @__PURE__ */ e(C, {}),
               s.length > 0 ? /* @__PURE__ */ r(y, { children: [
                 /* @__PURE__ */ e(z, { spacing: "xxs" }),
-                /* @__PURE__ */ r(f, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
+                /* @__PURE__ */ r(b, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
                   borderWidth: "2px"
                 }, children: [
                   s.slice(0, 1).map((t) => /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ r(o, { align: "center", style: {
@@ -96,25 +102,25 @@ const De = (I) => {
                   ] }) }, t.id)),
                   i && s.slice(1, s.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => N(i), children: [
                     /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
-                    /* @__PURE__ */ e(m, { border: !0, children: s.slice(1, s.length).length })
+                    /* @__PURE__ */ e(d, { border: !0, children: s.slice(1, s.length).length })
                   ] }) }) : null
                 ] })
               ] }) : null
             ] }) })
           ] }),
           /* @__PURE__ */ r(R, { children: [
-            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(m, { border: !0, style: {
+            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(d, { border: !0, style: {
               verticalAlign: "middle"
             }, children: [
               /* @__PURE__ */ e(H, { size: 16 }),
               /* @__PURE__ */ e(n, { hierarchy: "tertiary", size: "xs", children: c.length })
             ] }) }),
-            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(C, { side: "bottom", maw: "200px", children: [
+            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(D, { side: "bottom", maw: "200px", children: [
               /* @__PURE__ */ e(n, { children: "Assigned members" }),
-              /* @__PURE__ */ e(D, {}),
+              /* @__PURE__ */ e(C, {}),
               c.length > 0 ? /* @__PURE__ */ r(y, { children: [
                 /* @__PURE__ */ e(z, { spacing: "xxs" }),
-                /* @__PURE__ */ r(f, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
+                /* @__PURE__ */ r(b, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
                   borderWidth: "2px"
                 }, children: [
                   c.slice(0, 1).map((t) => {
@@ -135,9 +141,9 @@ const De = (I) => {
                       ] })
                     ] }) }, t.id);
                   }),
-                  i && c.slice(1, c.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => P(i), children: [
+                  i && c.slice(1, c.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => M(i), children: [
                     /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
-                    /* @__PURE__ */ e(m, { border: !0, children: c.length - 1 })
+                    /* @__PURE__ */ e(d, { border: !0, children: c.length - 1 })
                   ] }) }) : null
                 ] })
               ] }) : null
@@ -146,11 +152,11 @@ const De = (I) => {
         ] })
       ] }),
       q && /* @__PURE__ */ e(u, { color: "secondary", onClick: (t) => {
-        t.stopPropagation(), M(i);
+        t.stopPropagation(), I(i);
       }, children: /* @__PURE__ */ e(J, { size: 16 }) })
     ] })
   ] });
 };
 export {
-  De as DNamespaceRoleContent
+  Ce as DNamespaceRoleContent
 };

package/dist/components/d-role/DNamespaceRolePermissions.js

@@ -1,11 +1,11 @@
-import { jsxs as s, jsx as n, Fragment as c } from "react/jsx-runtime";
-import a from "react";
-import { Flex as m } from "../flex/Flex.js";
-import { Text as l } from "../text/Text.js";
-import { Badge as A } from "../badge/Badge.js";
+import { jsx as i, jsxs as s, Fragment as l } from "react/jsx-runtime";
+import m from "react";
+import { Flex as A } from "../flex/Flex.js";
+import { Text as c } from "../text/Text.js";
+import { Badge as a } from "../badge/Badge.js";
 import { IconCheck as T } from "@tabler/icons-react";
-import { Tooltip as _, TooltipTrigger as u, TooltipPortal as h, TooltipContent as C, TooltipArrow as R } from "../tooltip/Tooltip.js";
-const f = {
+import { Tooltip as _, TooltipTrigger as u, TooltipPortal as C, TooltipContent as R, TooltipArrow as f } from "../tooltip/Tooltip.js";
+const h = {
   ASSIGN_MEMBER_ROLES: "members",
   INVITE_MEMBER: "members",
   DELETE_MEMBER: "members",
@@ -41,27 +41,27 @@ const f = {
   organization: "the organization",
   admin: "everything"
 };
-function d(e) {
+function N(e) {
   return e.startsWith("CREATE_") ? "create" : e.startsWith("UPDATE_") ? "update" : e.startsWith("DELETE_") ? "delete" : e.startsWith("ASSIGN_") ? "assign" : e.startsWith("READ_") ? "read" : "manage";
 }
-function N(e) {
+function d(e) {
   const r = Array.from(new Set(e));
   return r.length === 1 ? r[0] : "manage";
 }
 function S(e) {
   if (!e || e.length === 0) return [];
   const r = /* @__PURE__ */ new Map();
-  for (const i of e) {
-    const o = f[i];
+  for (const n of e) {
+    const o = h[n];
     if (!o) continue;
     const t = r.get(o) ?? [];
-    t.push(i), r.set(o, t);
+    t.push(n), r.set(o, t);
   }
-  return Array.from(r.entries()).map(([i, o]) => {
-    const t = o.map(d), E = N(t);
+  return Array.from(r.entries()).map(([n, o]) => {
+    const t = o.map(N), E = d(t);
     return {
-      category: i,
-      label: p[i],
+      category: n,
+      label: p[n],
       abilities: o,
       action: E
     };
@@ -69,41 +69,41 @@ function S(e) {
 }
 function g(e) {
   if (e.length === 0) return "No special permissions.";
-  const r = (t) => /* @__PURE__ */ s(c, { children: [
+  const r = (t) => /* @__PURE__ */ s(l, { children: [
     t.action,
     " ",
     /* @__PURE__ */ s(_, { children: [
-      /* @__PURE__ */ n(u, { asChild: !0, children: /* @__PURE__ */ n(A, { color: "info", style: {
+      /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(a, { color: "info", style: {
         verticalAlign: "middle"
-      }, children: /* @__PURE__ */ n(l, { style: {
+      }, children: /* @__PURE__ */ i(c, { style: {
         color: "inherit"
       }, children: t.label }) }) }),
-      /* @__PURE__ */ n(h, { children: /* @__PURE__ */ s(C, { side: "bottom", children: [
-        /* @__PURE__ */ n(m, { style: {
+      /* @__PURE__ */ i(C, { children: /* @__PURE__ */ s(R, { side: "bottom", children: [
+        /* @__PURE__ */ i(A, { style: {
           flexDirection: "column",
           gap: "0.25rem"
-        }, children: t.abilities.map((E) => /* @__PURE__ */ s(m, { align: "center", style: {
+        }, children: t.abilities.map((E) => /* @__PURE__ */ s(A, { align: "center", style: {
           gap: "0.35rem"
         }, children: [
-          /* @__PURE__ */ n(T, { size: 16 }),
-          /* @__PURE__ */ n(l, { size: "xs", children: E })
+          /* @__PURE__ */ i(T, { size: 16 }),
+          /* @__PURE__ */ i(c, { size: "xs", children: E })
         ] }, E)) }),
-        /* @__PURE__ */ n(R, {})
+        /* @__PURE__ */ i(f, {})
       ] }) })
     ] })
   ] });
   if (e.length === 1) {
     const t = e[0];
-    return /* @__PURE__ */ s(c, { children: [
+    return /* @__PURE__ */ s(l, { children: [
       "Can ",
       r(t)
     ] });
   }
-  const i = e.slice(0, -1), o = e[e.length - 1];
-  return /* @__PURE__ */ s(c, { children: [
+  const n = e.slice(0, -1), o = e[e.length - 1];
+  return /* @__PURE__ */ s(l, { children: [
     "Can",
     " ",
-    i.map((t, E) => /* @__PURE__ */ s(a.Fragment, { children: [
+    n.map((t, E) => /* @__PURE__ */ s(m.Fragment, { children: [
       E > 0 && ", ",
       r(t)
     ] }, t.category)),
@@ -115,14 +115,8 @@ function g(e) {
 const b = (e) => {
   const {
     abilities: r
-  } = e, i = a.useMemo(() => S(r), [r]);
-  return /* @__PURE__ */ s(m, { style: {
-    flexDirection: "column",
-    gap: "0.35rem"
-  }, children: [
-    /* @__PURE__ */ n(l, { size: "xs", hierarchy: "tertiary", children: "Permissions" }),
-    /* @__PURE__ */ n(l, { size: "sm", hierarchy: "secondary", children: g(i) })
-  ] });
+  } = e, n = m.useMemo(() => S(r), [r]);
+  return /* @__PURE__ */ i(c, { size: "sm", hierarchy: "secondary", children: g(n) });
 };
 export {
   b as DNamespaceRolePermissions

package/dist/components/d-runtime/DRuntime.service.js

@@ -1,7 +1,7 @@
 import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
 class c extends r {
-  getById(e) {
-    return this.values().find((i) => i.id === e);
+  getById(i) {
+    return this.values().find((e) => e && e.id === i);
   }
 }
 export {

package/dist/components/d-user/DUser.service.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
 import { DUserView } from './DUser.view';
 export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {

package/dist/components/d-user/DUser.service.js

@@ -1,14 +1,17 @@
+import "../../utils/contextStore.js";
+import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
-class a extends t {
+import "merge-props";
+class o extends t {
   //TODO: inject UI error handler for toasts
   //no id's need to be injected here because the root query has a users field
-  getById(e) {
-    return this.values().find((r) => r.id === e);
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
-  getByUsername(e) {
-    return this.values().find((r) => r.username === e);
+  getByUsername(r) {
+    return this.values().find((e) => e && e.username === r);
   }
 }
 export {
-  a as DUserReactiveService
+  o as DUserReactiveService
 };

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.25",
   "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",