@code0-tech/pictor 0.0.0-mvp.13 → 0.0.0-mvp.15

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/toast/Toast.style.css

@@ -1 +1 @@
-.toast{padding:1rem}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:flex-start;justify-content:space-between;gap:.35rem}.toast__icon{display:flex;align-items:center;justify-content:center}.toast__content{margin-top:.35rem;box-sizing:border-box}.toast__header-wrapper{align-items:center;gap:.35rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}.toast--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}
+.toast{padding:1rem;width:100%;overflow:hidden}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:flex-start;justify-content:space-between;gap:.7rem}.toast__icon{display:flex;align-items:center;justify-content:center}.toast__content{box-sizing:border-box;margin-left:27px}.toast__header-wrapper{align-items:flex-start;gap:.7rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}@keyframes toast-duration{0%{width:0%}to{width:100%}}.toast:hover .toast__duration:after{animation-play-state:paused}.toast__duration{position:relative;margin:1rem -1rem -1rem;padding:.35rem 1rem .6rem}.toast__duration{border-top:1px solid rgba(255,255,255,.1)}.toast__duration:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:4px;background:#ffffff1a;animation-name:toast-duration;animation-duration:var(--toast-duration, 4s);animation-timing-function:linear;animation-fill-mode:forwards}.toast--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}

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-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;

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

@@ -1,79 +1,16 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import b from "react";
-import { Card as j } from "../card/Card.js";
-import { Text as t } from "../text/Text.js";
-import { useStore as c, useService as a } from "../../utils/contextStore.js";
-import { DOrganizationReactiveService as g } from "./DOrganization.service.js";
-import { IconFolder as $, IconUser as k, IconServer as D, IconSettings as L, IconLogout as R } from "@tabler/icons-react";
-import { Flex as i } from "../flex/Flex.js";
-import { Button as d } from "../button/Button.js";
-import { DNamespaceReactiveService as h } from "../d-namespace/DNamespace.service.js";
-import { DNamespaceLicenseReactiveService as y } from "../d-namespace/license/DNamespaceLicense.service.js";
-import { Spacing as B } from "../spacing/Spacing.js";
-import { Avatar as w } from "../avatar/Avatar.js";
-const K = (u) => {
-  const {
-    organizationId: o,
-    onSettingsClick: f = () => {
-    },
-    onLeaveClick: z = () => {
-    }
-  } = u, S = c(g), v = a(g), x = c(h), C = a(h), I = c(y);
-  a(y);
-  const n = v.getById(o);
-  if (!n?.namespace?.id) return;
-  const s = C.getById(n?.namespace?.id), m = n?.namespace?.projects?.count, l = s?.members?.count, p = s?.runtimes?.count;
-  return b.useMemo(() => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(i, { align: "center", style: {
-    gap: "1.3rem"
-  }, justify: "space-between", children: [
-    /* @__PURE__ */ r(i, { align: "center", style: {
-      gap: "1.3rem"
-    }, children: [
-      /* @__PURE__ */ e(w, { bg: "transparent", identifier: n?.name ?? "" }),
-      /* @__PURE__ */ r(i, { style: {
-        flexDirection: "column"
-      }, children: [
-        /* @__PURE__ */ e(t, { size: "lg", hierarchy: "primary", display: "block", children: n?.name }),
-        /* @__PURE__ */ e(B, { spacing: "xxs" }),
-        /* @__PURE__ */ r(i, { align: "center", style: {
-          gap: "1.3rem",
-          flexWrap: "wrap"
-        }, children: [
-          /* @__PURE__ */ r(i, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ e($, { size: 18 }),
-            /* @__PURE__ */ e(t, { size: "xs", hierarchy: "tertiary", children: `${m ?? 0} project${(m ?? 0) !== 1 ? "s" : ""}` })
-          ] }),
-          /* @__PURE__ */ r(i, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ e(k, { size: 18 }),
-            /* @__PURE__ */ r(t, { size: "xs", hierarchy: "tertiary", children: [
-              " ",
-              `${l ?? 0} member${(l ?? 0) !== 1 ? "s" : ""}`
-            ] })
-          ] }),
-          /* @__PURE__ */ r(i, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ e(D, { size: 18 }),
-            /* @__PURE__ */ e(t, { size: "xs", hierarchy: "tertiary", children: `${p ?? 0} runtime${(p ?? 0) !== 1 ? "s" : ""}` })
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r(i, { align: "center", style: {
-      gap: "0.35rem"
-    }, children: [
-      /* @__PURE__ */ e(d, { color: "secondary", onClick: () => f(o), children: /* @__PURE__ */ e(L, { size: 16 }) }),
-      /* @__PURE__ */ r(d, { color: "error", onClick: () => z(o), children: [
-        /* @__PURE__ */ e(R, { size: 16 }),
-        " Leave"
-      ] })
-    ] })
-  ] }) }), [S, x, I]);
+import { jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { Card as s } from "../card/Card.js";
+import { DOrganizationContent as c } from "./DOrganizatonContent.js";
+const g = (a) => {
+  const o = m.c(4), {
+    organizationId: r,
+    onLeave: n,
+    onSetting: i
+  } = a;
+  let t;
+  return o[0] !== n || o[1] !== i || o[2] !== r ? (t = /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(c, { onLeave: n, onSetting: i, organizationId: r }) }), o[0] = n, o[1] = i, o[2] = r, o[3] = t) : t = o[3], t;
 };
 export {
-  K as default
+  g as default
 };

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+import { DOrganizationView } from './DOrganization.view';
+import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+export interface DOrganizationListProps extends Omit<Card, "children"> {
+    filter?: (organizations: DOrganizationView, index: number) => boolean;
+    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
+}
+export declare const DOrganizationList: React.FC<DOrganizationListProps>;

package/dist/components/d-organization/DOrganizationList.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import d from "react";
+import { Card as f } from "../card/Card.js";
+import { useService as u, useStore as S } from "../../utils/contextStore.js";
+import "merge-props";
+import { DOrganizationReactiveService as t } from "./DOrganization.service.js";
+import g from "../card/CardSection.js";
+import { DOrganizationContent as v } from "./DOrganizatonContent.js";
+const R = (i) => {
+  const e = u(t), n = S(t), a = d.useMemo(() => e.values(), [n]), {
+    filter: m = () => !0,
+    onLeave: c,
+    onSetting: s,
+    ...p
+  } = i;
+  return /* @__PURE__ */ o(f, { ...p, children: a.filter(m).map((r) => r.id && /* @__PURE__ */ o(g, { border: !0, children: /* @__PURE__ */ o(v, { onLeave: c, onSetting: s, organizationId: r?.id }) }, r.id)) });
+};
+export {
+  R as DOrganizationList
+};

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

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