@code0-tech/pictor 0.0.0-mvp.14 → 0.0.0-mvp.16

package/dist/assets/components/button/Button.style.css

@@ -1 +1 @@
-.button{padding:.7rem 1rem;gap:.5rem;cursor:pointer;height:fit-content;display:flex;align-items:center;width:fit-content;justify-content:center;font-size:.8rem}.button:disabled,.button[data-disabled],.button[aria-disabled=true],.button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.button{border-radius:1rem}.button--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--primary:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--primary:active,.button--primary:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--primary.button--outlined{background:transparent}.button--primary.button--none{background:transparent;box-shadow:none}.button--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--secondary:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--secondary:active,.button--secondary:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--secondary.button--outlined{background:transparent}.button--secondary.button--none{background:transparent;box-shadow:none}.button--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--success:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--success:active,.button--success:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--success.button--outlined{background:transparent}.button--success.button--none{background:transparent;box-shadow:none}.button--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--warning:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--warning:active,.button--warning:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--warning.button--outlined{background:transparent}.button--warning.button--none{background:transparent;box-shadow:none}.button--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--error:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--error:active,.button--error:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--error.button--outlined{background:transparent}.button--error.button--none{background:transparent;box-shadow:none}.button--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--info:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--info:active,.button--info:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--info.button--outlined{background:transparent}.button--info.button--none{background:transparent;box-shadow:none}
+.button{padding:.7rem 1rem;gap:.5rem;cursor:pointer;height:fit-content;display:flex;align-items:center;width:fit-content;justify-content:center;font-size:.8rem}.button:disabled,.button[data-disabled],.button[aria-disabled=true],.button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.button{border-radius:1rem}.button--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--primary:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--primary:active,.button--primary:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--primary.button--outlined{background:transparent}.button--primary.button--none{background:transparent;box-shadow:none}.button--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--secondary:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--secondary:active,.button--secondary:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--secondary.button--outlined{background:transparent}.button--secondary.button--none{background:transparent;box-shadow:none}.button--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--success:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--success:active,.button--success:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--success.button--outlined{background:transparent}.button--success.button--none{background:transparent;box-shadow:none}.button--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--warning:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--warning:active,.button--warning:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--warning.button--outlined{background:transparent}.button--warning.button--none{background:transparent;box-shadow:none}.button--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--error:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--error:active,.button--error:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--error.button--outlined{background:transparent}.button--error.button--none{background:transparent;box-shadow:none}.button--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.button--info:hover{box-shadow:inset 0 0 0 1px #ffffff40}.button--info:active,.button--info:focus{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 3rem #ffffff1a;outline:none}.button--info.button--outlined{background:transparent}.button--info.button--none{background:transparent;box-shadow:none}.button--xxs{padding:.35rem .7rem}.button--xs{padding:.7rem .8rem}.button--sm{padding:.8rem 1rem}.button--md{padding:1rem 1.2rem}.button--lg{padding:1.2rem 1.3rem}.button--xl{padding:1.3rem}

package/dist/assets/components/card/Card.style.css

@@ -1 +1 @@
-.card{display:block;padding:1.3rem;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.card>.card__section>img{border-radius:.5rem}.card>.card__section:first-child{margin-top:0}.card>.card__section--border:first-child{padding-top:0;border-top:none}.card>.card__section:not(:has(~.card__section)){margin-bottom:0}.card>.card__section--border:not(:has(~.card__section)){padding-bottom:0;border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{margin-bottom:1.3rem;margin-top:1.3rem;position:relative}.card__section--border{margin-right:-1.3rem;margin-left:-1.3rem;padding:1.3rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.card__section--border+.card__section--border{border-top:none;margin-top:-.5em}.card--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--outline-primary{outline-offset:.65rem;margin:.65rem;outline:rgba(3,0,20,.25) solid 1px}.card--border-primary{box-shadow:inset 0 0 0 1px #03001440}.card--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--outline-secondary{outline-offset:.65rem;margin:.65rem;outline:rgba(255,255,255,.1) solid 1px}.card--border-secondary{box-shadow:inset 0 0 0 1px #ffffff1a}.card--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--outline-success{outline-offset:.65rem;margin:.65rem;outline:rgba(41,191,18,.25) solid 1px}.card--border-success{box-shadow:inset 0 0 0 1px #29bf1240}.card--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--outline-warning{outline-offset:.65rem;margin:.65rem;outline:rgba(255,190,11,.25) solid 1px}.card--border-warning{box-shadow:inset 0 0 0 1px #ffbe0b40}.card--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--outline-error{outline-offset:.65rem;margin:.65rem;outline:rgba(217,4,41,.25) solid 1px}.card--border-error{box-shadow:inset 0 0 0 1px #d9042940}.card--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--outline-info{outline-offset:.65rem;margin:.65rem;outline:rgba(112,255,178,.25) solid 1px}.card--border-info{box-shadow:inset 0 0 0 1px #70ffb240}.card--border--dashed{border-style:dashed}
+.card{display:block;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.card>.card__section>img{border-radius:.5rem}.card>.card__section--border:first-child{padding-top:0;border-top:none}.card>.card__section--border:not(:has(~.card__section)){padding-bottom:0;border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{position:relative}.card__section--border{margin-right:calc(-1 * var(--padding));margin-left:calc(-1 * var(--padding));padding:var(--padding);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.card__section--border+.card__section--border{border-top:none}.card--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--outline-primary{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(3,0,20,.25) solid 1px}.card--border-primary{box-shadow:inset 0 0 0 1px #03001440}.card--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--outline-secondary{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(255,255,255,.1) solid 1px}.card--border-secondary{box-shadow:inset 0 0 0 1px #ffffff1a}.card--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--outline-success{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(41,191,18,.25) solid 1px}.card--border-success{box-shadow:inset 0 0 0 1px #29bf1240}.card--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--outline-warning{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(255,190,11,.25) solid 1px}.card--border-warning{box-shadow:inset 0 0 0 1px #ffbe0b40}.card--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--outline-error{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(217,4,41,.25) solid 1px}.card--border-error{box-shadow:inset 0 0 0 1px #d9042940}.card--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--outline-info{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(112,255,178,.25) solid 1px}.card--border-info{box-shadow:inset 0 0 0 1px #70ffb240}.card--border--dashed{border-style:dashed}.card--xxs{--padding: .35rem;padding:var(--padding)}.card--xs{--padding: .7rem;padding:var(--padding)}.card--sm{--padding: .8rem;padding:var(--padding)}.card--md{--padding: 1rem;padding:var(--padding)}.card--lg{--padding: 1.2rem;padding:var(--padding)}.card--xl{--padding: 1.3rem;padding:var(--padding)}

package/dist/assets/components/d-layout/DLayout.style.css

@@ -1 +1 @@
-.d-layout{position:relative;width:100%;height:100%;overflow:hidden}.d-layout>.flex,.d-layout>.flex>.flex{width:100%;height:100%;gap:1.3rem}.d-layout__content{width:100%}
+.d-layout{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.d-layout__inner{display:flex;flex-direction:column;width:100%;height:100%;gap:1.3rem}.d-layout__top,.d-layout__bottom{flex:0 0 auto}.d-layout__middle{display:flex;flex:1 1 auto;min-height:0;width:100%;gap:1.3rem}.d-layout__left,.d-layout__right{flex:0 0 auto}.d-layout__content{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}

package/dist/components/button/Button.d.ts

@@ -1,10 +1,11 @@
 import { default as React, ReactNode } from 'react';
-import { Code0Component, Color } from '../../utils/types';
+import { Code0Component, Code0Sizes, Color } from '../../utils';
 export interface ButtonProps extends Code0Component<HTMLButtonElement> {
     children: ReactNode | ReactNode[];
     color?: Color;
     variant?: "none" | "normal" | "outlined";
     active?: boolean;
     disabled?: boolean;
+    paddingSize?: Code0Sizes;
 }
 export declare const Button: React.FC<ButtonProps>;

package/dist/components/button/Button.js

@@ -1,29 +1,31 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as R } from "../../_virtual/compiler-runtime.js";
+import { jsx as R } from "react/jsx-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/button/Button.style.css';/* empty css                  */
-import g from "react";
-import { mergeCode0Props as h } from "../../utils/utils.js";
-const E = g.forwardRef((n, l) => {
-  const t = R.c(11);
-  let o, i, e, r;
-  if (t[0] !== n || t[1] !== l) {
+import z from "react";
+import "../../utils/contextStore.js";
+import { mergeCode0Props as S } from "../../utils/utils.js";
+const P = z.forwardRef((a, d) => {
+  const t = h.c(11);
+  let o, r, e, i;
+  if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
       variant: c,
-      color: d,
-      active: m,
-      disabled: b,
-      ...u
-    } = n;
+      color: l,
+      paddingSize: m,
+      active: b,
+      disabled: u,
+      ...v
+    } = a;
     o = f;
-    const v = c === void 0 ? "normal" : c, p = d === void 0 ? "secondary" : d, $ = m === void 0 ? !1 : m;
-    i = b === void 0 ? !1 : b, e = l, r = h(`button button--${p} ${$ ? "button--active" : ""} ${i ? "button--disabled" : ""} button--${v}`, u), t[0] = n, t[1] = l, t[2] = o, t[3] = i, t[4] = e, t[5] = r;
+    const p = c === void 0 ? "normal" : c, $ = l === void 0 ? "secondary" : l, g = m === void 0 ? "xs" : m, x = b === void 0 ? !1 : b;
+    r = u === void 0 ? !1 : u, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${r ? "button--disabled" : ""} button--${p} button--${g}`, v), t[0] = a, t[1] = d, t[2] = o, t[3] = r, t[4] = e, t[5] = i;
   } else
-    o = t[2], i = t[3], e = t[4], r = t[5];
-  const s = i ? "true" : "false";
-  let a;
-  return t[6] !== o || t[7] !== e || t[8] !== r || t[9] !== s ? (a = /* @__PURE__ */ x("button", { ref: e, ...r, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = r, t[9] = s, t[10] = a) : a = t[10], a;
+    o = t[2], r = t[3], e = t[4], i = t[5];
+  const s = r ? "true" : "false";
+  let n;
+  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (n = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = n) : n = t[10], n;
 });
 export {
-  E as Button
+  P as Button
 };

package/dist/components/card/Card.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { Code0Component, Color } from '../../utils/types';
+import { Code0Component, Code0Sizes, Color } from '../../utils/types';
 export interface Card extends Code0Component<HTMLDivElement> {
     children: ReactNode | ReactNode[];
     color?: Color;
@@ -10,5 +10,6 @@ export interface Card extends Code0Component<HTMLDivElement> {
     outline?: boolean;
     outlineColor?: Color;
     dashed?: boolean;
+    paddingSize?: Code0Sizes;
 }
 export declare const Card: React.FC<Card>;

package/dist/components/card/Card.js

@@ -1,11 +1,11 @@
-import { jsx as f, Fragment as E } from "react/jsx-runtime";
-import { c as F } from "../../_virtual/compiler-runtime.js";
+import { jsx as p, Fragment as j } from "react/jsx-runtime";
+import { c as E } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/card/Card.style.css';/* empty css                */
-import { mergeCode0Props as P } from "../../utils/utils.js";
-const z = (d) => {
-  const o = F.c(6);
-  let r, t;
-  if (o[0] !== d) {
+import { mergeCode0Props as F } from "../../utils/utils.js";
+const A = (e) => {
+  const o = E.c(6);
+  let r, d;
+  if (o[0] !== e) {
     const {
       children: C,
       color: i,
@@ -15,25 +15,28 @@ const z = (d) => {
       borderColor: l,
       outlineColor: s,
       outline: m,
-      dashed: v,
+      dashed: g,
+      paddingSize: v,
       ...u
-    } = d;
+    } = e;
     r = C;
-    const h = i === void 0 ? "primary" : i, p = n === void 0 ? "normal" : n, $ = a === void 0 ? !1 : a, b = c === void 0 ? "secondary" : c, g = l === void 0 ? "secondary" : l, y = s === void 0 ? "secondary" : s, x = m === void 0 ? !1 : m, j = v === void 0 ? !1 : v;
-    t = P(`
+    const h = i === void 0 ? "primary" : i, b = n === void 0 ? "normal" : n, $ = a === void 0 ? !1 : a, x = c === void 0 ? "secondary" : c, f = l === void 0 ? "secondary" : l, y = s === void 0 ? "secondary" : s, z = m === void 0 ? !1 : m, S = g === void 0 ? !1 : g;
+    d = F(`
                     card 
-                    card--${h} card--${p}
-                    ${x ? `card--outline-${y}` : ""} 
+                    card--${h} card--${b}
+                    card--${v === void 0 ? "xl" : v}
+                    ${z ? `card--outline-${y}` : ""} 
                     ${$ ? "card--gradient" : ""} 
-                    ${g ? `card--border-${g}` : ""} 
-                    ${j ? "card--border--dashed" : ""} 
-                    ${$ ? `card--gradient-${b}` : ""} 
-               `, u), o[0] = d, o[1] = r, o[2] = t;
+                    ${f ? `card--border-${f}` : ""} 
+                    ${S ? "card--border--dashed" : ""} 
+                    ${$ ? `card--gradient-${x}` : ""} 
+                   
+               `, u), o[0] = e, o[1] = r, o[2] = d;
   } else
-    r = o[1], t = o[2];
-  let e;
-  return o[3] !== r || o[4] !== t ? (e = /* @__PURE__ */ f(E, { children: /* @__PURE__ */ f("div", { ...t, children: r }) }), o[3] = r, o[4] = t, o[5] = e) : e = o[5], e;
+    r = o[1], d = o[2];
+  let t;
+  return o[3] !== r || o[4] !== d ? (t = /* @__PURE__ */ p(j, { children: /* @__PURE__ */ p("div", { ...d, children: r }) }), o[3] = r, o[4] = d, o[5] = t) : t = o[5], t;
 };
 export {
-  z as Card
+  A as Card
 };

package/dist/components/d-layout/DLayout.js

@@ -1,51 +1,51 @@
 import { jsx as h, jsxs as p } from "react/jsx-runtime";
 import { c as E } from "../../_virtual/compiler-runtime.js";
 import { mergeCode0Props as F } from "../../utils/utils.js";
-import { Flex as v } from "../flex/Flex.js";
+import { Flex as N } from "../flex/Flex.js";
 import '../../assets/components/d-layout/DLayout.style.css';/* empty css                   */
 const k = (C) => {
   const t = E.c(29);
-  let e, i, l, o, r, n;
+  let e, n, l, o, s, i;
   if (t[0] !== C) {
     const {
-      children: x,
-      topContent: N,
+      children: v,
+      topContent: x,
       bottomContent: b,
       leftContent: g,
       rightContent: j,
       ...D
     } = C;
-    i = x, n = N, e = b, l = g, o = j, r = F("d-layout", D), t[0] = C, t[1] = e, t[2] = i, t[3] = l, t[4] = o, t[5] = r, t[6] = n;
+    n = v, i = x, e = b, l = g, o = j, s = F("d-layout", D), t[0] = C, t[1] = e, t[2] = n, t[3] = l, t[4] = o, t[5] = s, t[6] = i;
   } else
-    e = t[1], i = t[2], l = t[3], o = t[4], r = t[5], n = t[6];
-  let _;
-  t[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    e = t[1], n = t[2], l = t[3], o = t[4], s = t[5], i = t[6];
+  let u;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (u = {
     flexDirection: "column"
-  }, t[7] = _) : _ = t[7];
-  let s;
-  t[8] !== n ? (s = n ? /* @__PURE__ */ h("div", { className: "d-layout__top", children: n }) : null, t[8] = n, t[9] = s) : s = t[9];
+  }, t[7] = u) : u = t[7];
+  let r;
+  t[8] !== i ? (r = i && /* @__PURE__ */ h("div", { className: "d-layout__top", children: i }), t[8] = i, t[9] = r) : r = t[9];
   let c;
-  t[10] !== l ? (c = l ? /* @__PURE__ */ h("div", { className: "d-layout__left", children: l }) : null, t[10] = l, t[11] = c) : c = t[11];
+  t[10] !== l ? (c = l && /* @__PURE__ */ h("div", { className: "d-layout__left", children: l }), t[10] = l, t[11] = c) : c = t[11];
   let m;
-  t[12] !== i ? (m = /* @__PURE__ */ h("div", { className: "d-layout__content", children: i }), t[12] = i, t[13] = m) : m = t[13];
-  let d;
-  t[14] !== o ? (d = o ? /* @__PURE__ */ h("div", { className: "d-layout__right", children: o }) : null, t[14] = o, t[15] = d) : d = t[15];
+  t[12] !== n ? (m = /* @__PURE__ */ h("div", { className: "d-layout__content", children: n }), t[12] = n, t[13] = m) : m = t[13];
   let a;
-  t[16] !== c || t[17] !== m || t[18] !== d ? (a = /* @__PURE__ */ p(v, { children: [
+  t[14] !== o ? (a = o && /* @__PURE__ */ h("div", { className: "d-layout__right", children: o }), t[14] = o, t[15] = a) : a = t[15];
+  let d;
+  t[16] !== c || t[17] !== m || t[18] !== a ? (d = /* @__PURE__ */ p(N, { className: "d-layout__middle", children: [
     c,
     m,
-    d
-  ] }), t[16] = c, t[17] = m, t[18] = d, t[19] = a) : a = t[19];
+    a
+  ] }), t[16] = c, t[17] = m, t[18] = a, t[19] = d) : d = t[19];
   let f;
-  t[20] !== e ? (f = e ? /* @__PURE__ */ h("div", { className: "d-layout__bottom", children: e }) : null, t[20] = e, t[21] = f) : f = t[21];
-  let u;
-  t[22] !== s || t[23] !== a || t[24] !== f ? (u = /* @__PURE__ */ p(v, { style: _, children: [
-    s,
-    a,
+  t[20] !== e ? (f = e && /* @__PURE__ */ h("div", { className: "d-layout__bottom", children: e }), t[20] = e, t[21] = f) : f = t[21];
+  let _;
+  t[22] !== r || t[23] !== d || t[24] !== f ? (_ = /* @__PURE__ */ p(N, { className: "d-layout__inner", style: u, children: [
+    r,
+    d,
     f
-  ] }), t[22] = s, t[23] = a, t[24] = f, t[25] = u) : u = t[25];
+  ] }), t[22] = r, t[23] = d, t[24] = f, t[25] = _) : _ = t[25];
   let y;
-  return t[26] !== r || t[27] !== u ? (y = /* @__PURE__ */ h("div", { ...r, children: u }), t[26] = r, t[27] = u, t[28] = y) : y = t[28], y;
+  return t[26] !== s || t[27] !== _ ? (y = /* @__PURE__ */ h("div", { ...s, children: _ }), t[26] = s, t[27] = _, t[28] = y) : y = t[28], y;
 };
 export {
   k as DLayout

package/dist/components/{d-namespace/license → d-license}/DNamespaceLicense.service.d.ts

@@ -1,6 +1,6 @@
 import { NamespaceLicense, NamespacesLicensesCreateInput, NamespacesLicensesCreatePayload, NamespacesLicensesDeleteInput, NamespacesLicensesDeletePayload } from '@code0-tech/sagittarius-graphql-types';
 import { DNamespaceLicenseView } from './DNamespaceLicense.view';
-import { ReactiveArrayService } from '../../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils/reactiveArrayService';
 export declare abstract class DNamespaceLicenseReactiveService extends ReactiveArrayService<DNamespaceLicenseView> {
     getById(id: NamespaceLicense['id']): DNamespaceLicenseView | undefined;
     abstract licenseCreate(payload: NamespacesLicensesCreateInput): Promise<NamespacesLicensesCreatePayload | undefined>;

package/dist/components/{d-namespace/license → d-license}/DNamespaceLicense.service.js

@@ -1,4 +1,4 @@
-import { ReactiveArrayService as r } from "../../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
 class c extends r {
   //TODO: inject UI error handler for toasts
   //inject: namespaceId because the runtimes query needs it

package/dist/components/d-license/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DNamespaceLicense.service';
+export * from './DNamespaceLicense.view';

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

@@ -0,0 +1,6 @@
+import { DNamespaceLicenseReactiveService as a } from "./DNamespaceLicense.service.js";
+import { DNamespaceLicenseView as r } from "./DNamespaceLicense.view.js";
+export {
+  a as DNamespaceLicenseReactiveService,
+  r as DNamespaceLicenseView
+};

package/dist/components/{d-namespace/member → d-member}/DNamespaceMember.service.d.ts

@@ -1,8 +1,9 @@
-import { NamespaceMember, NamespacesMembersAssignRolesInput, NamespacesMembersAssignRolesPayload, NamespacesMembersDeleteInput, NamespacesMembersDeletePayload, NamespacesMembersInviteInput, NamespacesMembersInvitePayload } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace, NamespaceMember, NamespacesMembersAssignRolesInput, NamespacesMembersAssignRolesPayload, NamespacesMembersDeleteInput, NamespacesMembersDeletePayload, NamespacesMembersInviteInput, NamespacesMembersInvitePayload, User } from '@code0-tech/sagittarius-graphql-types';
 import { DNamespaceMemberView } from './DNamespaceMember.view';
-import { ReactiveArrayService } from '../../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils/reactiveArrayService';
 export declare abstract class DNamespaceMemberReactiveService extends ReactiveArrayService<DNamespaceMemberView> {
     getById(id: NamespaceMember['id']): DNamespaceMemberView | undefined;
+    getByNamespaceIdAndUserId(namespaceId: Namespace['id'], userId: User['id']): DNamespaceMemberView | undefined;
     abstract memberInvite(payload: NamespacesMembersInviteInput): Promise<NamespacesMembersInvitePayload | undefined>;
     abstract memberDelete(payload: NamespacesMembersDeleteInput): Promise<NamespacesMembersDeletePayload | undefined>;
     abstract memberAssignRoles(payload: NamespacesMembersAssignRolesInput): Promise<NamespacesMembersAssignRolesPayload | undefined>;

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

@@ -0,0 +1,14 @@
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
+class d extends i {
+  //TODO: inject UI error handler for toasts
+  //inject: namespaceId because the runtimes query needs it
+  getById(e) {
+    return this.values().find((r) => r.id === e);
+  }
+  getByNamespaceIdAndUserId(e, r) {
+    return this.values().find((a) => a.namespace?.id === e && a.user?.id === r);
+  }
+}
+export {
+  d as DNamespaceMemberReactiveService
+};

package/dist/components/{d-namespace/member → d-member}/DNamespaceMember.view.d.ts

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, NamespaceMember, NamespaceMemberRoleConnection, NamespaceRoleConnection, Scalars, User } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, NamespaceMember, NamespaceMemberRoleConnection, NamespaceMemberUserAbilities, NamespaceRoleConnection, Scalars, User } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceMemberView {
     /** Time when this NamespaceMember was created */
     private readonly _createdAt?;
@@ -14,6 +14,8 @@ export declare class DNamespaceMemberView {
     private readonly _updatedAt?;
     /** User this member belongs to */
     private readonly _user?;
+    /** Abilities for the current user on this NamespaceMember */
+    private readonly _userAbilities?;
     constructor(payload: NamespaceMember);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get id(): Maybe<Scalars["NamespaceMemberID"]["output"]> | undefined;
@@ -22,5 +24,6 @@ export declare class DNamespaceMemberView {
     get roles(): Maybe<NamespaceRoleConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get user(): Maybe<User> | undefined;
+    get userAbilities(): Maybe<NamespaceMemberUserAbilities> | undefined;
     json(): NamespaceMember;
 }

package/dist/components/{d-namespace/member → d-member}/DNamespaceMember.view.js

@@ -17,7 +17,7 @@ function o(t, e) {
 }
 class n {
   constructor(e) {
-    r(this, "_createdAt", void 0), r(this, "_id", void 0), r(this, "_memberRoles", void 0), r(this, "_namespace", void 0), r(this, "_roles", void 0), r(this, "_updatedAt", void 0), r(this, "_user", void 0), this._createdAt = e.createdAt, this._id = e.id, this._memberRoles = e.memberRoles, this._namespace = e.namespace, this._roles = e.roles, this._updatedAt = e.updatedAt, this._user = e.user;
+    r(this, "_createdAt", void 0), r(this, "_id", void 0), r(this, "_memberRoles", void 0), r(this, "_namespace", void 0), r(this, "_roles", void 0), r(this, "_updatedAt", void 0), r(this, "_user", void 0), r(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._memberRoles = e.memberRoles, this._namespace = e.namespace, this._roles = e.roles, this._updatedAt = e.updatedAt, this._user = e.user, this._userAbilities = e.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -40,6 +40,9 @@ class n {
   get user() {
     return this._user;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   json() {
     return {
       createdAt: this._createdAt,

package/dist/components/d-member/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DNamespaceMember.service';
+export * from './DNamespaceMember.view';

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

@@ -0,0 +1,6 @@
+import { DNamespaceMemberReactiveService as m } from "./DNamespaceMember.service.js";
+import { DNamespaceMemberView as c } from "./DNamespaceMember.view.js";
+export {
+  m as DNamespaceMemberReactiveService,
+  c as DNamespaceMemberView
+};

package/dist/components/d-namespace/index.d.ts

@@ -1,12 +1,2 @@
-export * from './license/DNamespaceLicense.service';
-export * from './license/DNamespaceLicense.view';
-export * from './member/DNamespaceMember.service';
-export * from './member/DNamespaceMember.view';
-export * from './project/DNamespaceProject.service';
-export * from './project/DNamespaceProject.view';
-export * from './project/DNamespaceProjectCard';
-export * from './project/DNamespaceProjectMenu';
-export * from './role/DNamespaceRole.service';
-export * from './role/DNamespaceRole.view';
 export * from './DNamespace.service';
 export * from './DNamespace.view';

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

@@ -1,35 +1,6 @@
-import { DNamespaceLicenseReactiveService as R } from "./license/DNamespaceLicense.service.js";
-import { DNamespaceLicenseView as S } from "./license/DNamespaceLicense.view.js";
-import { DNamespaceMemberReactiveService as b } from "./member/DNamespaceMember.service.js";
-import { DNamespaceMemberView as l } from "./member/DNamespaceMember.view.js";
-import { DNamespaceProjectReactiveService as L } from "./project/DNamespaceProject.service.js";
-import { DNamespaceProjectView as P } from "./project/DNamespaceProject.view.js";
-import "react/jsx-runtime";
-import "react";
-import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/menu/Menu.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
-import "merge-props";
-/* empty css                      */
-import "@tabler/icons-react";
-import "../../utils/contextStore.js";
-/* empty css                      */
-import "../button/Button.js";
-/* empty css                        */
-import { DNamespaceReactiveService as g } from "./DNamespace.service.js";
-/* empty css                      */
-import "@radix-ui/react-dropdown-menu";
-import { DNamespaceRoleReactiveService as k } from "./role/DNamespaceRole.service.js";
-import { DNamespaceRoleView as u } from "./role/DNamespaceRole.view.js";
-import { DNamespaceView as z } from "./DNamespace.view.js";
+import { DNamespaceReactiveService as r } from "./DNamespace.service.js";
+import { DNamespaceView as m } from "./DNamespace.view.js";
 export {
-  R as DNamespaceLicenseReactiveService,
-  S as DNamespaceLicenseView,
-  b as DNamespaceMemberReactiveService,
-  l as DNamespaceMemberView,
-  L as DNamespaceProjectReactiveService,
-  P as DNamespaceProjectView,
-  g as DNamespaceReactiveService,
-  k as DNamespaceRoleReactiveService,
-  u as DNamespaceRoleView,
-  z as DNamespaceView
+  r as DNamespaceReactiveService,
+  m as DNamespaceView
 };

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

@@ -1,8 +1,8 @@
 import { ReactiveArrayService } from '../../utils/reactiveArrayService';
 import { DOrganizationView } from './DOrganization.view';
-import { OrganizationsCreateInput, OrganizationsCreatePayload, OrganizationsDeleteInput, OrganizationsDeletePayload, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Organization, OrganizationsCreateInput, OrganizationsCreatePayload, OrganizationsDeleteInput, OrganizationsDeletePayload } from '@code0-tech/sagittarius-graphql-types';
 export declare abstract class DOrganizationReactiveService extends ReactiveArrayService<DOrganizationView> {
-    getById(id: Scalars["OrganizationID"]["input"]): DOrganizationView | undefined;
+    getById(id: Organization["id"]): DOrganizationView | undefined;
     abstract organizationCreate(payload: OrganizationsCreateInput): Promise<OrganizationsCreatePayload | undefined>;
     abstract organizationDelete(payload: OrganizationsDeleteInput): Promise<OrganizationsDeletePayload | undefined>;
 }

package/dist/components/d-organization/DOrganization.view.d.ts

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, Organization, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, Organization, OrganizationUserAbilities, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DOrganizationView {
     private readonly _createdAt?;
     /** Global ID of this Organization */
@@ -9,12 +9,15 @@ export declare class DOrganizationView {
     private readonly _namespace?;
     /** Time when this Organization was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this Organization */
+    private readonly _userAbilities?;
     constructor(payload: Organization);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get id(): Maybe<Scalars["OrganizationID"]["output"] | undefined>;
     get name(): Maybe<Scalars["String"]["output"]> | undefined;
     get namespace(): Maybe<Namespace> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<OrganizationUserAbilities> | undefined;
     set name(value: Maybe<Scalars["String"]["output"]>);
     json(): Organization;
 }

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

@@ -1,23 +1,23 @@
-function r(e, t, i) {
-  return (t = a(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+function i(t, e, r) {
+  return (e = n(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function a(e) {
-  var t = s(e, "string");
-  return typeof t == "symbol" ? t : t + "";
+function n(t) {
+  var e = a(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function s(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var n = i.call(e, t);
-    if (typeof n != "object") return n;
+function a(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var s = r.call(t, e);
+    if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (e === "string" ? String : Number)(t);
 }
-class d {
-  constructor(t) {
-    r(this, "_createdAt", void 0), r(this, "_id", void 0), r(this, "_name", void 0), r(this, "_namespace", void 0), r(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._updatedAt = t.updatedAt;
+class u {
+  constructor(e) {
+    i(this, "_createdAt", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_updatedAt", void 0), i(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._name = e.name, this._namespace = e.namespace, this._updatedAt = e.updatedAt, this._userAbilities = e.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -34,8 +34,11 @@ class d {
   get updatedAt() {
     return this._updatedAt;
   }
-  set name(t) {
-    this._name = t;
+  get userAbilities() {
+    return this._userAbilities;
+  }
+  set name(e) {
+    this._name = e;
   }
   json() {
     return {
@@ -48,5 +51,5 @@ class d {
   }
 }
 export {
-  d as DOrganizationView
+  u as DOrganizationView
 };

package/dist/components/d-organization/DOrganizationCard.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../utils/types';
+import { Code0Component } from '../../utils';
 import { Scalars } from '@code0-tech/sagittarius-graphql-types';
 export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
     organizationId: Scalars['OrganizationID']['output'];
-    onSettingsClick?: (organizationId: Scalars['OrganizationID']['output']) => void;
-    onLeaveClick?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
 }
 declare const DOrganizationCard: React.FC<DOrganizationCardProps>;
 export default DOrganizationCard;