@code0-tech/pictor 0.0.0-mvp.46 → 0.0.0-mvp.47

package/dist/components/avatar/Avatar.js

@@ -1,9 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as v } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/avatar/Avatar.style.css';/* empty css                  */
-import { mergeCode0Props as y } from "../../utils/utils.js";
-import z from "avvvatars-react";
-import { hashToColor as A } from "../d-flow/DFlow.util.js";
+import { mergeCode0Props as y, hashToColor as z } from "../../utils/utils.js";
+import A from "avvvatars-react";
 const $ = (m) => {
   const t = v.c(3), {
     src: e,
@@ -19,17 +18,17 @@ const $ = (m) => {
     type: s
   } = m;
   let o;
-  t[0] !== r || t[1] !== e ? (o = r ?? A(e), t[0] = r, t[1] = e, t[2] = o) : o = t[2];
+  t[0] !== r || t[1] !== e ? (o = r ?? z(e), t[0] = r, t[1] = e, t[2] = o) : o = t[2];
   let l;
   t[3] !== o ? (l = {
     "--color": o
   }, t[3] = o, t[4] = l) : l = t[4];
   const c = l, n = s ?? "shape";
   let a;
-  t[5] !== e || t[6] !== i || t[7] !== n ? (a = /* @__PURE__ */ d(z, { style: n, value: e, size: i }), t[5] = e, t[6] = i, t[7] = n, t[8] = a) : a = t[8];
+  t[5] !== e || t[6] !== i || t[7] !== n ? (a = /* @__PURE__ */ d(A, { style: n, value: e, size: i }), t[5] = e, t[6] = i, t[7] = n, t[8] = a) : a = t[8];
   let f;
   return t[9] !== c || t[10] !== a ? (f = /* @__PURE__ */ d("div", { style: c, children: a }), t[9] = c, t[10] = a, t[11] = f) : f = t[11], f;
-}, R = (m) => {
+}, P = (m) => {
   const t = v.c(16);
   let e, i, r, s, o, l;
   if (t[0] !== m) {
@@ -50,5 +49,5 @@ const $ = (m) => {
   return t[13] !== o || t[14] !== c ? (n = /* @__PURE__ */ d("div", { ...o, children: c }), t[13] = o, t[14] = c, t[15] = n) : n = t[15], n;
 };
 export {
-  R as Avatar
+  P as Avatar
 };

package/dist/components/data-table/DataTableFilterInput.js

@@ -4,9 +4,11 @@ import { Editor as z } from "../editor/Editor.js";
 import { StreamLanguage as U, syntaxTree as J } from "@codemirror/language";
 import { EditorState as K } from "@uiw/react-codemirror";
 import { Badge as b } from "../badge/Badge.js";
-import { hashToColor as X } from "../d-flow/DFlow.util.js";
 import { DataTableFilterSuggestionMenu as j } from "./DataTableFilterSuggestionMenu.js";
 import { MenuItem as G } from "../menu/Menu.js";
+import "../../utils/contextStore.js";
+import "react";
+import { hashToColor as X } from "../../utils/utils.js";
 const $ = {
   "=": "isOneOf",
   "!=": "isNotOneOf"
@@ -40,7 +42,7 @@ const $ = {
     }
     return e.next(), null;
   }
-}), he = (r) => {
+}), ye = (r) => {
   const e = Q.c(17), {
     filterTokens: n,
     onChange: k
@@ -205,6 +207,6 @@ function ne(r) {
   return r.docChanged && r.newDoc.lines > 1 ? [] : r;
 }
 export {
-  he as DataTableFilterInput,
+  ye as DataTableFilterInput,
   Z as createFilterQueryLanguage
 };

package/dist/components/editor/Editor.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import m, { isValidElement as ce } from "react";
 import { createPortal as K } from "react-dom";
 import "../../utils/contextStore.js";
-import { mergeCode0Props as ue } from "../../utils/utils.js";
+import { hashToColor as b, mergeCode0Props as ue } from "../../utils/utils.js";
 import de, { Prec as _, keymap as J, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
 import { json as pe, jsonParseLinter as ye } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
@@ -11,8 +11,7 @@ import ve from "../../node_modules/prettier/standalone.js";
 import we from "../../node_modules/prettier/plugins/babel.js";
 import Se from "../../node_modules/prettier/plugins/estree.js";
 import { createTheme as Ce } from "@uiw/codemirror-themes";
-import { tags as b, getStyleTags as Te } from "../../node_modules/@lezer/highlight/dist/index.js";
-import { hashToColor as v } from "../d-flow/DFlow.util.js";
+import { tags as v, getStyleTags as Te } from "../../node_modules/@lezer/highlight/dist/index.js";
 import '../../assets/components/editor/Editor.styles.css';/* empty css                   */
 import { Badge as y } from "../badge/Badge.js";
 import { IconExclamationCircle as Ae, IconAlertTriangle as xe, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
@@ -70,22 +69,22 @@ const Fe = Ce({
     lineHighlight: "rgba(255,255,255, 0.1)"
   },
   styles: [{
-    tag: b.squareBracket,
-    color: v("squareBracket")
+    tag: v.squareBracket,
+    color: b("squareBracket")
   }, {
-    tag: b.bracket,
-    color: v("bracket")
+    tag: v.bracket,
+    color: b("bracket")
   }, {
-    tag: b.string,
-    color: v("Text")
+    tag: v.string,
+    color: b("Text")
   }, {
-    tag: b.bool,
-    color: v("Boolean")
+    tag: v.bool,
+    color: b("Boolean")
   }, {
-    tag: b.number,
-    color: v("Number")
+    tag: v.number,
+    color: b("Number")
   }]
-}), Oe = (i) => ce(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), ct = (i) => {
+}), Oe = (i) => ce(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), at = (i) => {
   const {
     language: r,
     tokenizer: h,
@@ -334,5 +333,5 @@ const Fe = Ce({
   ] });
 };
 export {
-  ct as Editor
+  at as Editor
 };

package/dist/components/{d-fullscreen/DFullScreen.d.ts → fullscreen/FullScreen.d.ts}

@@ -1,6 +1,6 @@
 import { Code0Component } from '../../utils/types';
 import { default as React } from 'react';
-export interface DFullScreenProps extends Code0Component<HTMLDivElement> {
+export interface FullScreenProps extends Code0Component<HTMLDivElement> {
     children: React.ReactNode | React.ReactNode[];
 }
-export declare const DFullScreen: React.FC<DFullScreenProps>;
+export declare const FullScreen: React.FC<FullScreenProps>;

package/dist/components/{d-fullscreen/DFullScreen.js → fullscreen/FullScreen.js}

@@ -2,7 +2,7 @@ import { jsx as u } from "react/jsx-runtime";
 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                       */
+import '../../assets/components/fullscreen/FullScreen.style.css';/* empty css                      */
 const y = (i) => {
   const e = f.c(7), t = l.useRef(null);
   let r, o;
@@ -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
+  y as FullScreen
 };

package/dist/components/{d-layout/DLayout.d.ts → layout/Layout.d.ts}

@@ -1,6 +1,6 @@
 import { default as React, CSSProperties } from 'react';
 import { Code0Component, Code0Sizes } from '../../utils/types';
-export interface DLayoutProps extends Code0Component<HTMLDivElement> {
+export interface LayoutProps extends Code0Component<HTMLDivElement> {
     children: React.ReactElement;
     topContent?: React.ReactElement;
     bottomContent?: React.ReactElement;
@@ -9,4 +9,4 @@ export interface DLayoutProps extends Code0Component<HTMLDivElement> {
     layoutGap?: Code0Sizes | CSSProperties['gap'];
     showLayoutSplitter?: boolean;
 }
-export declare const DLayout: React.FC<DLayoutProps>;
+export declare const Layout: React.FC<LayoutProps>;

package/dist/components/{d-layout/DLayout.js → layout/Layout.js}

@@ -1,23 +1,23 @@
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
+import { jsx as s, jsxs as D } from "react/jsx-runtime";
 import { c as $ } from "../../_virtual/compiler-runtime.js";
 import { mergeCode0Props as k, getDOMSizeFromCodeZeroSize as F } from "../../utils/utils.js";
 import { Flex as G } from "../flex/Flex.js";
-import '../../assets/components/d-layout/DLayout.style.css';/* empty css                   */
-const J = (D) => {
+import '../../assets/components/layout/Layout.style.css';/* empty css                  */
+const J = (L) => {
   const t = $.c(56);
   let l, n, r, i, o, e, d, a;
-  if (t[0] !== D) {
+  if (t[0] !== L) {
     const {
       children: E,
       topContent: M,
       bottomContent: O,
       leftContent: P,
       rightContent: R,
-      showLayoutSplitter: L,
-      layoutGap: j,
+      showLayoutSplitter: j,
+      layoutGap: w,
       ...Z
-    } = D;
-    n = E, a = M, l = O, i = P, o = R, e = L === void 0 ? !0 : L, r = j === void 0 ? "xl" : j, d = k("d-layout", Z), t[0] = D, t[1] = l, t[2] = n, t[3] = r, t[4] = i, t[5] = o, t[6] = e, t[7] = d, t[8] = a;
+    } = L;
+    n = E, a = M, l = O, i = P, o = R, e = j === void 0 ? !0 : j, r = w === void 0 ? "xl" : w, d = k("d-layout", Z), t[0] = L, t[1] = l, t[2] = n, t[3] = r, t[4] = i, t[5] = o, t[6] = e, t[7] = d, t[8] = a;
   } else
     l = t[1], n = t[2], r = t[3], i = t[4], o = t[5], e = t[6], d = t[7], a = t[8];
   let c;
@@ -48,7 +48,7 @@ const J = (D) => {
   let C;
   t[32] !== o ? (C = o && /* @__PURE__ */ s("div", { className: "d-layout__right", children: o }), t[32] = o, t[33] = C) : C = t[33];
   let g;
-  t[34] !== N || t[35] !== C || t[36] !== y || t[37] !== p || t[38] !== h || t[39] !== v ? (g = /* @__PURE__ */ w(G, { className: "d-layout__middle", style: y, children: [
+  t[34] !== N || t[35] !== C || t[36] !== y || t[37] !== p || t[38] !== h || t[39] !== v ? (g = /* @__PURE__ */ D(G, { className: "d-layout__middle", style: y, children: [
     p,
     h,
     v,
@@ -60,7 +60,7 @@ const J = (D) => {
   let z;
   t[44] !== l ? (z = l && /* @__PURE__ */ s("div", { className: "d-layout__bottom", children: l }), t[44] = l, t[45] = z) : z = t[45];
   let S;
-  t[46] !== g || t[47] !== x || t[48] !== z || t[49] !== m || t[50] !== f || t[51] !== _ ? (S = /* @__PURE__ */ w(G, { className: "d-layout__inner", style: m, children: [
+  t[46] !== g || t[47] !== x || t[48] !== z || t[49] !== m || t[50] !== f || t[51] !== _ ? (S = /* @__PURE__ */ D(G, { className: "d-layout__inner", style: m, children: [
     f,
     _,
     g,
@@ -71,5 +71,5 @@ const J = (D) => {
   return t[53] !== d || t[54] !== S ? (b = /* @__PURE__ */ s("div", { ...d, children: S }), t[53] = d, t[54] = S, t[55] = b) : b = t[55], b;
 };
 export {
-  J as DLayout
+  J as Layout
 };

package/dist/components/menu/Menu.js

@@ -2,7 +2,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { c as l } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/menu/Menu.style.css';/* empty css                */
 import { mergeCode0Props as r } from "../../utils/utils.js";
-import { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as d, DropdownMenuGroup as g, DropdownMenuSub as w, DropdownMenuSubTrigger as b, DropdownMenuSubContent as $, DropdownMenuSeparator as D, DropdownMenuCheckboxItem as I, DropdownMenuItemIndicator as S, DropdownMenuArrow as C } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as d, DropdownMenuArrow as g, DropdownMenuCheckboxItem as w, DropdownMenuGroup as b, DropdownMenuItemIndicator as $, DropdownMenuSeparator as D, DropdownMenuSub as I, DropdownMenuSubContent as S, DropdownMenuSubTrigger as C } from "@radix-ui/react-dropdown-menu";
 const y = (o) => {
   const e = l.c(4);
   let n;
@@ -51,28 +51,28 @@ const y = (o) => {
   e[0] !== o ? (n = r("menu__group", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(g, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(b, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 }, q = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__sub", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(w, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(I, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 }, v = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__sub-trigger", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(b, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(C, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 }, z = (o) => {
   const e = l.c(5), n = `menu__sub-content menu__sub-content--${o.color ?? "primary"}`;
   let c;
   e[0] !== o || e[1] !== n ? (c = r(n, o), e[0] = o, e[1] = n, e[2] = c) : c = e[2];
   const t = c;
   let i;
-  return e[3] !== t ? (i = /* @__PURE__ */ u($, { ...t }), e[3] = t, e[4] = i) : i = e[4], i;
+  return e[3] !== t ? (i = /* @__PURE__ */ u(S, { ...t }), e[3] = t, e[4] = i) : i = e[4], i;
 }, B = (o) => {
   const e = l.c(4);
   let n;
@@ -86,21 +86,21 @@ const y = (o) => {
   e[0] !== o ? (n = r("menu__checkbox-item", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(I, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(w, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 }, H = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__item-indicator", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(S, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u($, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 }, J = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__arrow", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(C, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(g, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 };
 export {
   y as Menu,

package/dist/components/resizable/Resizable.d.ts

@@ -0,0 +1,12 @@
+import { Code0ComponentProps, Color } from '../../utils';
+import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
+import * as React from "react";
+type ResizablePanelGroupProps = Code0ComponentProps & GroupProps;
+type ResizablePanelProps = Code0ComponentProps & PanelProps & {
+    color?: Color;
+};
+type ResizableHandleProps = Code0ComponentProps & SeparatorProps;
+export declare const ResizablePanelGroup: React.FC<ResizablePanelGroupProps>;
+export declare const ResizablePanel: React.FC<ResizablePanelProps>;
+export declare const ResizableHandle: React.FC<ResizableHandleProps>;
+export {};

package/dist/components/{d-resizable/DResizable.js → resizable/Resizable.js}

@@ -3,15 +3,15 @@ import { c as o } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
 import { mergeCode0Props as s } from "../../utils/utils.js";
-import { Group as n, Panel as c, Separator as m } from "react-resizable-panels";
-import '../../assets/components/d-resizable/DResizable.style.css';/* empty css                      */
+import { Separator as n, Panel as c, Group as m } from "react-resizable-panels";
+import '../../assets/components/resizable/Resizable.style.css';/* empty css                     */
 const $ = (r) => {
   const e = o.c(4);
   let l;
   e[0] !== r ? (l = s("d-resizable", r), e[0] = r, e[1] = l) : l = e[1];
   const t = l;
   let a;
-  return e[2] !== t ? (a = /* @__PURE__ */ i(n, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = a) : a = e[3], a;
+  return e[2] !== t ? (a = /* @__PURE__ */ i(m, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = a) : a = e[3], a;
 }, p = (r) => {
   const e = o.c(5), l = `d-resizable__panel ${r.color ? `d-resizable__panel--${r.color ?? "primary"}` : ""}`;
   let t;
@@ -25,10 +25,10 @@ const $ = (r) => {
   let t;
   e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
   let a;
-  return e[3] !== l ? (a = /* @__PURE__ */ i(m, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = a) : a = e[4], a;
+  return e[3] !== l ? (a = /* @__PURE__ */ i(n, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = a) : a = e[4], a;
 };
 export {
-  P as DResizableHandle,
-  p as DResizablePanel,
-  $ as DResizablePanelGroup
+  P as ResizableHandle,
+  p as ResizablePanel,
+  $ as ResizablePanelGroup
 };

package/dist/components/tab/Tab.js

@@ -3,7 +3,7 @@ import { c as n } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
 import { mergeCode0Props as r } from "../../utils/utils.js";
-import { Tabs as c, List as m, Trigger as b, Content as f } from "@radix-ui/react-tabs";
+import { Tabs as c, Content as m, List as b, Trigger as f } from "@radix-ui/react-tabs";
 import '../../assets/components/tab/Tab.style.css';/* empty css               */
 const x = (a) => {
   const t = n.c(4);
@@ -16,21 +16,21 @@ const x = (a) => {
   let e;
   t[0] !== a ? (e = r("tab__list", a), t[0] = a, t[1] = e) : e = t[1];
   let l;
-  return t[2] !== e ? (l = /* @__PURE__ */ o(m, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(b, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
 }, L = (a) => {
   const t = n.c(5), e = a.value;
   let l;
   t[0] !== a ? (l = r("tab__trigger", a), t[0] = a, t[1] = l) : l = t[1];
   const s = l;
   let i;
-  return t[2] !== a.value || t[3] !== s ? (i = /* @__PURE__ */ o(b, { "data-slot": "tabs", "data-value": e, ...s }), t[2] = a.value, t[3] = s, t[4] = i) : i = t[4], i;
+  return t[2] !== a.value || t[3] !== s ? (i = /* @__PURE__ */ o(f, { "data-slot": "tabs", "data-value": e, ...s }), t[2] = a.value, t[3] = s, t[4] = i) : i = t[4], i;
 }, j = (a) => {
   const t = n.c(4);
   let e;
   t[0] !== a ? (e = r("tab__content", a), t[0] = a, t[1] = e) : e = t[1];
   const l = e;
   let s;
-  return t[2] !== l ? (s = /* @__PURE__ */ o(f, { "data-slot": "tabs", ...l }), t[2] = l, t[3] = s) : s = t[3], s;
+  return t[2] !== l ? (s = /* @__PURE__ */ o(m, { "data-slot": "tabs", ...l }), t[2] = l, t[3] = s) : s = t[3], s;
 };
 export {
   x as Tab,

package/dist/components/toast/Toast.js

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../_virtual/compiler-runtime.js";
 import { toast as d } from "sonner";
 import '../../assets/components/toast/Toast.style.css';/* empty css                 */

package/dist/index.d.ts

@@ -9,26 +9,6 @@ export * from './components/card/Card';
 export * from './components/col/Col';
 export * from './components/command/Command';
 export * from './components/container/Container';
-export * from './components/d-flow/index';
-export * from './components/d-flow-data-type/index';
-export * from './components/d-flow-file/index';
-export * from './components/d-flow-folder/index';
-export * from './components/d-flow-function/index';
-export * from './components/d-flow-panel/index';
-export * from './components/d-flow-suggestion/index';
-export * from './components/d-flow-type/index';
-export * from './components/d-flow-validation/index';
-export * from './components/d-fullscreen/DFullScreen';
-export * from './components/d-layout/DLayout';
-export * from './components/d-license/index';
-export * from './components/d-member/index';
-export * from './components/d-namespace/index';
-export * from './components/d-organization/index';
-export * from './components/d-project/index';
-export * from './components/d-resizable/DResizable';
-export * from './components/d-role/index';
-export * from './components/d-runtime/index';
-export * from './components/d-user/index';
 export * from './components/data-table/index';
 export * from './components/dialog/Dialog';
 export * from './components/flex/Flex';