@code0-tech/pictor 0.0.0-mvp.26 → 0.0.0-mvp.27

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestionMenuSearchBar.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as m } from "../../../_virtual/compiler-runtime.js";
+import { c as m } from "../../_virtual/compiler-runtime.js";
 import { DFlowSuggestionSearchInput as i } from "./DFlowSuggestionSearchInput.js";
 import { IconSearch as s } from "@tabler/icons-react";
 const p = (c) => {

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestionSearchInput.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from '../../form';
+import { InputProps } from '../form';
 import { default as React } from 'react';
 interface DFlowSuggestionSearchInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type"> {
     clearable?: boolean;

package/dist/components/d-flow-suggestion/DFlowSuggestionSearchInput.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../_virtual/compiler-runtime.js";
+import i from "react";
+import "@radix-ui/react-checkbox";
+import "merge-props";
+import { IconX as s } from "@tabler/icons-react";
+import '../../assets/components/d-flow-suggestion/DFlowSuggestionSearchInput.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
+import "../form/EmailInput.js";
+import { Input as c } from "../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 { Button as l } from "../button/Button.js";
+/* empty css                                      */
+import { setElementKey as u } from "../form/Input.utils.js";
+const D = i.forwardRef((e, t) => {
+  t = t || i.useRef(null);
+  const {
+    clearable: m = !1,
+    right: p,
+    ...n
+  } = e, a = () => {
+    t.current && u(t.current, "value", "", "change");
+  }, r = [p];
+  return m && r.push(/* @__PURE__ */ o(l, { variant: "none", onClick: a, children: /* @__PURE__ */ o(s, { size: 13 }) })), /* @__PURE__ */ o(c, { wrapperComponent: {
+    className: "d-flow-suggestion-search-input"
+  }, right: r, type: "text", ref: t, ...n });
+});
+export {
+  D as DFlowSuggestionSearchInput
+};

package/dist/components/d-flow-suggestion/index.d.ts

@@ -0,0 +1 @@
+export * from './DFlowSuggestion.view';

package/dist/components/d-flow-suggestion/index.js

@@ -0,0 +1,4 @@
+import { DFlowSuggestionType as g } from "./DFlowSuggestion.view.js";
+export {
+  g as DFlowSuggestionType
+};

package/dist/components/{d-flow/type → d-flow-type}/DFlowType.service.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveArrayService } from '../../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 import { FlowTypeView } from './DFlowType.view';
 import { FlowType } from '@code0-tech/sagittarius-graphql-types';
 export declare abstract class DFlowTypeReactiveService extends ReactiveArrayService<FlowTypeView> {

package/dist/components/d-flow-type/DFlowType.service.js

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

package/dist/components/{d-flow/type → d-flow-type}/DFlowType.view.d.ts

@@ -1,9 +1,13 @@
 import { DataType, FlowType, FlowTypeSetting, Maybe, Scalars, TranslationConnection } from '@code0-tech/sagittarius-graphql-types';
 export declare class FlowTypeView {
+    /** Name of the function */
+    private readonly _aliases?;
     /** Time when this FlowType was created */
     private readonly _createdAt?;
     /** Descriptions of the flow type */
     private readonly _descriptions?;
+    /** Display message of the function */
+    private readonly _displayMessages?;
     /** Editable status of the flow type */
     private readonly _editable?;
     /** Flow type settings of the flow type */
@@ -21,8 +25,10 @@ export declare class FlowTypeView {
     /** Time when this FlowType was last updated */
     private readonly _updatedAt?;
     constructor(flowType: FlowType);
+    get aliases(): Maybe<TranslationConnection> | undefined;
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get descriptions(): Maybe<TranslationConnection> | undefined;
+    get displayMessages(): Maybe<TranslationConnection> | undefined;
     get editable(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get flowTypeSettings(): Maybe<Array<FlowTypeSetting>> | undefined;
     get id(): Maybe<Scalars["FlowTypeID"]["output"]> | undefined;

package/dist/components/{d-flow/type → d-flow-type}/DFlowType.view.js

@@ -1,23 +1,26 @@
-function i(e, t, r) {
-  return (t = s(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function i(e, t, s) {
+  return (t = n(t)) in e ? Object.defineProperty(e, t, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = s, e;
 }
-function s(e) {
+function n(e) {
   var t = d(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
 function d(e, t) {
   if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(e, t);
-    if (typeof n != "object") return n;
+  var s = e[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var r = s.call(e, t);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-class u {
+class a {
   constructor(t) {
-    i(this, "_createdAt", void 0), i(this, "_descriptions", void 0), i(this, "_editable", void 0), i(this, "_flowTypeSettings", void 0), i(this, "_id", void 0), i(this, "_identifier", void 0), i(this, "_inputType", void 0), i(this, "_names", void 0), i(this, "_returnType", void 0), i(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._descriptions = t.descriptions, this._editable = t.editable, this._flowTypeSettings = t.flowTypeSettings, this._id = t.id, this._identifier = t.identifier, this._inputType = t.inputType, this._names = t.names, this._returnType = t.returnType, this._updatedAt = t.updatedAt;
+    i(this, "_aliases", void 0), i(this, "_createdAt", void 0), i(this, "_descriptions", void 0), i(this, "_displayMessages", void 0), i(this, "_editable", void 0), i(this, "_flowTypeSettings", void 0), i(this, "_id", void 0), i(this, "_identifier", void 0), i(this, "_inputType", void 0), i(this, "_names", void 0), i(this, "_returnType", void 0), i(this, "_updatedAt", void 0), this._aliases = t.aliases, this._createdAt = t.createdAt, this._descriptions = t.descriptions, this._displayMessages = t.displayMessages, this._editable = t.editable, this._flowTypeSettings = t.flowTypeSettings, this._id = t.id, this._identifier = t.identifier, this._inputType = t.inputType, this._names = t.names, this._returnType = t.returnType, this._updatedAt = t.updatedAt;
+  }
+  get aliases() {
+    return this._aliases;
   }
   get createdAt() {
     return this._createdAt;
@@ -25,6 +28,9 @@ class u {
   get descriptions() {
     return this._descriptions;
   }
+  get displayMessages() {
+    return this._displayMessages;
+  }
   get editable() {
     return this._editable;
   }
@@ -65,5 +71,5 @@ class u {
   }
 }
 export {
-  u as FlowTypeView
+  a as FlowTypeView
 };

package/dist/components/d-flow-validation/DDataTypeValidation.hook.d.ts

@@ -0,0 +1,2 @@
+import { DataTypeView } from '../d-flow-data-type';
+export declare const useDataTypeValidation: (firstDataType: DataTypeView, secondDataType: DataTypeView) => boolean;

package/dist/components/d-flow-validation/DDataTypeValidation.hook.js

@@ -0,0 +1,18 @@
+const g = ["id", "__typename", "createdAt", "updatedAt", "aliases", "displayMessages", "name", "runtime"], h = (l, u) => {
+  if (l.variant !== u.variant) return !1;
+  const c = (e) => e !== null && typeof e == "object", i = (e, r) => {
+    if (e === r) return !0;
+    const a = Array.isArray(e), y = Array.isArray(r);
+    if (a || y)
+      return !a || !y || e.length !== r.length ? !1 : e.every((s, f) => i(s, r[f]));
+    if (c(e) && c(r)) {
+      const s = Object.keys(e), f = Object.keys(r);
+      return s.length !== f.length ? !1 : s.every((o) => g.includes(o) ? !0 : i(e[o], r[o]));
+    }
+    return !1;
+  }, t = l.rules?.nodes ?? [], n = u.rules?.nodes ?? [];
+  return !t.length && !n.length ? !0 : !t.length || !n.length || t.length !== n.length ? !1 : t.every((e, r) => i(e, n[r]));
+};
+export {
+  h as useDataTypeValidation
+};

package/dist/components/d-flow-validation/DFlowValidation.hook.d.ts

@@ -0,0 +1,3 @@
+import { ValidationResult } from '../../utils';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export declare const useFlowValidation: (flowId: Flow["id"]) => ValidationResult[];

package/dist/components/d-flow-validation/DFlowValidation.hook.js

@@ -0,0 +1,22 @@
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { useService as p, useStore as c } from "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as i } from "../d-flow/DFlow.service.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import "js-md5";
+const _ = (r) => {
+  const t = m.c(1), e = p(i);
+  c(i), e.getById(r);
+  let o;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = [], t[0] = o) : o = t[0], o;
+};
+export {
+  _ as useFlowValidation
+};

package/dist/components/d-flow-validation/DFlowValidation.js

@@ -0,0 +1,66 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { Panel as f } from "@xyflow/react";
+import { Flex as m } from "../flex/Flex.js";
+import "../../utils/contextStore.js";
+import { InspectionSeverity as l } from "../../utils/inspection.js";
+import "react";
+import "merge-props";
+import { Badge as p } from "../badge/Badge.js";
+import { IconExclamationCircle as u, IconAlertTriangle as d, IconMessageExclamation as g } from "@tabler/icons-react";
+import '../../assets/components/d-flow-validation/DFlowValidation.style.css';/* empty css                           */
+import { Text as h } from "../text/Text.js";
+import { useFlowValidation as R } from "./DFlowValidation.hook.js";
+const B = (e) => {
+  const n = s.c(4), {
+    flowId: a
+  } = e, t = R(a);
+  let i;
+  n[0] !== t ? (i = (t?.length ?? 0) > 0 ? /* @__PURE__ */ r("div", { className: "d-flow-viewport-validations", children: /* @__PURE__ */ c(m, { align: "center", style: {
+    gap: "0.7rem"
+  }, children: [
+    (t?.filter(y)?.length ?? 0) > 0 ? /* @__PURE__ */ r(p, { border: !0, color: "error", children: /* @__PURE__ */ c(m, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ r(u, { size: 16 }),
+      /* @__PURE__ */ r(h, { style: {
+        color: "inherit"
+      }, children: t?.filter(x)?.length })
+    ] }) }) : null,
+    (t?.filter(A)?.length ?? 0) > 0 ? /* @__PURE__ */ r(p, { border: !0, color: "warning", children: /* @__PURE__ */ c(m, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ r(d, { size: 16 }),
+      t?.filter(I)?.length
+    ] }) }) : null,
+    (t?.filter(w)?.length ?? 0) > 0 ? /* @__PURE__ */ r(p, { border: !0, children: /* @__PURE__ */ c(m, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      /* @__PURE__ */ r(g, { size: 16 }),
+      t?.filter(_)?.length
+    ] }) }) : null
+  ] }) }) : null, n[0] = t, n[1] = i) : i = n[1];
+  let o;
+  return n[2] !== i ? (o = /* @__PURE__ */ r(f, { position: "top-right", children: i }), n[2] = i, n[3] = o) : o = n[3], o;
+};
+function y(e) {
+  return e.type === l.ERROR;
+}
+function x(e) {
+  return e.type === l.ERROR;
+}
+function A(e) {
+  return e.type === l.WARNING;
+}
+function I(e) {
+  return e.type === l.WARNING;
+}
+function w(e) {
+  return e.type === l.GRAMMAR;
+}
+function _(e) {
+  return e.type === l.GRAMMAR;
+}
+export {
+  B as DFlowValidation
+};

package/dist/components/d-flow-validation/DNodeValidation.hook.d.ts

@@ -0,0 +1,3 @@
+import { Flow, NodeFunction } from '@code0-tech/sagittarius-graphql-types';
+import { ValidationResult } from '../../utils';
+export declare const useNodeValidation: (nodeId: NodeFunction["id"], flowId: Flow["id"]) => ValidationResult[] | null;

package/dist/components/d-flow-validation/DNodeValidation.hook.js

@@ -0,0 +1,62 @@
+import S from "react";
+import { DFlowDataTypeReactiveService as h } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DataTypeView as $ } from "../d-flow-data-type/DFlowDataType.view.js";
+import { useService as R, useStore as _ } from "../../utils/contextStore.js";
+import { InspectionSeverity as k } from "../../utils/inspection.js";
+import "merge-props";
+import { resolveGenericKeys as A, replaceGenericKeysInType as C, replaceGenericKeysInDataTypeObject as U } from "../../utils/generics.js";
+import { useReturnType as q } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
+import { useDataTypeValidation as G } from "./DDataTypeValidation.hook.js";
+import { useValueValidation as O } from "./DValueValidation.hook.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as w } from "../d-flow/DFlow.service.js";
+import "js-md5";
+const x = (e) => e.__typename === "ReferenceValue" || e.__typename === "NodeFunctionIdWrapper", z = (e) => e.__typename === "NodeFunctionIdWrapper", E = (e, r) => new $(U(e.json, r)), M = (e, r, m) => ({
+  parameterId: e,
+  type: k.ERROR,
+  message: {
+    nodes: [{
+      code: "en-US",
+      content: `Argument of type ${m?.name?.nodes[0]?.content} is not assignable to parameter of type ${r?.name?.nodes[0]?.content}`
+    }]
+  }
+}), se = (e, r) => {
+  const m = R(B), b = _(B), l = R(w), V = _(w), t = R(h), N = _(h), s = l.getById(r), v = l.getNodeById(r, e), f = v?.parameters?.nodes?.map((n) => n?.value) ?? [], u = m.getById(v?.functionDefinition?.id), g = u?.parameterDefinitions ?? [], F = u?.genericKeys ?? [], T = S.useMemo(() => A(u, f, t, s), [u, f, t, N, s, V]), K = S.useCallback((n, a) => {
+    if (z(n) && a?.variant !== "NODE") {
+      const p = l.getNodeById(r, n.id), i = m.getById(p?.functionDefinition?.id), c = p?.parameters?.nodes?.map((o) => o?.value) ?? [];
+      return q(i, c, t);
+    }
+    return t.getTypeFromValue(n, s);
+  }, [t, s, r, l, m]);
+  return S.useMemo(() => {
+    const n = [];
+    for (let a = 0; a < g.length; a++) {
+      const p = g[a], i = f[a];
+      if (!i) continue;
+      const c = p.dataTypeIdentifier, o = t.getDataType(c), W = K(i, o), y = t.getDataType(W);
+      if (!o || !y) {
+        n.push(M(p.id, o, y));
+        continue;
+      }
+      const j = !!c?.genericType || !!c?.genericKey && F.includes(c.genericKey);
+      let d = !0;
+      if (j) {
+        const I = E(o, T);
+        if (x(i)) {
+          const D = E(y, T);
+          d = G(I, D);
+        } else {
+          const D = C(c, T);
+          d = O(i, I, t, s, D?.genericType?.genericMappers);
+        }
+      } else
+        x(i) && o.variant !== "NODE" ? d = G(o, y) : d = O(i, o, t, s);
+      d || n.push(M(p.id, o, y));
+    }
+    return n.length > 0 ? n : null;
+  }, [s, v, f, u, g, F, T, K, e, r, b, V, N, t]);
+};
+export {
+  se as useNodeValidation
+};

package/dist/components/d-flow-validation/DValueValidation.hook.d.ts

@@ -0,0 +1,3 @@
+import { Flow, GenericMapper, NodeParameterValue } from '@code0-tech/sagittarius-graphql-types';
+import { DataTypeView, DFlowDataTypeReactiveService } from '../d-flow-data-type';
+export declare const useValueValidation: (value: NodeParameterValue, dataType: DataTypeView, dataTypeService: DFlowDataTypeReactiveService, flow?: Flow, generics?: GenericMapper[]) => boolean;

package/dist/components/d-flow-validation/DValueValidation.hook.js

@@ -0,0 +1,8 @@
+import { RuleMap as a } from "../d-flow-data-type/rules/DFlowDataTypeRules.js";
+const s = (e, n, r, i, o) => {
+  const f = new Map(o?.map((t) => [t.target, t]));
+  return n.rules?.nodes?.every((t) => !t || !t.variant || !t.config ? !1 : a.get(t.variant) ? a.get(t.variant)?.validate(e, t.config, f, r, i) : !0) ?? !0;
+};
+export {
+  s as useValueValidation
+};

package/dist/components/{d-flow/validation → d-flow-validation}/index.js

@@ -1,6 +1,6 @@
-import { useDFlowValidations as i } from "./DFlowValidation.hook.js";
+import { useFlowValidation as i } from "./DFlowValidation.hook.js";
 import { DFlowValidation as r } from "./DFlowValidation.js";
 export {
   r as DFlowValidation,
-  i as useDFlowValidations
+  i as useFlowValidation
 };

package/dist/components/d-fullscreen/DFullScreen.js

@@ -3,7 +3,7 @@ import { c as f } from "../../_virtual/compiler-runtime.js";
 import l from "react";
 import { mergeCode0Props as m } from "../../utils/utils.js";
 import '../../assets/components/d-fullscreen/DFullScreen.style.css';/* empty css                       */
-const y = (i) => {
+const _ = (i) => {
   const e = f.c(7), t = l.useRef(null);
   let r, o;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
@@ -22,5 +22,5 @@ const y = (i) => {
   return e[4] !== i.children || e[5] !== n ? (d = /* @__PURE__ */ u("div", { ...n, ref: t, children: i.children }), e[4] = i.children, e[5] = n, e[6] = d) : d = e[6], d;
 };
 export {
-  y as DFullScreen
+  _ as DFullScreen
 };

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

@@ -6,18 +6,18 @@ import { DNamespaceMemberReactiveService as t } from "./DNamespaceMember.service
 import { Card as v } from "../card/Card.js";
 import S from "../card/CardSection.js";
 import { DNamespaceMemberContent as b } from "./DNamespaceMemberContent.js";
-const g = (m) => {
+const _ = (m) => {
   const {
     namespaceId: o,
     filter: i = () => !0,
     onRemove: s,
     onAssignRole: c,
-    ...n
-  } = m, a = u(t), p = l(t), d = f.useMemo(() => a.values({
+    ...a
+  } = m, n = u(t), p = l(t), d = f.useMemo(() => n.values({
     namespaceId: o
   }), [p, o]);
-  return /* @__PURE__ */ r(v, { ...n, children: d.filter(i).map((e) => e && e.id && /* @__PURE__ */ r(S, { border: !0, children: /* @__PURE__ */ r(b, { onRemove: s, onAssignRole: c, memberId: e?.id }) }, e.id)) });
+  return /* @__PURE__ */ r(v, { ...a, children: d.filter(i).map((e) => e && e.id && /* @__PURE__ */ r(S, { border: !0, children: /* @__PURE__ */ r(b, { onRemove: s, onAssignRole: c, memberId: e?.id }) }, e.id)) });
 };
 export {
-  g as DNamespaceMemberList
+  _ as DNamespaceMemberList
 };

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

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

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

@@ -1,16 +1,16 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import s from "react";
-import { Menu as u, MenuTrigger as d, MenuPortal as l, MenuContent as g, MenuItem as f } from "../menu/Menu.js";
+import u from "react";
+import { Menu as d, MenuTrigger as s, MenuPortal as l, MenuContent as f, MenuItem as g } from "../menu/Menu.js";
 import { Button as h } from "../button/Button.js";
 import { DOrganizationReactiveService as i } from "./DOrganization.service.js";
 import { useService as o } from "../../utils/contextStore.js";
 const x = (n) => {
   const r = o(i), a = o(i), c = r.getById(n.organizationId);
-  return s.useMemo(() => /* @__PURE__ */ m(u, { ...n, children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "none", style: {
+  return u.useMemo(() => /* @__PURE__ */ m(d, { ...n, children: [
+    /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "none", style: {
       background: "transparent"
     }, children: c?.name }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(g, { side: "bottom", align: "start", sideOffset: 0, children: r.values().map((t) => /* @__PURE__ */ e(f, { onSelect: () => n.onOrganizationSelect(t.id), children: t.name }, t.id)) }) })
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 0, children: r.values().map((t) => /* @__PURE__ */ e(g, { onSelect: () => n.onOrganizationSelect(t.id), children: t.name }, t.id)) }) })
   ] }), [a]);
 };
 export {

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

@@ -1,20 +1,20 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+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 m } from "../text/Text.js";
+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 t } from "../flex/Flex.js";
+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 E } from "../avatar/Avatar.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 T } from "../d-user/DUser.session.hook.js";
+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                       */
@@ -35,59 +35,59 @@ import "@radix-ui/react-dialog";
 /* empty css                          */
 const Ie = (I) => {
   const {
-    organizationId: a,
+    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 = T(), p = n.useMemo(() => U.getById(u?.user?.id), [O, u]), r = n.useMemo(() => a ? C.getById(a) : null, [B, a]), 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, y = o?.members?.count, f = o?.runtimes?.count;
-  return /* @__PURE__ */ i(t, { align: "center", style: {
+  } = 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__ */ i(t, { align: "center", style: {
+    /* @__PURE__ */ t(i, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ e(E, { bg: "transparent", identifier: r?.name ?? "" }),
-      /* @__PURE__ */ i(t, { style: {
+      /* @__PURE__ */ e(_, { bg: "transparent", identifier: r?.name ?? "" }),
+      /* @__PURE__ */ t(i, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(a, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
         /* @__PURE__ */ e(P, { spacing: "xxs" }),
-        /* @__PURE__ */ i(t, { align: "center", style: {
+        /* @__PURE__ */ t(i, { align: "center", style: {
           gap: "0.35rem",
           flexWrap: "wrap"
         }, children: [
-          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(k, { size: 16 }),
-            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} project${(h ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} project${(h ?? 0) !== 1 ? "s" : ""}` })
           ] }) }),
-          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(L, { size: 16 }),
-            /* @__PURE__ */ i(m, { size: "xs", hierarchy: "tertiary", children: [
+            /* @__PURE__ */ t(a, { size: "xs", hierarchy: "tertiary", children: [
               " ",
-              `${y ?? 0} member${(y ?? 0) !== 1 ? "s" : ""}`
+              `${f ?? 0} member${(f ?? 0) !== 1 ? "s" : ""}`
             ] })
           ] }) }),
-          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(N, { size: 16 }),
-            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${f ?? 0} runtime${(f ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} runtime${(y ?? 0) !== 1 ? "s" : ""}` })
           ] }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ i(t, { align: "center", style: {
+    /* @__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__ */ i(S, { variant: "filled", color: "error", onClick: (l) => {
+      g && g.userAbilities?.deleteMember ? /* @__PURE__ */ t(S, { variant: "filled", color: "error", onClick: (l) => {
         l.stopPropagation(), r && M(r);
       }, children: [
         /* @__PURE__ */ e(F, { size: 16 }),

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

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useService as a } from "../../utils/contextStore.js";
+import { useService as m } from "../../utils/contextStore.js";
 import p from "react";
 import "merge-props";
 import { Flex as t } from "../flex/Flex.js";
@@ -12,13 +12,13 @@ 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 T = (d) => {
+const G = (d) => {
   const {
     projectId: s,
     onSetting: u = () => {
     },
     minimized: o = !1
-  } = d, l = a(y), h = o ? null : a(b), r = p.useMemo(() => l.getById(s), [l, s]), m = o ? null : p.useMemo(() => r ? h.getById(r.primaryRuntime?.id) : null, [r]);
+  } = 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: [
@@ -54,9 +54,9 @@ const T = (d) => {
             /* @__PURE__ */ e(v, { size: 16 }),
             /* @__PURE__ */ e(n, { size: "xs", children: r?.runtimes?.count ?? 0 })
           ] }),
-          m && /* @__PURE__ */ i(c, { border: !0, children: [
+          a && /* @__PURE__ */ i(c, { border: !0, children: [
             /* @__PURE__ */ e(z, { size: 16 }),
-            /* @__PURE__ */ e(n, { size: "xs", children: m.name })
+            /* @__PURE__ */ e(n, { size: "xs", children: a.name })
           ] })
         ] })
       ] }),
@@ -67,5 +67,5 @@ const T = (d) => {
   ] });
 };
 export {
-  T as DNamespaceProjectContent
+  G as DNamespaceProjectContent
 };