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

package/dist/components/d-runtime/DRuntimeList.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Card as a } from "../card/Card.js";
+import l from "react";
+import { useService as S, useStore as v } from "../../utils/contextStore.js";
+import "merge-props";
+import { DRuntimeReactiveService as m } from "./DRuntime.service.js";
+import R from "../card/CardSection.js";
+import { DRuntimeContent as C } from "./DRuntimeContent.js";
+const j = (n) => {
+  const {
+    namespaceId: t,
+    minimized: i = !1,
+    filter: c = () => !0,
+    onSetting: s,
+    onSelect: o,
+    ...d
+  } = n, u = S(m), f = v(m), p = l.useMemo(() => u.values({
+    namespaceId: t
+  }), [f, t]);
+  return /* @__PURE__ */ r(a, { ...d, ...i ? {
+    paddingSize: "sm"
+  } : {}, children: p.filter(c).map((e) => e.id && /* @__PURE__ */ r(R, { border: !0, hover: !0, onClick: () => {
+    o && o(e);
+  }, children: /* @__PURE__ */ r(C, { minimized: i, onSetting: s, runtimeId: e?.id }) }, e.id)) });
+};
+export {
+  j as DRuntimeList
+};

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

@@ -1,2 +1,4 @@
 export * from './DRuntime.service';
 export * from './DRuntime.view';
+export * from './DRuntimeCard';
+export * from './DRuntimeList';

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

@@ -1,6 +1,10 @@
-import { DRuntimeReactiveService as r } from "./DRuntime.service.js";
+import { DRuntimeReactiveService as t } from "./DRuntime.service.js";
 import { DRuntimeView as m } from "./DRuntime.view.js";
+import { DRuntimeCard as R } from "./DRuntimeCard.js";
+import { DRuntimeList as n } from "./DRuntimeList.js";
 export {
-  r as DRuntimeReactiveService,
+  R as DRuntimeCard,
+  n as DRuntimeList,
+  t as DRuntimeReactiveService,
   m as DRuntimeView
 };

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

@@ -1,10 +1,9 @@
-import { ReactiveArrayService } from '../../utils/reactiveArrayService';
-import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UserSession, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
+import { ReactiveArrayService } from '../../utils';
+import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
 import { DUserView } from './DUser.view';
 export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {
-    createUserSession(payload: UserSession): void;
-    getUserSession(): UserSession | undefined;
     getById(id: User['id']): DUserView | undefined;
+    getByUsername(username: User['username']): DUserView | undefined;
     abstract usersEmailVerification(payload: UsersEmailVerificationInput): Promise<UsersEmailVerificationPayload | undefined>;
     abstract usersIdentityLink(payload: UsersIdentityLinkInput): Promise<UsersIdentityLinkPayload | undefined>;
     abstract usersIdentityLogin(payload: UsersIdentityLoginInput): Promise<UsersIdentityLoginPayload | undefined>;

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

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

package/dist/components/d-user/DUser.session.hook.d.ts

@@ -0,0 +1,3 @@
+import { UserSession } from '@code0-tech/sagittarius-graphql-types';
+export declare const useUserSession: () => UserSession | null | undefined;
+export declare const setUserSession: (userSession: UserSession) => void;

package/dist/components/d-user/DUser.session.hook.js

@@ -0,0 +1,16 @@
+import { c } from "../../_virtual/compiler-runtime.js";
+import i from "react";
+const m = () => {
+  const e = c.c(2), [n, r] = i.useState(void 0);
+  let s, o;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (s = () => {
+    const t = JSON.parse(localStorage.getItem("ide_code-zero_session"));
+    t && t.token ? r(t) : r(null);
+  }, o = [], e[0] = s, e[1] = o) : (s = e[0], o = e[1]), i.useEffect(s, o), n;
+}, S = (e) => {
+  localStorage.setItem("ide_code-zero_session", JSON.stringify(e));
+};
+export {
+  S as setUserSession,
+  m as useUserSession
+};

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

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, NamespaceMemberConnection, Scalars, User, UserIdentityConnection, UserSessionConnection } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, NamespaceMemberConnection, Scalars, User, UserIdentityConnection, UserSessionConnection, UserUserAbilities } from '@code0-tech/sagittarius-graphql-types';
 export declare class DUserView {
     /** Global admin status of the user */
     private _admin?;
@@ -28,6 +28,8 @@ export declare class DUserView {
     private readonly _updatedAt?;
     /** Username of the user */
     private _username?;
+    /** Abilities for the current user on this User */
+    private readonly _userAbilities?;
     constructor(user: User);
     get admin(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get avatarPath(): Maybe<Scalars["String"]["output"]> | undefined;
@@ -43,6 +45,7 @@ export declare class DUserView {
     get sessions(): Maybe<UserSessionConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get username(): Maybe<Scalars["String"]["output"]> | undefined;
+    get userAbilities(): Maybe<UserUserAbilities> | undefined;
     set admin(value: Maybe<Scalars["Boolean"]["output"]>);
     set email(value: Maybe<Scalars["String"]["output"]>);
     set firstname(value: Maybe<Scalars["String"]["output"]>);

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

@@ -1,23 +1,23 @@
-function i(t, e, s) {
-  return (e = n(e)) in t ? Object.defineProperty(t, e, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = s, t;
+function t(i, e, s) {
+  return (e = r(e)) in i ? Object.defineProperty(i, e, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = s, i;
 }
-function n(t) {
-  var e = r(t, "string");
+function r(i) {
+  var e = n(i, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function r(t, e) {
-  if (typeof t != "object" || !t) return t;
-  var s = t[Symbol.toPrimitive];
+function n(i, e) {
+  if (typeof i != "object" || !i) return i;
+  var s = i[Symbol.toPrimitive];
   if (s !== void 0) {
-    var a = s.call(t, e);
+    var a = s.call(i, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(t);
+  return (e === "string" ? String : Number)(i);
 }
 class m {
   constructor(e) {
-    i(this, "_admin", void 0), i(this, "_avatarPath", void 0), i(this, "_createdAt", void 0), i(this, "_email", void 0), i(this, "_emailVerifiedAt", void 0), i(this, "_firstname", void 0), i(this, "_id", void 0), i(this, "_identities", void 0), i(this, "_lastname", void 0), i(this, "_namespace", void 0), i(this, "_namespaceMemberships", void 0), i(this, "_sessions", void 0), i(this, "_updatedAt", void 0), i(this, "_username", void 0), this._admin = e.admin, this._avatarPath = e.avatarPath, this._createdAt = e.createdAt, this._email = e.email, this._emailVerifiedAt = e.emailVerifiedAt, this._firstname = e.firstname, this._id = e.id, this._identities = e.identities, this._lastname = e.lastname, this._namespace = e.namespace, this._namespaceMemberships = e.namespaceMemberships, this._sessions = e.sessions, this._updatedAt = e.updatedAt, this._username = e.username;
+    t(this, "_admin", void 0), t(this, "_avatarPath", void 0), t(this, "_createdAt", void 0), t(this, "_email", void 0), t(this, "_emailVerifiedAt", void 0), t(this, "_firstname", void 0), t(this, "_id", void 0), t(this, "_identities", void 0), t(this, "_lastname", void 0), t(this, "_namespace", void 0), t(this, "_namespaceMemberships", void 0), t(this, "_sessions", void 0), t(this, "_updatedAt", void 0), t(this, "_username", void 0), t(this, "_userAbilities", void 0), this._admin = e.admin, this._avatarPath = e.avatarPath, this._createdAt = e.createdAt, this._email = e.email, this._emailVerifiedAt = e.emailVerifiedAt, this._firstname = e.firstname, this._id = e.id, this._identities = e.identities, this._lastname = e.lastname, this._namespace = e.namespace, this._namespaceMemberships = e.namespaceMemberships, this._sessions = e.sessions, this._updatedAt = e.updatedAt, this._username = e.username, this._userAbilities = e.userAbilities;
   }
   get admin() {
     return this._admin;
@@ -61,6 +61,9 @@ class m {
   get username() {
     return this._username;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   set admin(e) {
     this._admin = e;
   }

package/dist/components/d-user/DUserCard.d.ts

@@ -0,0 +1,8 @@
+import { User } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { DUserView } from './DUser.view';
+export interface DUserCardProps {
+    userId: User['id'];
+    onRemove?: (user: DUserView) => void;
+}
+export declare const DUserCard: React.FC<DUserCardProps>;

package/dist/components/d-user/DUserCard.js

@@ -0,0 +1,15 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import { Card as i } from "../card/Card.js";
+import { DUserContent as c } from "./DUserContent.js";
+const a = (s) => {
+  const r = n.c(3), {
+    userId: t,
+    onRemove: e
+  } = s;
+  let o;
+  return r[0] !== e || r[1] !== t ? (o = /* @__PURE__ */ m(i, { children: /* @__PURE__ */ m(c, { userId: t, onRemove: e }) }), r[0] = e, r[1] = t, r[2] = o) : o = r[2], o;
+};
+export {
+  a as DUserCard
+};

package/dist/components/d-user/DUserContent.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { User } from '@code0-tech/sagittarius-graphql-types';
+import { DUserView } from './DUser.view';
+export interface DUserContentProps {
+    userId: User['id'];
+    onRemove?: (user: DUserView) => void;
+}
+export declare const DUserContent: React.FC<DUserContentProps>;

package/dist/components/d-user/DUserContent.js

@@ -0,0 +1,84 @@
+import { jsx as d, jsxs as u } from "react/jsx-runtime";
+import { c as V } from "../../_virtual/compiler-runtime.js";
+import w from "react";
+import { Flex as p } from "../flex/Flex.js";
+import { Avatar as B } from "../avatar/Avatar.js";
+import { useUserSession as E } from "./DUser.session.hook.js";
+import { useService as k } from "../../utils/contextStore.js";
+import "merge-props";
+import { DUserReactiveService as F } from "./DUser.service.js";
+import { Text as R } from "../text/Text.js";
+import { Badge as C } from "../badge/Badge.js";
+import { IconMailCheck as M } from "@tabler/icons-react";
+import "../button/Button.js";
+const Z = (D) => {
+  const e = V.c(37), {
+    userId: x,
+    onRemove: z
+  } = D, A = z === void 0 ? O : z, b = k(F), I = E(), [U, T] = w.useState(!1);
+  let h;
+  e[0] !== x || e[1] !== b ? (h = b.getById(x), e[0] = x, e[1] = b, e[2] = h) : h = e[2];
+  const r = h, j = I?.user?.id === r.id;
+  let y;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+    gap: ".7rem"
+  }, e[3] = y) : y = e[3];
+  let t;
+  e[4] !== r.username ? (t = /* @__PURE__ */ d(B, { identifier: r.username, bg: "transparent" }), e[4] = r.username, e[5] = t) : t = e[5];
+  let g;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    gap: ".35rem",
+    flexDirection: "column"
+  }, e[6] = g) : g = e[6];
+  let v;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+    gap: "0.35rem"
+  }, e[7] = v) : v = e[7];
+  let i;
+  e[8] !== r.username ? (i = /* @__PURE__ */ d(R, { size: "md", hierarchy: "primary", children: r.username }), e[8] = r.username, e[9] = i) : i = e[9];
+  let l;
+  e[10] !== r.admin ? (l = r.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Owner" }) : null, e[10] = r.admin, e[11] = l) : l = e[11];
+  let s;
+  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ u(p, { align: "center", style: v, children: [
+    i,
+    l
+  ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
+  let n;
+  e[15] !== r.email ? (n = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = n) : n = e[16];
+  let m;
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ u(p, { style: g, children: [
+    s,
+    n
+  ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
+  let o;
+  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ u(p, { style: y, align: "center", children: [
+    t,
+    m
+  ] }), e[20] = m, e[21] = t, e[22] = o) : o = e[22];
+  let _;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    gap: "1.3rem"
+  }, e[23] = _) : _ = e[23];
+  let c;
+  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ u(C, { border: !0, children: [
+    /* @__PURE__ */ d(M, { size: 16 }),
+    /* @__PURE__ */ d(R, { size: "xs", hierarchy: "tertiary", children: "Email verified" })
+  ] }) : null, e[24] = r.emailVerifiedAt, e[25] = c) : c = e[25];
+  let a;
+  e[26] !== j || e[27] !== A || e[28] !== U || e[29] !== r ? (a = null, e[26] = j, e[27] = A, e[28] = U, e[29] = r, e[30] = a) : a = e[30];
+  let f;
+  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ u(p, { style: _, align: "center", children: [
+    c,
+    a
+  ] }), e[31] = c, e[32] = a, e[33] = f) : f = e[33];
+  let S;
+  return e[34] !== o || e[35] !== f ? (S = /* @__PURE__ */ u(p, { justify: "space-between", align: "center", children: [
+    o,
+    f
+  ] }), e[34] = o, e[35] = f, e[36] = S) : S = e[36], S;
+};
+function O() {
+}
+export {
+  Z as DUserContent
+};

package/dist/components/d-user/DUserInput.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TextInputProps } from '../form';
+import { DUserView } from './DUser.view';
+export interface DUserInputProps extends TextInputProps {
+    filter?: (user: DUserView, index: number) => boolean;
+}
+export declare const DUserInput: React.FC<DUserInputProps>;

package/dist/components/d-user/DUserInput.js

@@ -0,0 +1,100 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import x from "react";
+import "../../_virtual/compiler-runtime.js";
+import "@radix-ui/react-checkbox";
+import "merge-props";
+import { IconArrowUp as S, IconArrowDown as b, IconCornerDownLeft as D } from "@tabler/icons-react";
+import '../../assets/components/form/Input.style.css';/* 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 { TextInput as I } from "../form/TextInput.js";
+import { Badge as l } from "../badge/Badge.js";
+import { Text as m } from "../text/Text.js";
+import { useService as L, useStore as U } from "../../utils/contextStore.js";
+import { DUserReactiveService as g } from "./DUser.service.js";
+import { MenuLabel as w, MenuItem as z } from "../menu/Menu.js";
+import { Flex as s } from "../flex/Flex.js";
+import { Spacing as B } from "../spacing/Spacing.js";
+const P = (p) => {
+  const {
+    filter: h = () => !0,
+    ...d
+  } = p, u = L(g), f = U(g), v = x.useMemo(() => u.values().filter(h).map((r) => ({
+    value: r.username || "",
+    children: /* @__PURE__ */ i(s, { align: "end", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ e(m, { children: r.username }),
+      /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: r.email })
+    ] }),
+    insertMode: "insert",
+    valueData: r,
+    groupBy: "Users"
+  })), [f]);
+  return /* @__PURE__ */ e(I, { placeholder: "Enter users", suggestionsEmptyState: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(m, { children: "No user found" }) }), onLastTokenChange: (r) => {
+    u.getByUsername(r);
+  }, suggestionsFooter: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(s, { style: {
+    gap: ".35rem"
+  }, children: [
+    /* @__PURE__ */ i(s, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(S, { size: 12 }) }),
+        /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(b, { size: 12 }) })
+      ] }),
+      "move"
+    ] }),
+    /* @__PURE__ */ e(B, { spacing: "xxs" }),
+    /* @__PURE__ */ i(s, { align: "center", style: {
+      gap: ".35rem"
+    }, children: [
+      /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(D, { size: 12 }) }),
+      "insert"
+    ] })
+  ] }) }), filterSuggestionsByLastToken: !0, enforceUniqueSuggestions: !0, transformSyntax: (r, a = []) => {
+    let t = 0;
+    return a.map((o, y) => {
+      if (typeof o == "object") {
+        const c = {
+          type: "block",
+          value: o.valueData,
+          start: t,
+          end: t + o.value.length,
+          visualLength: 1,
+          content: /* @__PURE__ */ e(l, { color: "info", border: !0, children: /* @__PURE__ */ i(m, { style: {
+            color: "inherit"
+          }, children: [
+            "@",
+            o.value
+          ] }) })
+        };
+        return t += o.value.length, c;
+      }
+      const n = o ?? "";
+      if (n.length) {
+        if (y == a.length - 1) {
+          const c = {
+            type: "text",
+            value: n,
+            start: t,
+            end: t + n.length,
+            visualLength: n.length,
+            content: n
+          };
+          return t += n.length, c;
+        }
+        return t += n.length, {};
+      }
+    });
+  }, ...d, suggestions: v });
+};
+export {
+  P as DUserInput
+};

package/dist/components/d-user/DUserList.d.ts

@@ -0,0 +1,9 @@
+import { DUserView } from './DUser.view';
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+export interface DUserListProps extends Omit<Card, "children" | "onSelect"> {
+    filter?: (user: DUserView, index: number) => boolean;
+    onSelect?: (user: DUserView) => void;
+    onRemove?: (user: DUserView) => void;
+}
+export declare const DUserList: React.FC<DUserListProps>;

package/dist/components/d-user/DUserList.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { useService as u, useStore as l } from "../../utils/contextStore.js";
+import "merge-props";
+import { DUserReactiveService as t } from "./DUser.service.js";
+import { Card as a } from "../card/Card.js";
+import v from "../card/CardSection.js";
+import { DUserContent as S } from "./DUserContent.js";
+const j = (i) => {
+  const {
+    filter: m = () => !0,
+    onRemove: s,
+    onSelect: o,
+    ...c
+  } = i, n = u(t), f = l(t), d = p.useMemo(() => n.values(), [f]);
+  return /* @__PURE__ */ e(a, { ...c, children: d.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(v, { border: !0, hover: !0, onClick: () => {
+    o && o(r);
+  }, children: /* @__PURE__ */ e(S, { onRemove: s, userId: r?.id }) }, r.id)) });
+};
+export {
+  j as DUserList
+};

package/dist/components/d-user/DUserMenu.js

@@ -1,28 +1,29 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import l from "react";
-import { Menu as u, MenuTrigger as d, MenuPortal as h, MenuContent as f } from "../menu/Menu.js";
-import { DUserReactiveService as n } from "./DUser.service.js";
-import { useService as s } from "../../utils/contextStore.js";
-import { Avatar as p } from "../avatar/Avatar.js";
-import { Text as o } from "../text/Text.js";
-import { Flex as c } from "../flex/Flex.js";
-const j = (i) => {
-  const m = s(n), a = s(n), r = m.getUserSession()?.user;
-  return l.useMemo(() => /* @__PURE__ */ t(u, { ...i, children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ t(c, { align: "center", style: {
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { Menu as l, MenuTrigger as u, MenuPortal as d, MenuContent as h } from "../menu/Menu.js";
+import { DUserReactiveService as s } from "./DUser.service.js";
+import { useService as f, useStore as p } from "../../utils/contextStore.js";
+import "merge-props";
+import { Avatar as x } from "../avatar/Avatar.js";
+import { Text as c } from "../text/Text.js";
+import { Flex as m } from "../flex/Flex.js";
+const C = (t) => {
+  const n = f(s), a = p(s), r = o.useMemo(() => n.getById(t.userId), [a, n]);
+  return o.useMemo(() => /* @__PURE__ */ i(l, { ...t, children: [
+    /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ i(m, { align: "center", style: {
       gap: ".5rem"
     }, children: [
-      /* @__PURE__ */ e(p, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
-      /* @__PURE__ */ t(c, { style: {
+      /* @__PURE__ */ e(x, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
+      /* @__PURE__ */ i(m, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(o, { size: "md", hierarchy: "secondary", children: r?.username }),
-        /* @__PURE__ */ e(o, { size: "xs", hierarchy: "tertiary", children: r?.email })
+        /* @__PURE__ */ e(c, { size: "md", hierarchy: "secondary", children: r?.username }),
+        /* @__PURE__ */ e(c, { size: "xs", hierarchy: "tertiary", children: r?.email })
       ] })
     ] }) }),
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 8, children: i.children }) })
-  ] }), [a]);
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(h, { side: "bottom", align: "start", sideOffset: 8, children: t.children }) })
+  ] }), [r]);
 };
 export {
-  j as default
+  C as default
 };

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

@@ -1,3 +1,7 @@
 export * from './DUser.service';
 export * from './DUser.view';
 export * from './DUserMenu';
+export * from './DUserCard';
+export * from './DUserList';
+export * from './DUserInput';
+export * from './DUser.session.hook';

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

@@ -1,17 +1,26 @@
-import { DUserReactiveService as U } from "./DUser.service.js";
-import { DUserView as w } from "./DUser.view.js";
+import { DUserReactiveService as S } from "./DUser.service.js";
+import { DUserView as c } from "./DUser.view.js";
 import "react/jsx-runtime";
 import "react";
-import "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Flex.css';import '../../assets/Text.css';import '../../assets/Avatar.css';import '../../assets/Menu.css';/* empty css                        */
+import "../../_virtual/compiler-runtime.js";
+import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.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 "js-md5";
 /* empty css                          */
-/* empty css                        */
-/* empty css                        */
+/* empty css                      */
+/* empty css                      */
+import { DUserCard as v } from "./DUserCard.js";
+import { DUserList as w } from "./DUserList.js";
+import { DUserInput as I } from "./DUserInput.js";
+import { setUserSession as R, useUserSession as V } from "./DUser.session.hook.js";
 export {
-  U as DUserReactiveService,
-  w as DUserView
+  v as DUserCard,
+  I as DUserInput,
+  w as DUserList,
+  S as DUserReactiveService,
+  c as DUserView,
+  R as setUserSession,
+  V as useUserSession
 };

package/dist/components/dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { Code0Component, Code0ComponentProps } from '../../utils/types';
+import { Code0Component, Code0ComponentProps } from '../../utils';
 import { default as React } from 'react';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 export type DialogProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Root>;
@@ -12,6 +12,7 @@ export type DialogHeaderProps = Code0ComponentProps & React.ComponentProps<"div"
 export type DialogFooterProps = Code0ComponentProps & React.ComponentProps<"div">;
 export type DialogContentProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
+    title?: string;
 };
 export type DialogStickyContentProps = Code0Component<HTMLDivElement> & {
     children: React.ReactNode | React.ReactNode[];