@code0-tech/pictor 0.0.0-mvp.21 → 0.0.0-mvp.23

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

@@ -1,9 +1,9 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import c from "react";
-import { useStore as s, useService as a } from "../../utils/contextStore.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import { useStore as c, useService as s } from "../../utils/contextStore.js";
 import "merge-props";
 import { Text as m } from "../text/Text.js";
-import { DOrganizationReactiveService as f } from "./DOrganization.service.js";
+import { DOrganizationReactiveService as S } from "./DOrganization.service.js";
 import { IconFolder as k, IconUser as L, IconServer as N, IconSettings as w, IconLogout as F } from "@tabler/icons-react";
 import { Flex as o } from "../flex/Flex.js";
 import { Button as v } from "../button/Button.js";
@@ -11,69 +11,84 @@ import { Spacing as P } from "../spacing/Spacing.js";
 import { Avatar as T } from "../avatar/Avatar.js";
 import { DUserReactiveService as z } from "../d-user/DUser.service.js";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
+import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/tooltip/Tooltip.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 /* empty css                      */
 import { useUserSession as W } from "../d-user/DUser.session.hook.js";
 import { Badge as d } from "../badge/Badge.js";
+import "@radix-ui/react-checkbox";
+/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
 import { DNamespaceReactiveService as b } from "../d-namespace/DNamespace.service.js";
 import { DNamespaceMemberReactiveService as x } from "../d-member/DNamespaceMember.service.js";
-const ae = (I) => {
+import "@radix-ui/react-tooltip";
+/* empty css                            */
+import "@radix-ui/react-dialog";
+/* empty css                          */
+const Ie = (I) => {
   const {
-    organizationId: n,
+    organizationId: a,
     onLeave: M = () => {
     },
     onSetting: j = () => {
     }
-  } = I, B = s(f), C = a(f), D = s(b), $ = a(b), A = s(x), R = a(x), U = a(z), O = s(z), g = W(), l = c.useMemo(() => U.getById(g?.user?.id), [O, g]), t = c.useMemo(() => n ? C.getById(n) : null, [B, n]), i = c.useMemo(() => t ? $.getById(t.namespace?.id) : null, [D, t]), u = c.useMemo(() => i && l ? R.getByNamespaceIdAndUserId(i.id, l.id) : null, [A, i, l]), y = i?.projects?.count, h = i?.members?.count, S = i?.runtimes?.count;
-  return /* @__PURE__ */ r(o, { align: "center", style: {
+  } = I, B = c(S), C = s(S), D = c(b), $ = s(b), A = c(x), R = s(x), U = s(z), O = c(z), g = W(), p = n.useMemo(() => U.getById(g?.user?.id), [O, g]), r = n.useMemo(() => a ? C.getById(a) : null, [B, a]), t = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), u = n.useMemo(() => t && p ? R.getByNamespaceIdAndUserId(t.id, p.id) : null, [A, t, p]), y = t?.projects?.count, h = t?.members?.count, f = t?.runtimes?.count;
+  return /* @__PURE__ */ i(o, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
-    /* @__PURE__ */ r(o, { align: "center", style: {
+    /* @__PURE__ */ i(o, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ e(T, { bg: "transparent", identifier: t?.name ?? "" }),
-      /* @__PURE__ */ r(o, { style: {
+      /* @__PURE__ */ e(T, { bg: "transparent", identifier: r?.name ?? "" }),
+      /* @__PURE__ */ i(o, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: t?.name }),
+        /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
         /* @__PURE__ */ e(P, { spacing: "xxs" }),
-        /* @__PURE__ */ r(o, { align: "center", style: {
+        /* @__PURE__ */ i(o, { align: "center", style: {
           gap: "0.35rem",
           flexWrap: "wrap"
         }, children: [
-          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ r(o, { align: "center", style: {
+          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(k, { size: 16 }),
             /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} project${(y ?? 0) !== 1 ? "s" : ""}` })
           ] }) }),
-          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ r(o, { align: "center", style: {
+          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(L, { size: 16 }),
-            /* @__PURE__ */ r(m, { size: "xs", hierarchy: "tertiary", children: [
+            /* @__PURE__ */ i(m, { size: "xs", hierarchy: "tertiary", children: [
               " ",
               `${h ?? 0} member${(h ?? 0) !== 1 ? "s" : ""}`
             ] })
           ] }) }),
-          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ r(o, { align: "center", style: {
+          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(N, { size: 16 }),
-            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${S ?? 0} runtime${(S ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${f ?? 0} runtime${(f ?? 0) !== 1 ? "s" : ""}` })
           ] }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ r(o, { align: "center", style: {
+    /* @__PURE__ */ i(o, { align: "center", style: {
       gap: "0.35rem"
     }, children: [
-      t?.userAbilities?.deleteOrganization || t?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (p) => {
-        p.stopPropagation(), j(n);
+      r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (l) => {
+        l.stopPropagation(), j(r);
       }, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
-      u && u.userAbilities?.deleteMember ? /* @__PURE__ */ r(v, { color: "error", onClick: (p) => {
-        p.stopPropagation(), M(n);
+      u && u.userAbilities?.deleteMember ? /* @__PURE__ */ i(v, { color: "error", onClick: (l) => {
+        l.stopPropagation(), r && M(r);
       }, children: [
         /* @__PURE__ */ e(F, { size: 16 }),
         " Leave"
@@ -82,5 +97,5 @@ const ae = (I) => {
   ] });
 };
 export {
-  ae as DOrganizationContent
+  Ie as DOrganizationContent
 };

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

@@ -1,8 +1,8 @@
-import { DOrganizationReactiveService as w } from "./DOrganization.service.js";
-import { DOrganizationView as R } from "./DOrganization.view.js";
+import { DOrganizationReactiveService as B } from "./DOrganization.service.js";
+import { DOrganizationView as E } from "./DOrganization.view.js";
 import "react/jsx-runtime";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/badge/Badge.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.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 '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/tooltip/Tooltip.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.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 "react";
 import "merge-props";
 import "../../utils/contextStore.js";
@@ -16,9 +16,24 @@ import "js-md5";
 /* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 /* empty css                        */
-import { DOrganizationList as V } from "./DOrganizationList.js";
+import "@radix-ui/react-checkbox";
+/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
+import "@radix-ui/react-tooltip";
+/* empty css                            */
+import "@radix-ui/react-dialog";
+/* empty css                          */
+import { DOrganizationList as G } from "./DOrganizationList.js";
 export {
-  V as DOrganizationList,
-  w as DOrganizationReactiveService,
-  R as DOrganizationView
+  G as DOrganizationList,
+  B as DOrganizationReactiveService,
+  E as DOrganizationView
 };

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { Code0Component } from '../../utils';
-import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectCardProps extends Code0Component<HTMLDivElement> {
-    projectId: Scalars['NamespaceProjectID']['output'];
-    onSettingsClick?: (projectId: Scalars['NamespaceProjectID']['output']) => void;
+    projectId: NamespaceProject['id'];
+    onSetting?: (project: DNamespaceProjectView) => void;
 }
-declare const DNamespaceProjectCard: React.FC<DNamespaceProjectCardProps>;
-export default DNamespaceProjectCard;
+export declare const DNamespaceProjectCard: React.FC<DNamespaceProjectCardProps>;

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

@@ -1,15 +1,17 @@
-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 { DNamespaceProjectContent as i } from "./DNamespaceProjectContent.js";
-const d = (c) => {
-  const t = m.c(2), {
-    projectId: r,
-    onSettingsClick: n
-  } = c;
+import { jsx as m } from "react/jsx-runtime";
+import { c as i } from "../../_virtual/compiler-runtime.js";
+import { Card as p } from "../card/Card.js";
+import { DNamespaceProjectContent as s } from "./DNamespaceProjectContent.js";
+const u = (n) => {
+  const t = i.c(3), {
+    projectId: e,
+    onSetting: c
+  } = n, r = c === void 0 ? a : c;
   let o;
-  return t[0] !== r ? (o = /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(i, { projectId: r }) }), t[0] = r, t[1] = o) : o = t[1], o;
+  return t[0] !== r || t[1] !== e ? (o = /* @__PURE__ */ m(p, { children: /* @__PURE__ */ m(s, { onSetting: r, projectId: e }) }), t[0] = r, t[1] = e, t[2] = o) : o = t[2], o;
 };
+function a(n) {
+}
 export {
-  d as default
+  u as DNamespaceProjectCard
 };

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

@@ -1,8 +1,9 @@
 import { Code0Component } from '../../utils';
 import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
 import { default as React } from 'react';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectContentProps extends Code0Component<HTMLDivElement> {
     projectId: NamespaceProject["id"];
-    onSetting?: (projectId: NamespaceProject["id"]) => void;
+    onSetting?: (project: DNamespaceProjectView) => void;
 }
 export declare const DNamespaceProjectContent: React.FC<DNamespaceProjectContentProps>;

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

@@ -1,70 +1,64 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useService as n } from "../../utils/contextStore.js";
-import a from "react";
+import { useService as a } from "../../utils/contextStore.js";
+import l from "react";
 import "merge-props";
-import { Flex as o } from "../flex/Flex.js";
-import { DNamespaceReactiveService as z } from "../d-namespace/DNamespace.service.js";
-import { DOrganizationReactiveService as j } from "../d-organization/DOrganization.service.js";
+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 { 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 "../../_virtual/compiler-runtime.js";
-import '../../assets/components/menu/Menu.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
-import { Text as c } from "../text/Text.js";
-import { IconGitFork as I, IconServer as x, IconServerSpark as R, IconSettings as _ } from "@tabler/icons-react";
-import { Button as B } from "../button/Button.js";
-/* empty css                            */
-import { Avatar as D } from "../avatar/Avatar.js";
-import { DUserReactiveService as b } from "../d-user/DUser.service.js";
-/* empty css                      */
-import "@radix-ui/react-dropdown-menu";
-import { Badge as s } from "../badge/Badge.js";
-import { DNamespaceProjectReactiveService as P } from "./DNamespaceProject.service.js";
-import { DRuntimeReactiveService as k } from "../d-runtime/DRuntime.service.js";
-const Y = (m) => {
+import '../../assets/components/card/Card.style.css';/* empty css                      */
+import { Button as z } from "../button/Button.js";
+const T = (p) => {
   const {
-    projectId: y,
-    onSetting: g = () => {
+    projectId: n,
+    onSetting: d = () => {
     }
-  } = m, p = n(P), l = n(z), f = n(j), v = n(b), h = n(k), e = a.useMemo(() => p.getById(m.projectId), [p, m.projectId]), d = a.useMemo(() => e ? h.getById(e.primaryRuntime?.id) : null, [e]), t = a.useMemo(() => e ? l.getById(e.namespace?.id) : null, [l, e]), u = a.useMemo(() => t && t.parent ? t.parent.__typename === "Organization" ? f.getById(t.parent.id) : t.parent.__typename === "User" ? v.getById(t.parent.id) : null : null, []);
-  return /* @__PURE__ */ i(o, { align: "center", style: {
+  } = 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]);
+  return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
-    /* @__PURE__ */ i(o, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ r(D, { bg: "transparent", identifier: (t?.parent?.__typename === "User" ? u.username : t?.parent?.__typename === "Organization" ? u.name : "") ?? "" }),
-      /* @__PURE__ */ i(o, { style: {
+      /* @__PURE__ */ r(h, { bg: "transparent", identifier: e?.name ?? "" }),
+      /* @__PURE__ */ i(t, { style: {
         flexDirection: "column",
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ r(c, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
-        /* @__PURE__ */ r(c, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
+        /* @__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__ */ i(o, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ i(o, { align: "center", style: {
+      /* @__PURE__ */ i(t, { align: "center", style: {
         gap: "0.35rem",
         flexWrap: "wrap"
       }, children: [
-        /* @__PURE__ */ i(s, { color: "secondary", children: [
-          /* @__PURE__ */ r(I, { size: 16 }),
-          /* @__PURE__ */ r(c, { size: "xs", children: e?.flows?.count ?? 0 })
+        /* @__PURE__ */ i(c, { color: "secondary", children: [
+          /* @__PURE__ */ r(f, { size: 16 }),
+          /* @__PURE__ */ r(o, { size: "xs", children: e?.flows?.count ?? 0 })
         ] }),
-        /* @__PURE__ */ i(s, { color: "secondary", children: [
-          /* @__PURE__ */ r(x, { size: 16 }),
-          /* @__PURE__ */ r(c, { size: "xs", children: e?.runtimes?.count ?? 0 })
+        /* @__PURE__ */ i(c, { color: "secondary", children: [
+          /* @__PURE__ */ r(j, { size: 16 }),
+          /* @__PURE__ */ r(o, { size: "xs", children: e?.runtimes?.count ?? 0 })
         ] }),
-        d && /* @__PURE__ */ i(s, { color: "secondary", children: [
-          /* @__PURE__ */ r(R, { size: 16 }),
-          /* @__PURE__ */ r(c, { size: "xs", children: d.name })
+        m && /* @__PURE__ */ i(c, { color: "secondary", children: [
+          /* @__PURE__ */ r(v, { size: 16 }),
+          /* @__PURE__ */ r(o, { size: "xs", children: m.name })
         ] })
       ] }),
-      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(B, { color: "secondary", onClick: (S) => {
-        S.stopPropagation(), g(y);
-      }, children: /* @__PURE__ */ r(_, { size: 16 }) }) : null
+      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(z, { color: "secondary", onClick: (y) => {
+        y.stopPropagation(), d(e);
+      }, children: /* @__PURE__ */ r(x, { size: 16 }) }) : null
     ] })
   ] });
 };
 export {
-  Y as DNamespaceProjectContent
+  T as DNamespaceProjectContent
 };

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

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace } from '@code0-tech/sagittarius-graphql-types';
 import { Card } from '../card/Card';
 import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectListProps extends Omit<Card, "children" | "onSelect"> {
     namespaceId: Namespace["id"];
     filter?: (project: DNamespaceProjectView, index: number) => boolean;
-    onSetting?: (projectId: NamespaceProject["id"]) => void;
-    onSelect?: (projectId: NamespaceProject["id"]) => void;
+    onSetting?: (project: DNamespaceProjectView) => void;
+    onSelect?: (project: DNamespaceProjectView) => void;
 }
 export declare const DNamespaceProjectList: React.FC<DNamespaceProjectListProps>;

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

@@ -17,7 +17,7 @@ const b = (c) => {
     namespaceId: t
   }), [a, t]);
   return /* @__PURE__ */ r(u, { ...n, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
-    o && o(e.id);
+    o && o(e);
   }, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
 };
 export {

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

@@ -1,24 +1,18 @@
-import { DNamespaceProjectReactiveService as L } from "./DNamespaceProject.service.js";
-import { DNamespaceProjectView as S } from "./DNamespaceProject.view.js";
+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 "react/jsx-runtime";
-import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/badge/Badge.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
 import "react";
+import "../../_virtual/compiler-runtime.js";
+import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "merge-props";
+import "@radix-ui/react-dropdown-menu";
 import "../../utils/contextStore.js";
-/* empty css                      */
-/* empty css                      */
-import "@tabler/icons-react";
 import "../button/Button.js";
-/* empty css                            */
-import "js-md5";
-/* empty css                          */
-/* empty css                      */
-import "@radix-ui/react-dropdown-menu";
-/* empty css                        */
-import { DNamespaceProjectList as b } from "./DNamespaceProjectList.js";
 export {
-  b as DNamespaceProjectList,
-  L as DNamespaceProjectReactiveService,
-  S as DNamespaceProjectView
+  N as DNamespaceProjectCard,
+  v as DNamespaceProjectList,
+  f as DNamespaceProjectReactiveService,
+  x as DNamespaceProjectView
 };

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

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, NamespaceProjectConnection, NamespaceRole, NamespaceRoleAbility, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, NamespaceProjectConnection, NamespaceRole, NamespaceRoleAbility, NamespaceRoleUserAbilities, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceRoleView {
     /** The abilities the role is granted */
     private readonly _abilities?;
@@ -14,6 +14,8 @@ export declare class DNamespaceRoleView {
     private readonly _namespace?;
     /** Time when this NamespaceRole was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this NamespaceRole */
+    private readonly _userAbilities?;
     constructor(payload: NamespaceRole);
     get abilities(): Maybe<Array<NamespaceRoleAbility>> | undefined;
     get assignedProjects(): Maybe<NamespaceProjectConnection> | undefined;
@@ -22,5 +24,6 @@ export declare class DNamespaceRoleView {
     get name(): Maybe<Scalars["String"]["output"]> | undefined;
     get namespace(): Maybe<Namespace> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<NamespaceRoleUserAbilities> | undefined;
     json(): NamespaceRole;
 }

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

@@ -15,9 +15,9 @@ function a(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-class d {
+class u {
   constructor(e) {
-    i(this, "_abilities", void 0), i(this, "_assignedProjects", void 0), 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), this._abilities = e.abilities, this._assignedProjects = e.assignedProjects, this._createdAt = e.createdAt, this._id = e.id, this._name = e.name, this._namespace = e.namespace, this._updatedAt = e.updatedAt;
+    i(this, "_abilities", void 0), i(this, "_assignedProjects", void 0), 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._abilities = e.abilities, this._assignedProjects = e.assignedProjects, 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 abilities() {
     return this._abilities;
@@ -40,6 +40,9 @@ class d {
   get updatedAt() {
     return this._updatedAt;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   json() {
     return {
       abilities: this._abilities,
@@ -53,5 +56,5 @@ class d {
   }
 }
 export {
-  d as DNamespaceRoleView
+  u as DNamespaceRoleView
 };

package/dist/components/d-role/DNamespaceRoleCard.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+import { Card } from '../card/Card';
+import { NamespaceRole } from '@code0-tech/sagittarius-graphql-types';
+export interface DNamespaceRoleCardProps extends Omit<Card, "children" | "onSelect"> {
+    roleId: NamespaceRole['id'];
+    onSetting?: (role: DNamespaceRoleView) => void;
+    onMembersViewMore?: (role: DNamespaceRoleView) => void;
+    onProjectsViewMore?: (role: DNamespaceRoleView) => void;
+}
+export declare const DNamespaceRoleCard: React.FC<DNamespaceRoleCardProps>;

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

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { Card as p } from "../card/Card.js";
+import { DNamespaceRoleContent as a } from "./DNamespaceRoleContent.js";
+const C = (s) => {
+  const e = c.c(5), {
+    roleId: r,
+    onSetting: t,
+    onMembersViewMore: m,
+    onProjectsViewMore: n
+  } = s;
+  let o;
+  return e[0] !== m || e[1] !== n || e[2] !== t || e[3] !== r ? (o = /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(a, { onSetting: t, onMembersViewMore: m, onProjectsViewMore: n, roleId: r }) }), e[0] = m, e[1] = n, e[2] = t, e[3] = r, e[4] = o) : o = e[4], o;
+};
+export {
+  C as DNamespaceRoleCard
+};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+import { NamespaceRole } from '@code0-tech/sagittarius-graphql-types';
+export interface DNamespaceRoleContentProps {
+    roleId: NamespaceRole["id"];
+    onSetting?: (role: DNamespaceRoleView) => void;
+    onMembersViewMore?: (role: DNamespaceRoleView) => void;
+    onProjectsViewMore?: (role: DNamespaceRoleView) => void;
+}
+export declare const DNamespaceRoleContent: React.FC<DNamespaceRoleContentProps>;