@code0-tech/pictor 0.0.0-mvp.11 → 0.0.0-mvp.12

package/dist/assets/components/alert/Alert.style.css

@@ -0,0 +1 @@
+.alert{padding:1rem;font-size:.8rem;position:relative;display:flex;align-items:center;gap:.35rem}.alert{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:1rem}.alert>svg{min-width:1rem;min-height:1rem}.alert--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.alert--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.alert--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.alert--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.alert--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.alert--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}

package/dist/assets/components/toast/Toast.style.css

@@ -0,0 +1 @@
+.toast{padding:1rem}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:center;justify-content:space-between}.toast__content{margin:.35rem 0;box-sizing:border-box}.toast__header-wrapper{align-items:center;gap:.35rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}.toast--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}

package/dist/components/alert/Alert.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Code0Component, Color } from '../../utils';
+export interface AlertProps extends Code0Component<HTMLDivElement> {
+    color?: Color;
+    children: React.ReactNode;
+}
+export declare const Alert: React.FC<AlertProps>;

package/dist/components/alert/Alert.js

@@ -0,0 +1,38 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { c as z } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as I } from "../../utils/utils.js";
+import { IconCircleX as h, IconAlertCircle as x, IconCircleCheck as y, IconInfoCircle as u, IconCircleDot as a } from "@tabler/icons-react";
+import '../../assets/components/alert/Alert.style.css';/* empty css                 */
+const k = (n) => {
+  const e = z.c(10);
+  let r, i, c, o;
+  if (e[0] !== n) {
+    const {
+      color: f,
+      children: d,
+      ...p
+    } = n;
+    r = d, i = f === void 0 ? "secondary" : f;
+    let s;
+    e[5] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+      primary: /* @__PURE__ */ t(a, { size: 16 }),
+      secondary: /* @__PURE__ */ t(a, { size: 16 }),
+      info: /* @__PURE__ */ t(u, { size: 16 }),
+      success: /* @__PURE__ */ t(y, { size: 16 }),
+      warning: /* @__PURE__ */ t(x, { size: 16 }),
+      error: /* @__PURE__ */ t(h, { size: 16 })
+    }, e[5] = s) : s = e[5], c = s, o = I(`alert alert--${i}`, p), e[0] = n, e[1] = r, e[2] = i, e[3] = c, e[4] = o;
+  } else
+    r = e[1], i = e[2], c = e[3], o = e[4];
+  const m = c[i];
+  let l;
+  return e[6] !== r || e[7] !== o || e[8] !== m ? (l = /* @__PURE__ */ C("div", { ...o, children: [
+    m,
+    r
+  ] }), e[6] = r, e[7] = o, e[8] = m, e[9] = l) : l = e[9], l;
+};
+export {
+  k as Alert
+};

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

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

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

@@ -1,12 +1,12 @@
 import { c } from "../../_virtual/compiler-runtime.js";
-import r from "react";
+import i from "react";
 const a = () => {
-  const e = c.c(2), [n, i] = r.useState(null);
+  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 && i(t);
-  }, o = [], e[0] = s, e[1] = o) : (s = e[0], o = e[1]), r.useEffect(s, o), n;
+    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));
 };

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Code0Component, Color } from '../../utils';
+export interface ToastProps extends Omit<Code0Component<HTMLDivElement>, "title" | "id"> {
+    children?: React.ReactNode | React.ReactNode[];
+    id: string | number;
+    title: React.ReactNode;
+    color?: Color;
+    dismissible?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
+export declare function toast(toast: Omit<ToastProps, 'id'>): string | number;
+export declare function Toast(props: ToastProps): React.JSX.Element;

package/dist/components/toast/Toast.js

@@ -0,0 +1,70 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { c as x } from "../../_virtual/compiler-runtime.js";
+import { toast as y } from "sonner";
+import '../../assets/components/toast/Toast.style.css';/* empty css                 */
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as $ } from "../../utils/utils.js";
+import { IconX as g, IconCircleX as T, IconAlertCircle as j, IconCircleCheck as k, IconInfoCircle as w, IconCircleDot as z } from "@tabler/icons-react";
+import { Text as X } from "../text/Text.js";
+import { Flex as I } from "../flex/Flex.js";
+function L(s) {
+  return y.custom((e) => /* @__PURE__ */ i(A, { id: e, ...s, children: s.children }));
+}
+function A(s) {
+  const e = x.c(25);
+  let o, t, r, l, c;
+  if (e[0] !== s) {
+    const {
+      dismissible: u,
+      color: C,
+      title: b,
+      onClose: E,
+      children: v,
+      ...N
+    } = s;
+    c = b, o = v, r = u === void 0 ? !1 : u, t = C === void 0 ? "secondary" : C, l = $(`toast toast--${t}`, N), e[0] = s, e[1] = o, e[2] = t, e[3] = r, e[4] = l, e[5] = c;
+  } else
+    o = e[1], t = e[2], r = e[3], l = e[4], c = e[5];
+  let n;
+  e[6] !== t ? (n = t && /* @__PURE__ */ i(D, { color: t }), e[6] = t, e[7] = n) : n = e[7];
+  let m;
+  e[8] !== c ? (m = /* @__PURE__ */ i(X, { size: "md", hierarchy: "primary", children: c }), e[8] = c, e[9] = m) : m = e[9];
+  let a;
+  e[10] !== n || e[11] !== m ? (a = /* @__PURE__ */ p(I, { align: "center", className: "toast__header-wrapper", children: [
+    n,
+    m
+  ] }), e[10] = n, e[11] = m, e[12] = a) : a = e[12];
+  let d;
+  e[13] !== r || e[14] !== s.id ? (d = r && /* @__PURE__ */ i("span", { className: "toast__dismissible", onClick: () => y.dismiss(s.id), children: /* @__PURE__ */ i(g, { size: 16 }) }), e[13] = r, e[14] = s.id, e[15] = d) : d = e[15];
+  let f;
+  e[16] !== a || e[17] !== d ? (f = /* @__PURE__ */ p(I, { className: "toast__header", children: [
+    a,
+    d
+  ] }), e[16] = a, e[17] = d, e[18] = f) : f = e[18];
+  let h;
+  e[19] !== o ? (h = o && /* @__PURE__ */ i("div", { className: "toast__content", children: o }), e[19] = o, e[20] = h) : h = e[20];
+  let _;
+  return e[21] !== l || e[22] !== f || e[23] !== h ? (_ = /* @__PURE__ */ p("div", { ...l, children: [
+    f,
+    h
+  ] }), e[21] = l, e[22] = f, e[23] = h, e[24] = _) : _ = e[24], _;
+}
+const D = (s) => {
+  const e = x.c(1), {
+    color: o
+  } = s;
+  let t;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+    primary: /* @__PURE__ */ i(z, { size: 16 }),
+    secondary: /* @__PURE__ */ i(z, { size: 16 }),
+    info: /* @__PURE__ */ i(w, { size: 16 }),
+    success: /* @__PURE__ */ i(k, { size: 16 }),
+    warning: /* @__PURE__ */ i(j, { size: 16 }),
+    error: /* @__PURE__ */ i(T, { size: 16 })
+  }, e[0] = t) : t = e[0], t[o] ?? null;
+};
+export {
+  A as Toast,
+  L as toast
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components/alert/Alert';
 export * from './components/avatar/Avatar';
 export * from './components/badge/Badge';
 export * from './components/breadcrumb/Breadcrumb';
@@ -26,5 +27,6 @@ export * from './components/segmented-control/SegmentedControl';
 export * from './components/spacing/Spacing';
 export * from './components/tab/Tab';
 export * from './components/text/Text';
+export * from './components/toast/Toast';
 export * from './components/tooltip/Tooltip';
 export * from './utils/index';

package/dist/index.js

@@ -1,234 +1,239 @@
-import { Avatar as m } from "./components/avatar/Avatar.js";
-import { Badge as n } from "./components/badge/Badge.js";
-import { Breadcrumb as l } from "./components/breadcrumb/Breadcrumb.js";
-import { Button as c } from "./components/button/Button.js";
-import { ButtonGroup as s } from "./components/button-group/ButtonGroup.js";
-import { Card as g } from "./components/card/Card.js";
-import { Col as w } from "./components/col/Col.js";
-import { Command as d, CommandDialog as F, CommandEmpty as C, CommandGroup as R, CommandInput as I, CommandItem as T, CommandList as b, CommandSeparator as V, CommandShortcut as M } from "./components/command/Command.js";
-import { Container as N } from "./components/container/Container.js";
-import { FlowSettingView as A, FlowView as L, NodeFunctionView as G, NodeParameterView as O } from "./components/d-flow/DFlow.view.js";
-import { DFlowReactiveService as h } from "./components/d-flow/DFlow.service.js";
-import { FLOW_EDGE_RAINBOW as B, useFlowEdges as U } from "./components/d-flow/DFlow.edges.hook.js";
-import { useFlowNodes as H } from "./components/d-flow/DFlow.nodes.hook.js";
-import { DFlow as _ } from "./components/d-flow/DFlow.js";
-import { DFlowControl as K } from "./components/d-flow/control/DFlowControl.js";
-import { DFlowDataTypeReactiveService as q } from "./components/d-flow/data-type/DFlowDataType.service.js";
-import { DataTypeView as X } from "./components/d-flow/data-type/DFlowDataType.view.js";
-import { DFlowFolder as Z, DFlowFolderGroup as $, DFlowFolderItem as ee } from "./components/d-flow/folder/DFlowFolder.js";
-import { DFlowFunctionReactiveService as re } from "./components/d-flow/function/DFlowFunction.service.js";
-import { FunctionDefinitionView as ie, ParameterDefinitionView as pe } from "./components/d-flow/function/DFlowFunction.view.js";
-import { DFlowMiniMap as ae } from "./components/d-flow/minimap/DFlowMiniMap.js";
-import { DFlowReactiveSuggestionService as xe } from "./components/d-flow/suggestion/DFlowSuggestion.service.js";
-import { DFlowSuggestion as fe, DFlowSuggestionType as ce } from "./components/d-flow/suggestion/DFlowSuggestion.view.js";
-import { DFlowTypeReactiveService as se } from "./components/d-flow/type/DFlowType.service.js";
-import { FlowTypeView as ge } from "./components/d-flow/type/DFlowType.view.js";
-import { useDFlowValidations as we } from "./components/d-flow/validation/DFlowValidation.hook.js";
-import { DFlowValidation as de } from "./components/d-flow/validation/DFlowValidation.js";
-import { DFullScreen as Ce } from "./components/d-fullscreen/DFullScreen.js";
-import { DLayout as Ie } from "./components/d-layout/DLayout.js";
-import { DNamespaceLicenseReactiveService as be } from "./components/d-namespace/license/DNamespaceLicense.service.js";
-import { DNamespaceLicenseView as Me } from "./components/d-namespace/license/DNamespaceLicense.view.js";
-import { DNamespaceMemberReactiveService as Ne } from "./components/d-namespace/member/DNamespaceMember.service.js";
-import { DNamespaceMemberView as Ae } from "./components/d-namespace/member/DNamespaceMember.view.js";
-import { DNamespaceProjectReactiveService as Ge } from "./components/d-namespace/project/DNamespaceProject.service.js";
-import { DNamespaceProjectView as Ee } from "./components/d-namespace/project/DNamespaceProject.view.js";
+import { Alert as m } from "./components/alert/Alert.js";
+import { Avatar as n } from "./components/avatar/Avatar.js";
+import { Badge as l } from "./components/badge/Badge.js";
+import { Breadcrumb as c } from "./components/breadcrumb/Breadcrumb.js";
+import { Button as s } from "./components/button/Button.js";
+import { ButtonGroup as g } from "./components/button-group/ButtonGroup.js";
+import { Card as w } from "./components/card/Card.js";
+import { Col as d } from "./components/col/Col.js";
+import { Command as C, CommandDialog as R, CommandEmpty as T, CommandGroup as I, CommandInput as b, CommandItem as V, CommandList as M, CommandSeparator as P, CommandShortcut as N } from "./components/command/Command.js";
+import { Container as y } from "./components/container/Container.js";
+import { FlowSettingView as G, FlowView as O, NodeFunctionView as E, NodeParameterView as h } from "./components/d-flow/DFlow.view.js";
+import { DFlowReactiveService as B } from "./components/d-flow/DFlow.service.js";
+import { FLOW_EDGE_RAINBOW as j, useFlowEdges as H } from "./components/d-flow/DFlow.edges.hook.js";
+import { useFlowNodes as _ } from "./components/d-flow/DFlow.nodes.hook.js";
+import { DFlow as K } from "./components/d-flow/DFlow.js";
+import { DFlowControl as q } from "./components/d-flow/control/DFlowControl.js";
+import { DFlowDataTypeReactiveService as X } from "./components/d-flow/data-type/DFlowDataType.service.js";
+import { DataTypeView as Z } from "./components/d-flow/data-type/DFlowDataType.view.js";
+import { DFlowFolder as ee, DFlowFolderGroup as oe, DFlowFolderItem as re } from "./components/d-flow/folder/DFlowFolder.js";
+import { DFlowFunctionReactiveService as ie } from "./components/d-flow/function/DFlowFunction.service.js";
+import { FunctionDefinitionView as me, ParameterDefinitionView as ae } from "./components/d-flow/function/DFlowFunction.view.js";
+import { DFlowMiniMap as xe } from "./components/d-flow/minimap/DFlowMiniMap.js";
+import { DFlowReactiveSuggestionService as fe } from "./components/d-flow/suggestion/DFlowSuggestion.service.js";
+import { DFlowSuggestion as ue, DFlowSuggestionType as se } from "./components/d-flow/suggestion/DFlowSuggestion.view.js";
+import { DFlowTypeReactiveService as ge } from "./components/d-flow/type/DFlowType.service.js";
+import { FlowTypeView as we } from "./components/d-flow/type/DFlowType.view.js";
+import { useDFlowValidations as de } from "./components/d-flow/validation/DFlowValidation.hook.js";
+import { DFlowValidation as Ce } from "./components/d-flow/validation/DFlowValidation.js";
+import { DFullScreen as Te } from "./components/d-fullscreen/DFullScreen.js";
+import { DLayout as be } from "./components/d-layout/DLayout.js";
+import { DNamespaceLicenseReactiveService as Me } from "./components/d-namespace/license/DNamespaceLicense.service.js";
+import { DNamespaceLicenseView as Ne } from "./components/d-namespace/license/DNamespaceLicense.view.js";
+import { DNamespaceMemberReactiveService as ye } from "./components/d-namespace/member/DNamespaceMember.service.js";
+import { DNamespaceMemberView as Ge } from "./components/d-namespace/member/DNamespaceMember.view.js";
+import { DNamespaceProjectReactiveService as Ee } from "./components/d-namespace/project/DNamespaceProject.service.js";
+import { DNamespaceProjectView as ze } from "./components/d-namespace/project/DNamespaceProject.view.js";
 import "react/jsx-runtime";
 import "react";
-import { Text as ze } from "./components/text/Text.js";
+import { Text as Ue } from "./components/text/Text.js";
 import "@tabler/icons-react";
-import { ContextStore as Ue, ContextStoreProvider as je, useService as He, useStore as We } from "./utils/contextStore.js";
-import { Flex as ke } from "./components/flex/Flex.js";
+import { ContextStore as He, ContextStoreProvider as We, useService as _e, useStore as ke } from "./utils/contextStore.js";
+import { Flex as Qe } from "./components/flex/Flex.js";
 import "./_virtual/compiler-runtime.js";
-import { getChild as Qe, getContent as qe, getPositionAroundTarget as Je, getPositioning as Xe, getWindowPositioning as Ye, mergeCode0Props as Ze, parseUnit as $e } from "./utils/utils.js";
-import { DNamespaceReactiveService as oo } from "./components/d-namespace/DNamespace.service.js";
-import { DRuntimeReactiveService as to } from "./components/d-runtime/DRuntime.service.js";
-import { Menu as po, MenuArrow as mo, MenuContent as ao, MenuGroup as no, MenuItem as xo, MenuLabel as lo, MenuPortal as fo, MenuSeparator as co, MenuSub as uo, MenuSubContent as so, MenuSubTrigger as Do, MenuTrigger as go } from "./components/menu/Menu.js";
-import { DNamespaceRoleReactiveService as wo } from "./components/d-namespace/role/DNamespaceRole.service.js";
-import { DNamespaceRoleView as Fo } from "./components/d-namespace/role/DNamespaceRole.view.js";
-import { DNamespaceView as Ro } from "./components/d-namespace/DNamespace.view.js";
-import { DOrganizationReactiveService as To } from "./components/d-organization/DOrganization.service.js";
-import { DOrganizationView as Vo } from "./components/d-organization/DOrganization.view.js";
-import { Spacing as Po } from "./components/spacing/Spacing.js";
-import { DResizableHandle as yo, DResizablePanel as Ao, DResizablePanelGroup as Lo } from "./components/d-resizable/DResizable.js";
-import { DRuntimeView as Oo } from "./components/d-runtime/DRuntime.view.js";
-import { DUserReactiveService as ho } from "./components/d-user/DUser.service.js";
-import { DUserView as Bo } from "./components/d-user/DUser.view.js";
-import { setUserSession as jo, useUserSession as Ho } from "./components/d-user/DUser.session.hook.js";
-import { Dialog as _o, DialogClose as ko, DialogContent as Ko, DialogDescription as Qo, DialogFooter as qo, DialogHeader as Jo, DialogOverlay as Xo, DialogPortal as Yo, DialogTitle as Zo, DialogTrigger as $o } from "./components/dialog/Dialog.js";
-import { CheckboxInput as or } from "./components/form/CheckboxInput.js";
-import { EmailInput as tr, emailValidation as ir } from "./components/form/EmailInput.js";
-import { Input as mr, setElementKey as ar } from "./components/form/Input.js";
-import { InputDescription as xr } from "./components/form/InputDescription.js";
-import { InputLabel as fr } from "./components/form/InputLabel.js";
-import { InputMessage as ur } from "./components/form/InputMessage.js";
-import { InputSuggestionMenuContent as Dr, InputSuggestionMenuContentItems as gr } from "./components/form/InputSuggestion.js";
-import { NumberInput as wr } from "./components/form/NumberInput.js";
-import { PasswordInput as dr } from "./components/form/PasswordInput.js";
-import { PinInput as Cr, PinInputField as Rr, PinInputHiddenField as Ir } from "./components/form/PinInput.js";
-import { RadioGroup as br } from "./components/form/RadioGroup.js";
-import { RadioInput as Mr } from "./components/form/RadioInput.js";
-import { SwitchInput as Nr } from "./components/form/SwitchInput.js";
-import { TextInput as Ar } from "./components/form/TextInput.js";
-import { useForm as Gr } from "./components/form/useForm.js";
-import { Quote as Er } from "./components/quote/Quote.js";
-import { Row as zr } from "./components/row/Row.js";
-import { ScrollArea as Ur, ScrollAreaCorner as jr, ScrollAreaScrollbar as Hr, ScrollAreaThumb as Wr, ScrollAreaViewport as _r } from "./components/scroll-area/ScrollArea.js";
-import { SegmentedControl as Kr, SegmentedControlItem as Qr } from "./components/segmented-control/SegmentedControl.js";
-import { Tab as Jr, TabContent as Xr, TabList as Yr, TabTrigger as Zr } from "./components/tab/Tab.js";
-import { Tooltip as et, TooltipArrow as ot, TooltipContent as rt, TooltipPortal as tt, TooltipTrigger as it } from "./components/tooltip/Tooltip.js";
-import { InspectionSeverity as mt } from "./utils/inspection.js";
-import { NonReactiveArrayService as nt, createNonReactiveArrayService as xt } from "./utils/nonReactiveArrayService.js";
-import { ObjectService as ft, createObjectService as ct } from "./utils/objectStore.js";
-import { ReactiveArrayService as st, useReactiveArrayService as Dt } from "./utils/reactiveArrayService.js";
-import { Colors as St } from "./utils/types.js";
+import { getChild as Je, getContent as Xe, getPositionAroundTarget as Ye, getPositioning as Ze, getWindowPositioning as $e, mergeCode0Props as eo, parseUnit as oo } from "./utils/utils.js";
+import { DNamespaceReactiveService as to } from "./components/d-namespace/DNamespace.service.js";
+import { DRuntimeReactiveService as po } from "./components/d-runtime/DRuntime.service.js";
+import { Menu as ao, MenuArrow as no, MenuContent as xo, MenuGroup as lo, MenuItem as fo, MenuLabel as co, MenuPortal as uo, MenuSeparator as so, MenuSub as Do, MenuSubContent as go, MenuSubTrigger as So, MenuTrigger as wo } from "./components/menu/Menu.js";
+import { DNamespaceRoleReactiveService as Fo } from "./components/d-namespace/role/DNamespaceRole.service.js";
+import { DNamespaceRoleView as Ro } from "./components/d-namespace/role/DNamespaceRole.view.js";
+import { DNamespaceView as Io } from "./components/d-namespace/DNamespace.view.js";
+import { DOrganizationReactiveService as Vo } from "./components/d-organization/DOrganization.service.js";
+import { DOrganizationView as Po } from "./components/d-organization/DOrganization.view.js";
+import { Spacing as Ao } from "./components/spacing/Spacing.js";
+import { DResizableHandle as Lo, DResizablePanel as Go, DResizablePanelGroup as Oo } from "./components/d-resizable/DResizable.js";
+import { DRuntimeView as ho } from "./components/d-runtime/DRuntime.view.js";
+import { DUserReactiveService as Bo } from "./components/d-user/DUser.service.js";
+import { DUserView as jo } from "./components/d-user/DUser.view.js";
+import { setUserSession as Wo, useUserSession as _o } from "./components/d-user/DUser.session.hook.js";
+import { Dialog as Ko, DialogClose as Qo, DialogContent as qo, DialogDescription as Jo, DialogFooter as Xo, DialogHeader as Yo, DialogOverlay as Zo, DialogPortal as $o, DialogTitle as er, DialogTrigger as or } from "./components/dialog/Dialog.js";
+import { CheckboxInput as tr } from "./components/form/CheckboxInput.js";
+import { EmailInput as pr, emailValidation as mr } from "./components/form/EmailInput.js";
+import { Input as nr, setElementKey as xr } from "./components/form/Input.js";
+import { InputDescription as fr } from "./components/form/InputDescription.js";
+import { InputLabel as ur } from "./components/form/InputLabel.js";
+import { InputMessage as Dr } from "./components/form/InputMessage.js";
+import { InputSuggestionMenuContent as Sr, InputSuggestionMenuContentItems as wr } from "./components/form/InputSuggestion.js";
+import { NumberInput as dr } from "./components/form/NumberInput.js";
+import { PasswordInput as Cr } from "./components/form/PasswordInput.js";
+import { PinInput as Tr, PinInputField as Ir, PinInputHiddenField as br } from "./components/form/PinInput.js";
+import { RadioGroup as Mr } from "./components/form/RadioGroup.js";
+import { RadioInput as Nr } from "./components/form/RadioInput.js";
+import { SwitchInput as yr } from "./components/form/SwitchInput.js";
+import { TextInput as Gr } from "./components/form/TextInput.js";
+import { useForm as Er } from "./components/form/useForm.js";
+import { Quote as zr } from "./components/quote/Quote.js";
+import { Row as Ur } from "./components/row/Row.js";
+import { ScrollArea as Hr, ScrollAreaCorner as Wr, ScrollAreaScrollbar as _r, ScrollAreaThumb as kr, ScrollAreaViewport as Kr } from "./components/scroll-area/ScrollArea.js";
+import { SegmentedControl as qr, SegmentedControlItem as Jr } from "./components/segmented-control/SegmentedControl.js";
+import { Tab as Yr, TabContent as Zr, TabList as $r, TabTrigger as et } from "./components/tab/Tab.js";
+import { Toast as rt, toast as tt } from "./components/toast/Toast.js";
+import { Tooltip as pt, TooltipArrow as mt, TooltipContent as at, TooltipPortal as nt, TooltipTrigger as xt } from "./components/tooltip/Tooltip.js";
+import { InspectionSeverity as ft } from "./utils/inspection.js";
+import { NonReactiveArrayService as ut, createNonReactiveArrayService as st } from "./utils/nonReactiveArrayService.js";
+import { ObjectService as gt, createObjectService as St } from "./utils/objectStore.js";
+import { ReactiveArrayService as vt, useReactiveArrayService as dt } from "./utils/reactiveArrayService.js";
+import { Colors as Ct } from "./utils/types.js";
 export {
-  m as Avatar,
-  n as Badge,
-  l as Breadcrumb,
-  c as Button,
-  s as ButtonGroup,
-  g as Card,
-  or as CheckboxInput,
-  w as Col,
-  St as Colors,
-  d as Command,
-  F as CommandDialog,
-  C as CommandEmpty,
-  R as CommandGroup,
-  I as CommandInput,
-  T as CommandItem,
-  b as CommandList,
-  V as CommandSeparator,
-  M as CommandShortcut,
-  N as Container,
-  Ue as ContextStore,
-  je as ContextStoreProvider,
-  _ as DFlow,
-  K as DFlowControl,
-  q as DFlowDataTypeReactiveService,
-  Z as DFlowFolder,
-  $ as DFlowFolderGroup,
-  ee as DFlowFolderItem,
-  re as DFlowFunctionReactiveService,
-  ae as DFlowMiniMap,
-  h as DFlowReactiveService,
-  xe as DFlowReactiveSuggestionService,
-  fe as DFlowSuggestion,
-  ce as DFlowSuggestionType,
-  se as DFlowTypeReactiveService,
-  de as DFlowValidation,
-  Ce as DFullScreen,
-  Ie as DLayout,
-  be as DNamespaceLicenseReactiveService,
-  Me as DNamespaceLicenseView,
-  Ne as DNamespaceMemberReactiveService,
-  Ae as DNamespaceMemberView,
-  Ge as DNamespaceProjectReactiveService,
-  Ee as DNamespaceProjectView,
-  oo as DNamespaceReactiveService,
-  wo as DNamespaceRoleReactiveService,
-  Fo as DNamespaceRoleView,
-  Ro as DNamespaceView,
-  To as DOrganizationReactiveService,
-  Vo as DOrganizationView,
-  yo as DResizableHandle,
-  Ao as DResizablePanel,
-  Lo as DResizablePanelGroup,
-  to as DRuntimeReactiveService,
-  Oo as DRuntimeView,
-  ho as DUserReactiveService,
-  Bo as DUserView,
-  X as DataTypeView,
-  _o as Dialog,
-  ko as DialogClose,
-  Ko as DialogContent,
-  Qo as DialogDescription,
-  qo as DialogFooter,
-  Jo as DialogHeader,
-  Xo as DialogOverlay,
-  Yo as DialogPortal,
-  Zo as DialogTitle,
-  $o as DialogTrigger,
-  tr as EmailInput,
-  B as FLOW_EDGE_RAINBOW,
-  ke as Flex,
-  A as FlowSettingView,
-  ge as FlowTypeView,
-  L as FlowView,
-  ie as FunctionDefinitionView,
-  mr as Input,
-  xr as InputDescription,
-  fr as InputLabel,
-  ur as InputMessage,
-  Dr as InputSuggestionMenuContent,
-  gr as InputSuggestionMenuContentItems,
-  mt as InspectionSeverity,
-  po as Menu,
-  mo as MenuArrow,
-  ao as MenuContent,
-  no as MenuGroup,
-  xo as MenuItem,
-  lo as MenuLabel,
-  fo as MenuPortal,
-  co as MenuSeparator,
-  uo as MenuSub,
-  so as MenuSubContent,
-  Do as MenuSubTrigger,
-  go as MenuTrigger,
-  G as NodeFunctionView,
-  O as NodeParameterView,
-  nt as NonReactiveArrayService,
-  wr as NumberInput,
-  ft as ObjectService,
-  pe as ParameterDefinitionView,
-  dr as PasswordInput,
-  Cr as PinInput,
-  Rr as PinInputField,
-  Ir as PinInputHiddenField,
-  Er as Quote,
-  br as RadioGroup,
-  Mr as RadioInput,
-  st as ReactiveArrayService,
-  zr as Row,
-  Ur as ScrollArea,
-  jr as ScrollAreaCorner,
-  Hr as ScrollAreaScrollbar,
-  Wr as ScrollAreaThumb,
-  _r as ScrollAreaViewport,
-  Kr as SegmentedControl,
-  Qr as SegmentedControlItem,
-  Po as Spacing,
-  Nr as SwitchInput,
-  Jr as Tab,
-  Xr as TabContent,
-  Yr as TabList,
-  Zr as TabTrigger,
-  ze as Text,
-  Ar as TextInput,
-  et as Tooltip,
-  ot as TooltipArrow,
-  rt as TooltipContent,
-  tt as TooltipPortal,
-  it as TooltipTrigger,
-  xt as createNonReactiveArrayService,
-  ct as createObjectService,
-  ir as emailValidation,
-  Qe as getChild,
-  qe as getContent,
-  Je as getPositionAroundTarget,
-  Xe as getPositioning,
-  Ye as getWindowPositioning,
-  Ze as mergeCode0Props,
-  $e as parseUnit,
-  ar as setElementKey,
-  jo as setUserSession,
-  we as useDFlowValidations,
-  U as useFlowEdges,
-  H as useFlowNodes,
-  Gr as useForm,
-  Dt as useReactiveArrayService,
-  He as useService,
-  We as useStore,
-  Ho as useUserSession
+  m as Alert,
+  n as Avatar,
+  l as Badge,
+  c as Breadcrumb,
+  s as Button,
+  g as ButtonGroup,
+  w as Card,
+  tr as CheckboxInput,
+  d as Col,
+  Ct as Colors,
+  C as Command,
+  R as CommandDialog,
+  T as CommandEmpty,
+  I as CommandGroup,
+  b as CommandInput,
+  V as CommandItem,
+  M as CommandList,
+  P as CommandSeparator,
+  N as CommandShortcut,
+  y as Container,
+  He as ContextStore,
+  We as ContextStoreProvider,
+  K as DFlow,
+  q as DFlowControl,
+  X as DFlowDataTypeReactiveService,
+  ee as DFlowFolder,
+  oe as DFlowFolderGroup,
+  re as DFlowFolderItem,
+  ie as DFlowFunctionReactiveService,
+  xe as DFlowMiniMap,
+  B as DFlowReactiveService,
+  fe as DFlowReactiveSuggestionService,
+  ue as DFlowSuggestion,
+  se as DFlowSuggestionType,
+  ge as DFlowTypeReactiveService,
+  Ce as DFlowValidation,
+  Te as DFullScreen,
+  be as DLayout,
+  Me as DNamespaceLicenseReactiveService,
+  Ne as DNamespaceLicenseView,
+  ye as DNamespaceMemberReactiveService,
+  Ge as DNamespaceMemberView,
+  Ee as DNamespaceProjectReactiveService,
+  ze as DNamespaceProjectView,
+  to as DNamespaceReactiveService,
+  Fo as DNamespaceRoleReactiveService,
+  Ro as DNamespaceRoleView,
+  Io as DNamespaceView,
+  Vo as DOrganizationReactiveService,
+  Po as DOrganizationView,
+  Lo as DResizableHandle,
+  Go as DResizablePanel,
+  Oo as DResizablePanelGroup,
+  po as DRuntimeReactiveService,
+  ho as DRuntimeView,
+  Bo as DUserReactiveService,
+  jo as DUserView,
+  Z as DataTypeView,
+  Ko as Dialog,
+  Qo as DialogClose,
+  qo as DialogContent,
+  Jo as DialogDescription,
+  Xo as DialogFooter,
+  Yo as DialogHeader,
+  Zo as DialogOverlay,
+  $o as DialogPortal,
+  er as DialogTitle,
+  or as DialogTrigger,
+  pr as EmailInput,
+  j as FLOW_EDGE_RAINBOW,
+  Qe as Flex,
+  G as FlowSettingView,
+  we as FlowTypeView,
+  O as FlowView,
+  me as FunctionDefinitionView,
+  nr as Input,
+  fr as InputDescription,
+  ur as InputLabel,
+  Dr as InputMessage,
+  Sr as InputSuggestionMenuContent,
+  wr as InputSuggestionMenuContentItems,
+  ft as InspectionSeverity,
+  ao as Menu,
+  no as MenuArrow,
+  xo as MenuContent,
+  lo as MenuGroup,
+  fo as MenuItem,
+  co as MenuLabel,
+  uo as MenuPortal,
+  so as MenuSeparator,
+  Do as MenuSub,
+  go as MenuSubContent,
+  So as MenuSubTrigger,
+  wo as MenuTrigger,
+  E as NodeFunctionView,
+  h as NodeParameterView,
+  ut as NonReactiveArrayService,
+  dr as NumberInput,
+  gt as ObjectService,
+  ae as ParameterDefinitionView,
+  Cr as PasswordInput,
+  Tr as PinInput,
+  Ir as PinInputField,
+  br as PinInputHiddenField,
+  zr as Quote,
+  Mr as RadioGroup,
+  Nr as RadioInput,
+  vt as ReactiveArrayService,
+  Ur as Row,
+  Hr as ScrollArea,
+  Wr as ScrollAreaCorner,
+  _r as ScrollAreaScrollbar,
+  kr as ScrollAreaThumb,
+  Kr as ScrollAreaViewport,
+  qr as SegmentedControl,
+  Jr as SegmentedControlItem,
+  Ao as Spacing,
+  yr as SwitchInput,
+  Yr as Tab,
+  Zr as TabContent,
+  $r as TabList,
+  et as TabTrigger,
+  Ue as Text,
+  Gr as TextInput,
+  rt as Toast,
+  pt as Tooltip,
+  mt as TooltipArrow,
+  at as TooltipContent,
+  nt as TooltipPortal,
+  xt as TooltipTrigger,
+  st as createNonReactiveArrayService,
+  St as createObjectService,
+  mr as emailValidation,
+  Je as getChild,
+  Xe as getContent,
+  Ye as getPositionAroundTarget,
+  Ze as getPositioning,
+  $e as getWindowPositioning,
+  eo as mergeCode0Props,
+  oo as parseUnit,
+  xr as setElementKey,
+  Wo as setUserSession,
+  tt as toast,
+  de as useDFlowValidations,
+  H as useFlowEdges,
+  _ as useFlowNodes,
+  Er as useForm,
+  dt as useReactiveArrayService,
+  _e as useService,
+  ke as useStore,
+  _o as useUserSession
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.11",
+  "version": "0.0.0-mvp.12",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -21,6 +21,7 @@
     "@ariakit/react": "^0.4.17",
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@code0-tech/definition-reader": "^0.0.16",
     "@code0-tech/sagittarius-graphql-types": "^0.0.0-65144a9920c6a8de3bcf24acdcb8eec4158cef73",
     "@dagrejs/dagre": "^1.1.8",
     "@mdx-js/react": "^3.1.1",
@@ -37,20 +38,20 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-a11y": "^10.0.6",
-    "@storybook/addon-links": "^10.0.6",
-    "@storybook/addon-onboarding": "^10.0.6",
-    "@storybook/builder-vite": "^10.0.6",
-    "@storybook/cli": "^10.0.6",
-    "@storybook/react": "^10.0.6",
-    "@storybook/react-vite": "^10.0.6",
+    "@storybook/addon-a11y": "^10.0.7",
+    "@storybook/addon-links": "^10.0.7",
+    "@storybook/addon-onboarding": "^10.0.7",
+    "@storybook/builder-vite": "^10.0.7",
+    "@storybook/cli": "^10.0.7",
+    "@storybook/react": "^10.0.7",
+    "@storybook/react-vite": "^10.0.7",
     "@storybook/test-runner": "^0.24.1",
     "@storybook/testing-library": "^0.2.2",
     "@tabler/icons-react": "3.35.0",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@types/react": "^19.2.2",
-    "@vitejs/plugin-react": "^5.1.0",
-    "@xyflow/react": "^12.9.2",
+    "@types/react": "^19.2.4",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@xyflow/react": "^12.9.3",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^10.0.0",
     "babel-plugin-react-compiler": "^19.1.0-rc.3",
@@ -71,7 +72,7 @@
     "rimraf": "^6.1.0",
     "sass": "^1.94.0",
     "sass-loader": "^16.0.6",
-    "storybook": "^10.0.6",
+    "storybook": "^10.0.7",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
@@ -79,7 +80,7 @@
     "vite": "^7.2.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@code0-tech/definition-reader": "^0.0.16"
+    "sonner": "^2.0.7"
   },
   "main": "dist/index.js",
   "repository": {
@@ -111,7 +112,8 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-resizable-panels": "^3.0.3",
-    "react-zoom-pan-pinch": "^3.6.1"
+    "react-zoom-pan-pinch": "^3.6.1",
+    "sonner": "^2.0.7"
   },
   "publishConfig": {
     "access": "public"