@code0-tech/pictor 0.0.0-mvp.45 → 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

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import m, { isValidElement as ce } from "react";
-import { createPortal as H } from "react-dom";
+import { createPortal as K } from "react-dom";
 import "../../utils/contextStore.js";
-import { mergeCode0Props as ue } from "../../utils/utils.js";
-import de, { Prec as J, keymap as K, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
+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";
 import { linter as be } from "@codemirror/lint";
@@ -11,11 +11,10 @@ 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 xe, IconAlertTriangle as Ae, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
+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";
 import { Text as a } from "../text/Text.js";
 import { Flex as k } from "../flex/Flex.js";
 import { Tooltip as E, TooltipTrigger as z, TooltipPortal as P, TooltipContent as j, TooltipArrow as V } from "../tooltip/Tooltip.js";
@@ -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,
@@ -140,10 +139,10 @@ const Fe = Ce({
         } : {
           override: [w]
         }
-      })), e.push(J.highest(K.of([{
+      })), e.push(_.highest(J.of([{
         key: "Tab",
         run: Re
-      }]))), D && e.push(J.highest(K.of([{
+      }]))), D && e.push(_.highest(J.of([{
         key: "ArrowUp",
         run: (l) => (f || N(l), !0)
       }, {
@@ -165,15 +164,15 @@ const Fe = Ce({
         const l = new he(), u = Object.keys(g || {});
         return L(o.state).iterate({
           enter: (d) => {
-            const x = o.state.doc.sliceString(d.from, d.to);
-            if (x.includes(`
+            const A = o.state.doc.sliceString(d.from, d.to);
+            if (A.includes(`
 `)) return;
-            const q = h?.(x), ae = Te(d)?.tags.map((A) => "name" in A ? A.name : void 0), _ = u.find((A) => ae?.includes(A));
-            _ && !q ? l.add(d.from, d.to, F.replace({
-              widget: new X(_, x),
+            const q = h?.(A), ae = Te(d)?.tags.map((x) => "name" in x ? x.name : void 0), H = u.find((x) => ae?.includes(x));
+            H && !q ? l.add(d.from, d.to, F.replace({
+              widget: new X(H, A),
               point: !0
             })) : q && l.add(d.from, d.to, F.replace({
-              widget: new X(q, x),
+              widget: new X(q, A),
               point: !0
             }));
           }
@@ -237,7 +236,7 @@ const Fe = Ce({
     }, align: "center", children: [
       c.filter((e) => e.severity == "error").length > 0 ? /* @__PURE__ */ s(E, { children: [
         /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "red", children: [
-          /* @__PURE__ */ t(xe, { size: 13 }),
+          /* @__PURE__ */ t(Ae, { size: 13 }),
           /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "error").length })
         ] }) }),
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
@@ -247,7 +246,7 @@ const Fe = Ce({
       ] }) : null,
       c.filter((e) => e.severity == "warning").length > 0 ? /* @__PURE__ */ s(E, { children: [
         /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "orange", children: [
-          /* @__PURE__ */ t(Ae, { size: 13 }),
+          /* @__PURE__ */ t(xe, { size: 13 }),
           /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "warning").length })
         ] }) }),
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
@@ -316,13 +315,13 @@ const Fe = Ce({
       }, onUpdate: M, basicSetup: ee }),
       g && Array.from(oe.entries()).map(([e, n]) => {
         const o = g[n.type];
-        return o ? H(/* @__PURE__ */ t("div", { style: {
+        return o ? K(/* @__PURE__ */ t("div", { style: {
           display: "contents"
         }, children: o({
           content: n.value
         }) }, e.outerHTML + n.value), e) : null;
       }),
-      f && H(/* @__PURE__ */ t("div", { ref: B, style: {
+      f && K(/* @__PURE__ */ t("div", { ref: B, style: {
         position: "fixed",
         top: f.position.top,
         left: f.position.left,
@@ -334,5 +333,5 @@ const Fe = Ce({
   ] });
 };
 export {
-  ct as Editor
+  at as Editor
 };

package/dist/components/form/InputSuggestion.js

@@ -4,50 +4,50 @@ import { MenuItem as L, MenuContent as F, MenuLabel as k } from "../menu/Menu.js
 import i from "react";
 import { ScrollArea as N, ScrollAreaViewport as O, ScrollAreaScrollbar as T, ScrollAreaThumb as j } from "../scroll-area/ScrollArea.js";
 import { IconChevronDown as $, IconChevronUp as z } from "@tabler/icons-react";
-const D = i.memo((u) => {
+const D = i.memo((l) => {
   const e = x.c(17), {
     suggestion: n,
-    visibleIndex: l,
+    visibleIndex: u,
     isActive: p,
     inputRef: d,
     onSelect: v,
     onActivate: c,
     itemRef: f
-  } = u;
-  if (l === null)
+  } = l;
+  if (u === null)
     return null;
   let m;
-  if (e[0] !== d || e[1] !== c || e[2] !== l) {
+  if (e[0] !== d || e[1] !== c || e[2] !== u) {
     const b = () => {
-      c(l), d?.current?.focus({
+      c(u), d?.current?.focus({
         preventScroll: !0
       });
     };
     m = (M) => {
       M.preventDefault(), b();
-    }, e[0] = d, e[1] = c, e[2] = l, e[3] = m;
+    }, e[0] = d, e[1] = c, e[2] = u, e[3] = m;
   } else
     m = e[3];
   const g = m;
   let a;
-  e[4] !== c || e[5] !== l ? (a = (b) => {
-    b.preventDefault(), b.stopPropagation(), c(l);
-  }, e[4] = c, e[5] = l, e[6] = a) : a = e[6];
+  e[4] !== c || e[5] !== u ? (a = (b) => {
+    b.preventDefault(), b.stopPropagation(), c(u);
+  }, e[4] = c, e[5] = u, e[6] = a) : a = e[6];
   const y = a;
   let C;
   e[7] !== v || e[8] !== n ? (C = () => setTimeout(() => v(n), 0), e[7] = v, e[8] = n, e[9] = C) : C = e[9];
   let o;
   return e[10] !== g || e[11] !== y || e[12] !== p || e[13] !== f || e[14] !== n.children || e[15] !== C ? (o = /* @__PURE__ */ I(L, { textValue: "", onPointerDown: g, onPointerMove: y, onSelect: C, "data-focus": p, ref: f, children: n.children }), e[10] = g, e[11] = y, e[12] = p, e[13] = f, e[14] = n.children, e[15] = C, e[16] = o) : o = e[16], o;
-}, (u, e) => u.suggestion === e.suggestion && u.visibleIndex === e.visibleIndex && u.isActive === e.isActive && u.inputRef === e.inputRef && u.onSelect === e.onSelect && u.onActivate === e.onActivate && u.itemRef === e.itemRef);
+}, (l, e) => l.suggestion === e.suggestion && l.visibleIndex === e.visibleIndex && l.isActive === e.isActive && l.inputRef === e.inputRef && l.onSelect === e.onSelect && l.onActivate === e.onActivate && l.itemRef === e.itemRef);
 D.displayName = "SuggestionMenuItem";
-const P = i.forwardRef((u, e) => {
+const P = i.forwardRef((l, e) => {
   const n = x.c(12);
-  let l, p, d;
-  n[0] !== u ? ({
-    children: l,
+  let u, p, d;
+  n[0] !== l ? ({
+    children: u,
     inputRef: p,
     ...d
-  } = u, n[0] = u, n[1] = l, n[2] = p, n[3] = d) : (l = n[1], p = n[2], d = n[3]);
+  } = l, n[0] = l, n[1] = u, n[2] = p, n[3] = d) : (u = n[1], p = n[2], d = n[3]);
   const v = i.useRef(null);
   let c, f;
   n[4] !== p ? (c = (g) => {
@@ -58,17 +58,17 @@ const P = i.forwardRef((u, e) => {
     preventScroll: !0
   }), n[4] = p, n[5] = c, n[6] = f) : (c = n[5], f = n[6]);
   let m;
-  return n[7] !== l || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, forceMount: !0, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: l }), n[7] = l, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
+  return n[7] !== u || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: u }), n[7] = u, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
 });
 P.displayName = "InputSuggestionMenuContent";
-const Z = i.memo(P), V = i.forwardRef((u, e) => {
+const Z = i.memo(P), V = i.forwardRef((l, e) => {
   const {
     suggestions: n,
-    onSuggestionSelect: l = () => {
+    onSuggestionSelect: u = () => {
     },
     inputRef: p,
     ...d
-  } = u, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
+  } = l, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
     const s = g.current;
     if (!(!r?.force && s === t) && (s !== null && v.current[s]?.removeAttribute("data-focus"), g.current = t, t !== null)) {
       const h = v.current[t];
@@ -155,10 +155,10 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
       const t = g.current;
       if (t === null || !o[t]) return;
       const r = o[t];
-      return setTimeout(() => l(r), 0), r;
+      return setTimeout(() => u(r), 0), r;
     },
     clearActiveItem: () => a(null)
-  }), [l, a, o]);
+  }), [u, a, o]);
   const b = (t) => {
     m((r) => ({
       ...r,
@@ -191,7 +191,7 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
             visibleIndex: S,
             isActive: w,
             inputRef: p,
-            onSelect: l,
+            onSelect: u,
             onActivate: a,
             itemRef: S !== null ? M(S) : void 0
           }
@@ -203,14 +203,14 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
 });
 V.displayName = "InputSuggestionMenuContentItems";
 const _ = i.memo(V);
-function H(u) {
-  return u.stopPropagation();
+function H(l) {
+  return l.stopPropagation();
 }
-function U(u) {
-  return u.target instanceof HTMLInputElement && u.preventDefault();
+function U(l) {
+  return l.target instanceof HTMLInputElement && l.preventDefault();
 }
-function q(u) {
-  return u.preventDefault();
+function q(l) {
+  return l.preventDefault();
 }
 export {
   Z as InputSuggestionMenuContent,

package/dist/components/form/useForm.d.ts

@@ -8,9 +8,9 @@ export interface FormValidationProps<Values> {
     onSubmit?: (values: Values) => void;
 }
 export interface ValidationProps<Value> {
-    initialValue?: Value | null;
-    defaultValue?: Value | null;
-    value?: Value | null;
+    initialValue?: Value | undefined;
+    defaultValue?: Value | undefined;
+    value?: Value | undefined;
     required?: boolean;
     formValidation?: {
         setValue: (value: any) => void;

package/dist/components/form/useForm.js

@@ -10,15 +10,15 @@ function S(r, t) {
   if (typeof r != "object" || !r) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
-    var n = e.call(r, t);
-    if (typeof n != "object") return n;
+    var i = e.call(r, t);
+    if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(r);
 }
 class f {
-  constructor(t, e, n) {
-    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = n;
+  constructor(t, e, i) {
+    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = i;
   }
   isValid() {
     if (!this.currentValidations) return !0;
@@ -30,14 +30,14 @@ class f {
     return !0;
   }
   getInputProps(t) {
-    const e = this.currentValues[t], n = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (i) => null)(e, this.currentValues);
+    const e = this.currentValues[t], i = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (n) => null)(e, this.currentValues);
     return {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
-      defaultValue: n,
-      initialValue: n,
+      defaultValue: i,
+      initialValue: i || void 0,
       formValidation: {
-        setValue: (i) => {
-          this.changeValue(u, i);
+        setValue: (n) => {
+          this.changeValue(u, n);
         },
         notValidMessage: a,
         valid: a === null
@@ -52,11 +52,11 @@ const _ = (r) => {
   const {
     initialValues: t,
     validate: e = {},
-    truthyValidationBeforeSubmit: n = !0,
+    truthyValidationBeforeSubmit: i = !0,
     onSubmit: u
-  } = r, [o, a] = b(t), i = p(t);
+  } = r, [o, a] = b(t), n = p(t);
   y(() => {
-    a(t), i.current = t;
+    a(t), n.current = t;
   }, [t]);
   const s = d((l, m) => {
     a((g) => {
@@ -64,12 +64,12 @@ const _ = (r) => {
         ...g,
         [l]: m
       };
-      return i.current = V, V;
+      return n.current = V, V;
     });
   }, []), h = P(() => new f(s, o, e), [s, o, e]), v = d(() => {
-    const l = new f(s, i.current, e);
-    u && (!n || l.isValid()) && u(i.current);
-  }, [s, e, u, n]);
+    const l = new f(s, n.current, e);
+    u && (!i || l.isValid()) && u(n.current);
+  }, [s, e, u, i]);
   return [h, v];
 };
 export {

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
 };