@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.31

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

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

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

@@ -0,0 +1,101 @@
+import { jsxs as t, 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 a } from "../text/Text.js";
+import { DOrganizationReactiveService as v } from "./DOrganization.service.js";
+import { IconFolders as k, IconUsers as L, IconServer as N, IconEdit as w, IconLogout as F } from "@tabler/icons-react";
+import { Flex as i } from "../flex/Flex.js";
+import { Button as S } from "../button/Button.js";
+import { Spacing as P } from "../spacing/Spacing.js";
+import { Avatar as _ } from "../avatar/Avatar.js";
+import { DUserReactiveService as b } from "../d-user/DUser.service.js";
+import "../../_virtual/compiler-runtime.js";
+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 E } 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 z } from "../d-namespace/DNamespace.service.js";
+import { DNamespaceMemberReactiveService as x } from "../d-member/DNamespaceMember.service.js";
+import "@radix-ui/react-tooltip";
+/* empty css                            */
+import "@radix-ui/react-dialog";
+/* empty css                          */
+const Ie = (I) => {
+  const {
+    organizationId: m,
+    onLeave: M = () => {
+    },
+    onSetting: j = () => {
+    }
+  } = I, B = c(v), C = s(v), D = c(z), $ = s(z), A = c(x), R = s(x), U = s(b), O = c(b), u = E(), p = n.useMemo(() => U.getById(u?.user?.id), [O, u]), r = n.useMemo(() => m ? C.getById(m) : null, [B, m]), o = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), g = n.useMemo(() => o && p ? R.getByNamespaceIdAndUserId(o.id, p.id) : null, [A, o, p]), h = o?.projects?.count, f = o?.members?.count, y = o?.runtimes?.count;
+  return /* @__PURE__ */ t(i, { align: "center", style: {
+    gap: "1.3rem"
+  }, justify: "space-between", children: [
+    /* @__PURE__ */ t(i, { align: "center", style: {
+      gap: "1.3rem"
+    }, children: [
+      /* @__PURE__ */ e(_, { bg: "transparent", identifier: r?.name ?? "" }),
+      /* @__PURE__ */ t(i, { style: {
+        flexDirection: "column"
+      }, children: [
+        /* @__PURE__ */ e(a, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(P, { spacing: "xxs" }),
+        /* @__PURE__ */ t(i, { align: "center", style: {
+          gap: "0.35rem",
+          flexWrap: "wrap"
+        }, children: [
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
+            gap: "0.35rem"
+          }, children: [
+            /* @__PURE__ */ e(k, { size: 16 }),
+            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} project${(h ?? 0) !== 1 ? "s" : ""}` })
+          ] }) }),
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
+            gap: "0.35rem"
+          }, children: [
+            /* @__PURE__ */ e(L, { size: 16 }),
+            /* @__PURE__ */ t(a, { size: "xs", hierarchy: "tertiary", children: [
+              " ",
+              `${f ?? 0} member${(f ?? 0) !== 1 ? "s" : ""}`
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
+            gap: "0.35rem"
+          }, children: [
+            /* @__PURE__ */ e(N, { size: 16 }),
+            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} runtime${(y ?? 0) !== 1 ? "s" : ""}` })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(i, { align: "center", style: {
+      gap: "0.7rem"
+    }, children: [
+      r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(S, { variant: "filled", color: "secondary", onClick: (l) => {
+        l.stopPropagation(), j(r);
+      }, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
+      g && g.userAbilities?.deleteMember ? /* @__PURE__ */ t(S, { variant: "filled", color: "error", onClick: (l) => {
+        l.stopPropagation(), r && M(r);
+      }, children: [
+        /* @__PURE__ */ e(F, { size: 16 }),
+        " Leave"
+      ] }) : null
+    ] })
+  ] });
+};
+export {
+  Ie as DOrganizationContent
+};

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

@@ -1,4 +1,5 @@
 export * from './DOrganization.service';
 export * from './DOrganization.view';
 export * from './DOrganizationCard';
+export * from './DOrganizationList';
 export * from './DOrganizationMenu';

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

@@ -1,19 +1,39 @@
-import { DOrganizationReactiveService as D } from "./DOrganization.service.js";
-import { DOrganizationView as w } 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/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 "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Menu.css';import '../../assets/Flex.css';import '../../assets/Badge.css';import '../../assets/Text.css';import '../../assets/Card.css';/* empty css                        */
 import "merge-props";
-/* empty css                        */
 import "../../utils/contextStore.js";
+/* empty css                      */
 import "@tabler/icons-react";
-/* empty css                         */
-/* empty css                        */
+/* empty css                      */
 import "../button/Button.js";
-/* empty css                        */
+/* empty css                            */
+import "js-md5";
+/* empty css                          */
+/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
+/* empty css                        */
+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 {
-  D as DOrganizationReactiveService,
-  w as DOrganizationView
+  G as DOrganizationList,
+  B as DOrganizationReactiveService,
+  E as DOrganizationView
 };

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

@@ -0,0 +1,12 @@
+import { Namespace, NamespaceProject, NamespacesProjectsAssignRuntimesInput, NamespacesProjectsAssignRuntimesPayload, NamespacesProjectsCreateInput, NamespacesProjectsCreatePayload, NamespacesProjectsDeleteInput, NamespacesProjectsDeletePayload } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
+import { ReactiveArrayService } from '../../utils';
+export type DProjectDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DNamespaceProjectReactiveService extends ReactiveArrayService<DNamespaceProjectView, DProjectDependencies> {
+    getById(id: NamespaceProject['id'], dependencies?: DProjectDependencies): DNamespaceProjectView | undefined;
+    abstract projectAssignRuntimes(payload: NamespacesProjectsAssignRuntimesInput): Promise<NamespacesProjectsAssignRuntimesPayload | undefined>;
+    abstract projectCreate(payload: NamespacesProjectsCreateInput): Promise<NamespacesProjectsCreatePayload | undefined>;
+    abstract projectDelete(payload: NamespacesProjectsDeleteInput): Promise<NamespacesProjectsDeletePayload | undefined>;
+}

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

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

package/dist/components/{d-namespace/project → d-project}/DNamespaceProject.view.d.ts

@@ -1,4 +1,4 @@
-import { Flow, FlowConnection, Maybe, Namespace, NamespaceProject, Runtime, RuntimeConnection, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, FlowConnection, Maybe, Namespace, NamespaceProject, NamespaceProjectUserAbilities, Runtime, RuntimeConnection, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceProjectView {
     /** Time when this NamespaceProject was created */
     private readonly _createdAt?;
@@ -20,6 +20,8 @@ export declare class DNamespaceProjectView {
     private readonly _runtimes?;
     /** Time when this NamespaceProject was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this NamespaceProject */
+    private readonly _userAbilities?;
     constructor(payload: NamespaceProject);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get description(): Maybe<Scalars["String"]["output"]> | undefined;
@@ -31,5 +33,6 @@ export declare class DNamespaceProjectView {
     get primaryRuntime(): Maybe<Runtime> | undefined;
     get runtimes(): Maybe<RuntimeConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<NamespaceProjectUserAbilities> | undefined;
     json(): NamespaceProject;
 }

package/dist/components/{d-namespace/project → d-project}/DNamespaceProject.view.js

@@ -1,23 +1,23 @@
-function i(e, t, r) {
-  return (t = n(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function e(i, t, r) {
+  return (t = n(t)) in i ? Object.defineProperty(i, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = r, i;
 }
-function n(e) {
-  var t = u(e, "string");
+function n(i) {
+  var t = u(i, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function u(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
+function u(i, t) {
+  if (typeof i != "object" || !i) return i;
+  var r = i[Symbol.toPrimitive];
   if (r !== void 0) {
-    var s = r.call(e, t);
+    var s = r.call(i, t);
     if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(i);
 }
 class o {
   constructor(t) {
-    i(this, "_createdAt", void 0), i(this, "_description", void 0), i(this, "_flow", void 0), i(this, "_flows", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_primaryRuntime", void 0), i(this, "_runtimes", void 0), i(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._description = t.description, this._flow = t.flow, this._flows = t.flows, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._primaryRuntime = t.primaryRuntime, this._runtimes = t.runtimes, this._updatedAt = t.updatedAt;
+    e(this, "_createdAt", void 0), e(this, "_description", void 0), e(this, "_flow", void 0), e(this, "_flows", void 0), e(this, "_id", void 0), e(this, "_name", void 0), e(this, "_namespace", void 0), e(this, "_primaryRuntime", void 0), e(this, "_runtimes", void 0), e(this, "_updatedAt", void 0), e(this, "_userAbilities", void 0), this._createdAt = t.createdAt, this._description = t.description, this._flow = t.flow, this._flows = t.flows, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._primaryRuntime = t.primaryRuntime, this._runtimes = t.runtimes, this._updatedAt = t.updatedAt, this._userAbilities = t.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -49,6 +49,9 @@ class o {
   get updatedAt() {
     return this._updatedAt;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   json() {
     return {
       createdAt: this._createdAt,

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

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

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

@@ -0,0 +1,17 @@
+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 || 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 {
+  u as DNamespaceProjectCard
+};

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

@@ -0,0 +1,10 @@
+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?: (project: DNamespaceProjectView) => void;
+    minimized?: boolean;
+}
+export declare const DNamespaceProjectContent: React.FC<DNamespaceProjectContentProps>;

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

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

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+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?: (project: DNamespaceProjectView) => void;
+    onSelect?: (project: DNamespaceProjectView) => void;
+}
+export declare const DNamespaceProjectList: React.FC<DNamespaceProjectListProps>;

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import f from "react";
+import { Card as u } from "../card/Card.js";
+import { useService as l, useStore as S } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceProjectReactiveService as i } from "./DNamespaceProject.service.js";
+import v from "../card/CardSection.js";
+import { DNamespaceProjectContent as j } from "./DNamespaceProjectContent.js";
+const _ = (c) => {
+  const {
+    namespaceId: t,
+    filter: m = () => !0,
+    onSetting: s,
+    onSelect: o,
+    ...n
+  } = c, a = l(i), p = S(i), d = f.useMemo(() => a.values({
+    namespaceId: t
+  }), [p, 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);
+  }, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
+};
+export {
+  _ as DNamespaceProjectList
+};

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

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

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

@@ -0,0 +1,57 @@
+import { jsxs as r, jsx as e, Fragment as M } from "react/jsx-runtime";
+import s from "react";
+import { Menu as S, MenuTrigger as I, MenuPortal as v, MenuContent as b, MenuItem as y, MenuSeparator as z, MenuLabel as P } from "../menu/Menu.js";
+import { DNamespaceProjectReactiveService as p } from "./DNamespaceProject.service.js";
+import { useService as u } from "../../utils/contextStore.js";
+import { Button as w } from "../button/Button.js";
+import { DNamespaceProjectContent as C } from "./DNamespaceProjectContent.js";
+import { Card as D } from "../card/Card.js";
+import { Flex as t } from "../flex/Flex.js";
+import { Badge as n } from "../badge/Badge.js";
+import { IconArrowUp as B, IconArrowDown as N, IconCornerDownLeft as A } from "@tabler/icons-react";
+import { Spacing as F } from "../spacing/Spacing.js";
+const J = (i) => {
+  const {
+    onProjectSelect: h,
+    namespaceId: c,
+    filter: f = () => !0,
+    projectId: g,
+    children: m
+  } = i, d = u(p), a = u(p), x = d.getById(g), l = s.useMemo(() => d.values({
+    namespaceId: c
+  }).filter(f), [a, c]);
+  return s.useMemo(() => /* @__PURE__ */ r(S, { ...i, children: [
+    /* @__PURE__ */ e(I, { asChild: !0, children: m || /* @__PURE__ */ e(w, { variant: "none", paddingSize: "xxs", children: x?.name }) }),
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(b, { side: "bottom", align: "center", sideOffset: 8, maw: "210px", color: "secondary", children: [
+      /* @__PURE__ */ e(D, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
+        borderWidth: "2px"
+      }, children: l.map((o, j) => /* @__PURE__ */ r(M, { children: [
+        /* @__PURE__ */ e(y, { onSelect: () => h(o), children: /* @__PURE__ */ e(C, { minimized: !0, projectId: o.id }) }, o.id),
+        j < l.length - 1 && /* @__PURE__ */ e(z, {})
+      ] })) }),
+      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(t, { style: {
+        gap: ".35rem"
+      }, children: [
+        /* @__PURE__ */ r(t, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ r(t, { children: [
+            /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(B, { size: 12 }) }),
+            /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(N, { size: 12 }) })
+          ] }),
+          "move"
+        ] }),
+        /* @__PURE__ */ e(F, { spacing: "xxs" }),
+        /* @__PURE__ */ r(t, { align: "center", style: {
+          gap: ".35rem"
+        }, children: [
+          /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(A, { size: 12 }) }),
+          "add"
+        ] })
+      ] }) })
+    ] }) })
+  ] }), [a]);
+};
+export {
+  J as default
+};

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

@@ -0,0 +1,5 @@
+export * from './DNamespaceProject.service';
+export * from './DNamespaceProject.view';
+export * from './DNamespaceProjectCard';
+export * from './DNamespaceProjectList';
+export * from './DNamespaceProjectMenu';

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

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

package/dist/components/d-resizable/DResizable.d.ts

@@ -1,9 +1,9 @@
-import { Code0ComponentProps } from '../../utils/types';
-import { PanelGroupProps, PanelProps, PanelResizeHandleProps } from 'react-resizable-panels';
+import { Code0ComponentProps } from '../../utils';
+import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
 import * as React from "react";
-type DResizablePanelGroupProps = Code0ComponentProps & PanelGroupProps;
+type DResizablePanelGroupProps = Code0ComponentProps & GroupProps;
 type DResizablePanelProps = Code0ComponentProps & PanelProps;
-type DResizableHandleProps = Code0ComponentProps & PanelResizeHandleProps;
+type DResizableHandleProps = Code0ComponentProps & SeparatorProps;
 export declare const DResizablePanelGroup: React.FC<DResizablePanelGroupProps>;
 export declare const DResizablePanel: React.FC<DResizablePanelProps>;
 export declare const DResizableHandle: React.FC<DResizableHandleProps>;

package/dist/components/d-resizable/DResizable.js

@@ -1,31 +1,34 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as n } from "../../compiler-runtime-BNHg76kC.js";
-import { mergeCode0Props as r } from "../../utils/utils.js";
-import { PanelGroup as o, Panel as c, PanelResizeHandle as d } from "react-resizable-panels";
-import '../../assets/DResizable.css';const _ = (a) => {
-  const e = n.c(4);
-  let l;
-  e[0] !== a ? (l = r("d-resizable", a), e[0] = a, e[1] = l) : l = e[1];
-  const t = l;
-  let s;
-  return e[2] !== t ? (s = /* @__PURE__ */ i(o, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = s) : s = e[3], s;
-}, u = (a) => {
-  const e = n.c(4);
-  let l;
-  e[0] !== a ? (l = r("d-resizable__panel", a), e[0] = a, e[1] = l) : l = e[1];
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as o } from "../../utils/utils.js";
+import { Group as n, Panel as m, Separator as c } from "react-resizable-panels";
+import '../../assets/components/d-resizable/DResizable.style.css';/* empty css                      */
+const h = (a) => {
+  const e = s.c(4);
   let t;
-  return e[2] !== l ? (t = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel", ...l }), e[2] = l, e[3] = t) : t = e[3], t;
+  e[0] !== a ? (t = o("d-resizable", a), e[0] = a, e[1] = t) : t = e[1];
+  const l = t;
+  let r;
+  return e[2] !== l ? (r = /* @__PURE__ */ i(n, { "data-slot": "resizable-panel-group", ...l }), e[2] = l, e[3] = r) : r = e[3], r;
 }, P = (a) => {
-  const e = n.c(5);
+  const e = s.c(4);
+  let t;
+  e[0] !== a ? (t = o("d-resizable__panel", a), e[0] = a, e[1] = t) : t = e[1];
   let l;
-  e[0] !== a ? (l = r("d-resizable__handle", a), e[0] = a, e[1] = l) : l = e[1];
+  return e[2] !== t ? (l = /* @__PURE__ */ i(m, { "data-slot": "resizable-panel", ...t }), e[2] = t, e[3] = l) : l = e[3], l;
+}, R = (a) => {
+  const e = s.c(5);
   let t;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
-  let s;
-  return e[3] !== l ? (s = /* @__PURE__ */ i(d, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = s) : s = e[4], s;
+  e[0] !== a ? (t = o("d-resizable__handle", a), e[0] = a, e[1] = t) : t = e[1];
+  let l;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = l) : l = e[2];
+  let r;
+  return e[3] !== t ? (r = /* @__PURE__ */ i(c, { "data-slot": "resizable-handle", ...t, children: l }), e[3] = t, e[4] = r) : r = e[4], r;
 };
 export {
-  P as DResizableHandle,
-  u as DResizablePanel,
-  _ as DResizablePanelGroup
+  R as DResizableHandle,
+  P as DResizablePanel,
+  h as DResizablePanelGroup
 };

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

@@ -0,0 +1,13 @@
+import { ReactiveArrayService } from '../../utils';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+import { Namespace, NamespaceRole, NamespacesRolesAssignAbilitiesInput, NamespacesRolesAssignAbilitiesPayload, NamespacesRolesAssignProjectsInput, NamespacesRolesAssignProjectsPayload, NamespacesRolesCreateInput, NamespacesRolesCreatePayload, NamespacesRolesDeleteInput, NamespacesRolesDeletePayload } from '@code0-tech/sagittarius-graphql-types';
+export type DRoleDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DNamespaceRoleReactiveService extends ReactiveArrayService<DNamespaceRoleView, DRoleDependencies> {
+    getById(id: NamespaceRole['id'], dependencies?: DRoleDependencies): DNamespaceRoleView | undefined;
+    abstract roleAssignAbilities(payload: NamespacesRolesAssignAbilitiesInput): Promise<NamespacesRolesAssignAbilitiesPayload | undefined>;
+    abstract roleAssignProject(payload: NamespacesRolesAssignProjectsInput): Promise<NamespacesRolesAssignProjectsPayload | undefined>;
+    abstract roleCreate(payload: NamespacesRolesCreateInput): Promise<NamespacesRolesCreatePayload | undefined>;
+    abstract roleDelete(payload: NamespacesRolesDeleteInput): Promise<NamespacesRolesDeletePayload | undefined>;
+}

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

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