@code0-tech/pictor 0.4.0 → 0.5.1

package/LICENSE

@@ -1,29 +1,7 @@
-Copyright (c) 2023-present Code0
+Copyright 2023-2026 Code0 UG (haftungsbeschränkt) i.G.
 
-Portions of this software are licensed as follows:
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
-* All content residing under the "docs/" directory of this repository is licensed under "Creative Commons: CC BY-SA 4.0 license".
-* All third party components incorporated into the Code0 Software are licensed under the original license provided by the owner of the applicable component.
-* Content outside of the above mentioned directories or restrictions above is available as defined below.
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software. This Software comes with restrictions, including the rights
-to use, copy, modify, merge, publish, distribute and not sublicense, and/or sell copies of this Software,
-and to permit persons to whom this Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of this Software.
-
-This Software can be used, copied, merged, published and distributed commercially and non commercially, but it is not allowed
-to sell this Software and/or any copies.
-
-You agree that Code0 and/or its licensors (as applicable) retain all right, title and interest in and
-to all such modifications and/or patches and/or copies of this Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/components/editor/Editor.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { Code0Component } from '../../utils';
 import { ValidationProps } from '../form';
 import { Extension } from '@uiw/react-codemirror';
-import { StreamLanguage } from '@codemirror/language';
+import { StreamLanguage, TagStyle } from '@codemirror/language';
 import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
 import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
 export type EditorTokenizer = (content: string) => string | null;
@@ -24,6 +24,8 @@ export interface EditorInputProps extends Omit<Code0Component<HTMLDivElement>, '
     readonly?: boolean;
     showTooltips?: boolean;
     showValidation?: boolean;
+    formatter?: (value: string) => Promise<string>;
     basicSetup?: BasicSetupOptions;
+    tokenStyles?: TagStyle[];
 }
 export declare const Editor: React.FC<EditorInputProps>;

package/dist/components/editor/Editor.js

@@ -1,337 +1,325 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import m, { isValidElement as ce } from "react";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import m, { isValidElement as me } from "react";
 import { createPortal as K } from "react-dom";
 import "../../utils/contextStore.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 { hashToColor as w, mergeCode0Props as he } from "../../utils/utils.js";
+import fe, { Prec as _, keymap as J, ViewPlugin as ge, RangeSetBuilder as pe, Decoration as F, EditorView as ye, WidgetType as be } from "@uiw/react-codemirror";
+import { json as ve, jsonParseLinter as Se } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
-import { linter as be } from "@codemirror/lint";
-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 v, getStyleTags as Te } from "../../node_modules/@lezer/highlight/dist/index.js";
+import { linter as we } from "@codemirror/lint";
+import Ce from "../../node_modules/prettier/standalone.js";
+import Te from "../../node_modules/prettier/plugins/babel.js";
+import xe from "../../node_modules/prettier/plugins/estree.js";
+import { createTheme as Ae } from "@uiw/codemirror-themes";
+import { getStyleTags as ke, tags as C } 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";
+import { Badge as b } from "../badge/Badge.js";
+import { IconExclamationCircle as ze, IconAlertTriangle as je, IconAlertSquareRounded as Pe, IconInfoCircle as Ee, IconSpace as Ve, IconArrowBarToRight as Ne, IconCornerDownLeft as Ie } 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";
-import { ScrollArea as Ve, ScrollAreaViewport as Ne, ScrollAreaScrollbar as G, ScrollAreaThumb as Q } from "../scroll-area/ScrollArea.js";
-import { autocompletion as Ie, acceptCompletion as Re, startCompletion as N } from "@codemirror/autocomplete";
-function Be(i, r, h) {
-  return (r = Me(r)) in i ? Object.defineProperty(i, r, { value: h, enumerable: !0, configurable: !0, writable: !0 }) : i[r] = h, i;
+import { Flex as x } from "../flex/Flex.js";
+import { Tooltip as A, TooltipTrigger as k, TooltipPortal as z, TooltipContent as j, TooltipArrow as P } from "../tooltip/Tooltip.js";
+import { ScrollArea as Re, ScrollAreaViewport as Me, ScrollAreaScrollbar as G, ScrollAreaThumb as Q } from "../scroll-area/ScrollArea.js";
+import { autocompletion as Be, acceptCompletion as Fe, startCompletion as E } from "@codemirror/autocomplete";
+function Oe(i, t, f) {
+  return (t = qe(t)) in i ? Object.defineProperty(i, t, { value: f, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = f, i;
 }
-function Me(i) {
-  var r = qe(i, "string");
-  return typeof r == "symbol" ? r : r + "";
+function qe(i) {
+  var t = We(i, "string");
+  return typeof t == "symbol" ? t : t + "";
 }
-function qe(i, r) {
+function We(i, t) {
   if (typeof i != "object" || !i) return i;
-  var h = i[Symbol.toPrimitive];
-  if (h !== void 0) {
-    var g = h.call(i, r);
-    if (typeof g != "object") return g;
+  var f = i[Symbol.toPrimitive];
+  if (f !== void 0) {
+    var p = f.call(i, t);
+    if (typeof p != "object") return p;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (r === "string" ? String : Number)(i);
+  return (t === "string" ? String : Number)(i);
 }
-class X extends ge {
-  constructor(r, h) {
-    super(), this.type = r, this.rawValue = h;
+class X extends be {
+  constructor(t, f) {
+    super(), this.type = t, this.rawValue = f;
   }
   toDOM() {
-    const r = document.createElement("span");
-    return r.className = "cm-react-anchor", r.dataset.type = this.type, r.dataset.value = this.rawValue, r.contentEditable = "false", r.style.pointerEvents = "none", r.style.verticalAlign = "middle", r.style.display = "inline-block", r;
+    const t = document.createElement("span");
+    return t.className = "cm-react-anchor", t.dataset.type = this.type, t.dataset.value = this.rawValue, t.contentEditable = "false", t.style.pointerEvents = "none", t.style.verticalAlign = "middle", t.style.display = "inline-block", t;
   }
   ignoreEvent() {
     return !0;
   }
-  eq(r) {
-    return r.type === this.type && r.rawValue === this.rawValue;
+  eq(t) {
+    return t.type === this.type && t.rawValue === this.rawValue;
   }
 }
-const Fe = Ce({
-  theme: "light",
-  settings: {
-    background: "transparent",
-    backgroundImage: "",
-    foreground: "rgba(255,255,255, 0.75)",
-    caret: "gray",
-    selection: "rgba(112,179,255,0.25)",
-    selectionMatch: "rgba(112,179,255,0.1)",
-    fontSize: "0.8rem",
-    gutterBackground: "transparent",
-    gutterForeground: "rgba(255,255,255, 0.5)",
-    gutterBorder: "transparent",
-    gutterActiveForeground: "rgba(255,255,255, 1)",
-    lineHighlight: "rgba(255,255,255, 0.1)"
-  },
-  styles: [{
-    tag: v.squareBracket,
-    color: b("squareBracket")
-  }, {
-    tag: v.bracket,
-    color: b("bracket")
-  }, {
-    tag: v.string,
-    color: b("Text")
-  }, {
-    tag: v.bool,
-    color: b("Boolean")
-  }, {
-    tag: v.number,
-    color: b("Number")
-  }]
-}), Oe = (i) => ce(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), at = (i) => {
+const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), ur = (i) => {
   const {
-    language: r,
-    tokenizer: h,
-    tokenHighlights: g,
-    suggestions: w,
-    onChange: O,
-    extensions: W = [],
-    initialValue: S,
-    formValidation: Y,
-    disabled: I,
-    showTooltips: Z = !0,
-    showValidation: $ = !0,
-    readonly: U,
-    basicSetup: ee,
+    language: t,
+    tokenizer: f,
+    tokenHighlights: p,
+    tokenStyles: O = [],
+    suggestions: V,
+    onChange: q,
+    extensions: Y = [],
+    formatter: W,
+    initialValue: v,
+    formValidation: Z,
+    disabled: N,
+    showTooltips: $ = !0,
+    showValidation: U = !0,
+    readonly: ee,
+    basicSetup: re,
     customSuggestionComponent: D = !1,
     ...te
-  } = i, [re, R] = m.useState(""), B = m.useRef(null), [oe, ne] = m.useState(/* @__PURE__ */ new Map()), [c, ie] = m.useState([]), [f, p] = m.useState(null), C = m.useRef(null);
-  r === "json" && m.useEffect(() => {
+  } = i, [oe, I] = m.useState(), R = m.useRef(null), [ne, ie] = m.useState(/* @__PURE__ */ new Map()), [u, se] = m.useState([]), [T, le] = m.useState(null), [g, y] = m.useState(null), H = m.useRef(null);
+  m.useEffect(() => {
     (async () => {
       try {
-        const e = await ve.format(JSON.stringify(S) ?? "", {
-          parser: r,
-          plugins: [we, Se],
+        const e = W ? await W(v) : t === "json" ? await Ce.format(JSON.stringify(v), {
+          parser: "json",
+          plugins: [Te, xe],
           printWidth: 1
-        });
-        R(e);
+        }) : v;
+        I(e);
       } catch {
-        R(JSON.stringify(S) ?? "");
+        I(t == "json" ? JSON.stringify(v) : v);
       }
     })();
-  }, [S]);
-  const se = m.useMemo(() => {
-    const e = [...W];
-    if (w) {
-      const o = (l) => {
-        const u = w(l);
-        if (u && Oe(u)) {
-          const d = l.view?.coordsAtPos(l.pos);
-          return d && p({
-            component: u,
+  }, []);
+  const ae = m.useMemo(() => {
+    const e = [...Y];
+    if (V) {
+      const n = (o) => {
+        const c = V(o);
+        if (c && De(c)) {
+          const l = o.view?.coordsAtPos(o.pos);
+          return l && y({
+            component: c,
             position: {
-              top: d.bottom,
-              left: d.left
+              top: l.bottom,
+              left: l.left
             }
           }), null;
         }
-        return p(null), u;
+        return y(null), c;
       };
-      e.push(Ie({
+      e.push(Be({
         ...D ? {
-          override: [o]
+          override: [n]
         } : {
-          override: [w]
+          override: [V]
         }
       })), e.push(_.highest(J.of([{
         key: "Tab",
-        run: Re
+        run: Fe
       }]))), D && e.push(_.highest(J.of([{
         key: "ArrowUp",
-        run: (l) => (f || N(l), !0)
+        run: (o) => (g || E(o), !0)
       }, {
         key: "ArrowDown",
-        run: (l) => f ? (B?.current?.querySelector("[tabindex]")?.focus(), !0) : (N(l), !0)
+        run: (o) => g ? (R?.current?.querySelector("[tabindex]")?.focus(), !0) : (E(o), !0)
       }])));
     }
-    r === "json" ? (e.push(pe()), e.push(be(ye(), {
-      markerFilter: (o) => (ie(o), [])
-    }))) : r && e.push(r);
-    const n = me.fromClass(class {
-      constructor(o) {
-        Be(this, "decorations", void 0), this.decorations = this.build(o);
+    t === "json" ? (e.push(ve()), e.push(we(Se(), {
+      markerFilter: (n) => (se(n), [])
+    }))) : t && e.push(t);
+    const d = ge.fromClass(class {
+      constructor(n) {
+        Oe(this, "decorations", void 0), this.decorations = this.build(n);
       }
-      update(o) {
-        (o.docChanged || o.viewportChanged) && (this.decorations = this.build(o.view));
+      update(n) {
+        (n.docChanged || n.viewportChanged) && (this.decorations = this.build(n.view));
       }
-      build(o) {
-        const l = new he(), u = Object.keys(g || {});
-        return L(o.state).iterate({
-          enter: (d) => {
-            const A = o.state.doc.sliceString(d.from, d.to);
-            if (A.includes(`
+      build(n) {
+        const o = new pe(), c = Object.keys(p || {});
+        return L(n.state).iterate({
+          enter: (l) => {
+            const h = n.state.doc.sliceString(l.from, l.to);
+            if (h.includes(`
 `)) return;
-            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),
+            const M = f?.(h), de = ke(l)?.tags.map((S) => "name" in S ? S.name : void 0), B = c.find((S) => de?.includes(S));
+            B && !M ? p?.[B]({
+              content: h
+            }) && o.add(l.from, l.to, F.replace({
+              widget: new X(B, h),
               point: !0
-            })) : q && l.add(d.from, d.to, F.replace({
-              widget: new X(q, A),
+            })) : M && o.add(l.from, l.to, F.replace({
+              widget: new X(M, h),
               point: !0
             }));
           }
-        }), l.finish();
+        }), o.finish();
       }
     }, {
-      decorations: (o) => o.decorations
+      decorations: (n) => n.decorations
     });
-    return e.push(n), e.push(fe.atomicRanges.of((o) => o.plugin(n)?.decorations || F.none)), e;
-  }, [r, h, g, W, w, B.current]), [T, le] = m.useState(null), M = m.useCallback((e) => {
+    return e.push(d), e.push(ye.atomicRanges.of((n) => n.plugin(d)?.decorations || F.none)), e;
+  }, [R]), ce = m.useCallback((e) => {
     if (e.docChanged || e.viewportChanged || e.selectionSet) {
       if (e.view) {
         const {
-          from: n,
-          to: o
+          from: o,
+          to: c
         } = e.state?.selection?.main ?? {
           from: 0,
           to: 0
         };
         let l = 0;
         L(e.state).iterate({
-          from: n,
-          to: o,
-          enter: (u) => {
-            u.from >= n && u.to <= o && l++;
+          from: o,
+          to: c,
+          enter: (h) => {
+            h.from >= o && h.to <= c && l++;
           }
-        }), e.selectionSet && l < 2 ? (n === o && n !== T?.from ? p(null) : n === o && n === T?.from && n != 0 ? p((u) => u) : n === o && n === T?.from && n == 0 && p(null), N(e.view)) : e.selectionSet && l >= 2 && p(null), le({
-          from: n,
-          to: o
+        }), e.selectionSet && l < 2 ? (o === c && o !== T?.from ? y(null) : o === c && o === T?.from && o != 0 ? y((h) => h) : o === c && o === T?.from && o == 0 && y(null), E(e.view)) : e.selectionSet && l >= 2 && y(null), le({
+          from: o,
+          to: c
         });
-      } else e.selectionSet && (p(null), N(e.view));
-      window.requestAnimationFrame(() => {
-        const n = C.current?.querySelectorAll(".cm-react-anchor"), o = /* @__PURE__ */ new Map();
-        n?.forEach((l) => {
-          o.set(l, {
-            type: l.dataset.type,
-            value: l.dataset.value
-          });
-        }), ne(o);
-      });
-    }
-  }, [T]);
-  return m.useEffect(() => {
-    if (C.current) {
-      const e = window.setTimeout(() => {
-        const n = new CustomEvent("scroll");
-        C.current?.dispatchEvent(n), M({
-          docChanged: !0,
-          viewportChanged: !0,
-          selectionSet: !1
+      } else e.selectionSet && (y(null), E(e.view));
+      const d = H.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
+      d?.forEach((o) => {
+        n.set(o, {
+          type: o.dataset.type,
+          value: o.dataset.value
         });
-      }, 50);
-      return () => clearTimeout(e);
+      }), ie(n);
     }
-    return () => {
-    };
-  }, [M]), /* @__PURE__ */ s(Ve, { h: "100%", type: "scroll", children: [
-    $ && /* @__PURE__ */ t("div", { className: "editor__diagnostics", children: /* @__PURE__ */ s(k, { style: {
+  }, [T]), ue = m.useMemo(() => Ae({
+    theme: "light",
+    settings: {
+      background: "transparent",
+      backgroundImage: "",
+      foreground: "rgba(255,255,255, 0.75)",
+      caret: "gray",
+      selection: "rgba(112,179,255,0.25)",
+      selectionMatch: "rgba(112,179,255,0.1)",
+      fontSize: "0.8rem",
+      gutterBackground: "transparent",
+      gutterForeground: "rgba(255,255,255, 0.5)",
+      gutterBorder: "transparent",
+      gutterActiveForeground: "rgba(255,255,255, 1)",
+      lineHighlight: "rgba(255,255,255, 0.1)"
+    },
+    styles: [{
+      tag: C.squareBracket,
+      color: w("squareBracket")
+    }, {
+      tag: C.bracket,
+      color: w("bracket")
+    }, {
+      tag: C.string,
+      color: w("Text")
+    }, {
+      tag: C.bool,
+      color: w("Boolean")
+    }, {
+      tag: C.number,
+      color: w("Number")
+    }, ...O]
+  }), [O]);
+  return /* @__PURE__ */ s(Re, { h: "100%", type: "scroll", children: [
+    U && /* @__PURE__ */ r("div", { className: "editor__diagnostics", children: /* @__PURE__ */ s(x, { style: {
       gap: "0.35rem",
       textWrap: "nowrap"
     }, 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(Ae, { size: 13 }),
-          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "error").length })
+      u.filter((e) => e.severity == "error").length > 0 ? /* @__PURE__ */ s(A, { children: [
+        /* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ s(b, { color: "red", children: [
+          /* @__PURE__ */ r(ze, { size: 13 }),
+          /* @__PURE__ */ r(a, { children: u.filter((e) => e.severity == "error").length })
         ] }) }),
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
-          /* @__PURE__ */ t(V, {}),
-          c.filter((e) => e.severity == "error").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        /* @__PURE__ */ r(z, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ r(P, {}),
+          u.filter((e) => e.severity == "error").map((e) => /* @__PURE__ */ r(a, { size: "xs", children: e.message }, e.message))
         ] }) })
       ] }) : 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(xe, { size: 13 }),
-          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "warning").length })
+      u.filter((e) => e.severity == "warning").length > 0 ? /* @__PURE__ */ s(A, { children: [
+        /* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ s(b, { color: "orange", children: [
+          /* @__PURE__ */ r(je, { size: 13 }),
+          /* @__PURE__ */ r(a, { children: u.filter((e) => e.severity == "warning").length })
         ] }) }),
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
-          /* @__PURE__ */ t(V, {}),
-          c.filter((e) => e.severity == "warning").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        /* @__PURE__ */ r(z, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ r(P, {}),
+          u.filter((e) => e.severity == "warning").map((e) => /* @__PURE__ */ r(a, { size: "xs", children: e.message }, e.message))
         ] }) })
       ] }) : null,
-      c.filter((e) => e.severity == "info").length > 0 ? /* @__PURE__ */ s(E, { children: [
-        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "#9ca3af", children: [
-          /* @__PURE__ */ t(ke, { size: 13 }),
-          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "info").length })
+      u.filter((e) => e.severity == "info").length > 0 ? /* @__PURE__ */ s(A, { children: [
+        /* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ s(b, { color: "#9ca3af", children: [
+          /* @__PURE__ */ r(Pe, { size: 13 }),
+          /* @__PURE__ */ r(a, { children: u.filter((e) => e.severity == "info").length })
         ] }) }),
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
-          /* @__PURE__ */ t(V, {}),
-          c.filter((e) => e.severity == "info").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        /* @__PURE__ */ r(z, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ r(P, {}),
+          u.filter((e) => e.severity == "info").map((e) => /* @__PURE__ */ r(a, { size: "xs", children: e.message }, e.message))
         ] }) })
       ] }) : null,
-      c.filter((e) => e.severity == "hint").length > 0 ? /* @__PURE__ */ s(E, { children: [
-        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "#3b82f6", children: [
-          /* @__PURE__ */ t(Ee, { size: 13 }),
-          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "hint").length })
+      u.filter((e) => e.severity == "hint").length > 0 ? /* @__PURE__ */ s(A, { children: [
+        /* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ s(b, { color: "#3b82f6", children: [
+          /* @__PURE__ */ r(Ee, { size: 13 }),
+          /* @__PURE__ */ r(a, { children: u.filter((e) => e.severity == "hint").length })
         ] }) }),
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
-          /* @__PURE__ */ t(V, {}),
-          c.filter((e) => e.severity == "hint").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        /* @__PURE__ */ r(z, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ r(P, {}),
+          u.filter((e) => e.severity == "hint").map((e) => /* @__PURE__ */ r(a, { size: "xs", children: e.message }, e.message))
         ] }) })
       ] }) : null
     ] }) }),
-    Z && /* @__PURE__ */ t("div", { className: "editor__tools", children: /* @__PURE__ */ s(k, { style: {
+    $ && /* @__PURE__ */ r("div", { className: "editor__tools", children: /* @__PURE__ */ s(x, { style: {
       gap: "0.35rem",
       textWrap: "nowrap"
     }, align: "center", children: [
-      /* @__PURE__ */ s(k, { style: {
+      /* @__PURE__ */ s(x, { style: {
         gap: "0.35rem"
       }, align: "center", children: [
-        /* @__PURE__ */ s(y, { color: "secondary", border: !0, children: [
-          /* @__PURE__ */ t(a, { children: navigator !== void 0 && /Mac/.test(navigator.userAgent) ? "⌃" : "strg" }),
-          /* @__PURE__ */ t(a, { children: "+" }),
-          /* @__PURE__ */ t(ze, { size: 13 })
+        /* @__PURE__ */ s(b, { color: "secondary", border: !0, children: [
+          /* @__PURE__ */ r(a, { children: navigator !== void 0 && /Mac/.test(navigator.userAgent) ? "⌃" : "strg" }),
+          /* @__PURE__ */ r(a, { children: "+" }),
+          /* @__PURE__ */ r(Ve, { size: 13 })
         ] }),
-        /* @__PURE__ */ t(a, { children: "to show" })
+        /* @__PURE__ */ r(a, { children: "to show" })
       ] }),
-      /* @__PURE__ */ t(a, { children: "and" }),
-      /* @__PURE__ */ s(k, { style: {
+      /* @__PURE__ */ r(a, { children: "and" }),
+      /* @__PURE__ */ s(x, { style: {
         gap: "0.35rem"
       }, align: "center", children: [
-        /* @__PURE__ */ s(y, { color: "secondary", border: !0, children: [
-          /* @__PURE__ */ t(Pe, { size: 13 }),
-          /* @__PURE__ */ t(a, { children: "or" }),
-          /* @__PURE__ */ t(je, { size: 13 })
+        /* @__PURE__ */ s(b, { color: "secondary", border: !0, children: [
+          /* @__PURE__ */ r(Ne, { size: 13 }),
+          /* @__PURE__ */ r(a, { children: "or" }),
+          /* @__PURE__ */ r(Ie, { size: 13 })
         ] }),
-        /* @__PURE__ */ t(a, { children: "to select" })
+        /* @__PURE__ */ r(a, { children: "to select" })
       ] }),
-      /* @__PURE__ */ t(a, { children: "suggestions" })
+      /* @__PURE__ */ r(a, { children: "suggestions" })
     ] }) }),
-    /* @__PURE__ */ t(Ne, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: C, ...ue("editor", te), children: [
-      /* @__PURE__ */ t(de, { width: "100%", height: "100%", value: r === "json" ? re : S, theme: Fe, readOnly: I || U, editable: !I, extensions: se, "aria-disabled": I, className: "editor__control", onChange: (e) => {
-        if (R(e), r === "json")
+    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: H, ...he("editor", te), children: [
+      /* @__PURE__ */ r(fe, { width: "100%", height: "100%", value: oe, theme: ue, readOnly: N || ee, editable: !N, extensions: ae, "aria-disabled": N, className: "editor__control", onChange: (e) => {
+        if (I(e), t === "json")
           try {
-            const n = JSON.parse(e);
-            O?.(n), Y?.setValue(n);
+            const d = JSON.parse(e);
+            q?.(d), Z?.setValue(d);
           } catch {
           }
         else
-          O?.(e);
-      }, onUpdate: M, basicSetup: ee }),
-      g && Array.from(oe.entries()).map(([e, n]) => {
-        const o = g[n.type];
-        return o ? K(/* @__PURE__ */ t("div", { style: {
+          q?.(e);
+      }, onUpdate: ce, basicSetup: re }),
+      p && Array.from(ne.entries()).map(([e, d]) => {
+        const n = p[d.type];
+        return n ? K(/* @__PURE__ */ r("div", { style: {
           display: "contents"
-        }, children: o({
-          content: n.value
-        }) }, e.outerHTML + n.value), e) : null;
+        }, children: n({
+          content: d.value
+        }) }, e.outerHTML + d.value), e) : null;
       }),
-      f && K(/* @__PURE__ */ t("div", { ref: B, style: {
+      g && K(/* @__PURE__ */ r("div", { ref: R, style: {
         position: "fixed",
-        top: f.position.top,
-        left: f.position.left,
+        top: g.position.top,
+        left: g.position.left,
         zIndex: 9999
-      }, children: f.component }, f.position.top + "-" + f.position.left), document.body)
+      }, children: g.component }, g.position.top + "-" + g.position.left), document.body)
     ] }) }),
-    /* @__PURE__ */ t(G, { orientation: "vertical", children: /* @__PURE__ */ t(Q, {}) }),
-    /* @__PURE__ */ t(G, { orientation: "horizontal", children: /* @__PURE__ */ t(Q, {}) })
+    /* @__PURE__ */ r(G, { orientation: "vertical", children: /* @__PURE__ */ r(Q, {}) }),
+    /* @__PURE__ */ r(G, { orientation: "horizontal", children: /* @__PURE__ */ r(Q, {}) })
   ] });
 };
 export {
-  at as Editor
+  ur as Editor
 };

package/dist/index.js

@@ -1,31 +1,31 @@
 import { Alert as r } from "./components/alert/Alert.js";
 import { AuroraBackground as n } from "./components/aurora/Aurora.js";
 import { Avatar as p } from "./components/avatar/Avatar.js";
-import { Badge as i } from "./components/badge/Badge.js";
+import { Badge as u } from "./components/badge/Badge.js";
 import { Breadcrumb as x } from "./components/breadcrumb/Breadcrumb.js";
 import { Button as f } from "./components/button/Button.js";
 import { ButtonGroup as g } from "./components/button-group/ButtonGroup.js";
-import { Card as c } from "./components/card/Card.js";
+import { Card as b } from "./components/card/Card.js";
 import { Col as T } from "./components/col/Col.js";
-import { Command as s, CommandDialog as M, CommandEmpty as I, CommandGroup as D, CommandInput as v, CommandItem as A, CommandList as F, CommandSeparator as y, CommandShortcut as P } from "./components/command/Command.js";
+import { Command as s, CommandDialog as M, CommandEmpty as I, CommandGroup as D, CommandInput as A, CommandItem as v, CommandList as F, CommandSeparator as P, CommandShortcut as R } from "./components/command/Command.js";
 import { Container as L } from "./components/container/Container.js";
-import { ContextMenu as w, ContextMenuArrow as B, ContextMenuContent as G, ContextMenuGroup as z, ContextMenuItem as O, ContextMenuLabel as k, ContextMenuPortal as E, ContextMenuSeparator as H, ContextMenuSub as N, ContextMenuSubContent as j, ContextMenuSubTrigger as Q, ContextMenuTrigger as V } from "./components/context-menu/ContextMenu.js";
+import { ContextMenu as w, ContextMenuArrow as G, ContextMenuContent as z, ContextMenuGroup as B, ContextMenuItem as O, ContextMenuLabel as k, ContextMenuPortal as E, ContextMenuSeparator as H, ContextMenuSub as N, ContextMenuSubContent as j, ContextMenuSubTrigger as Q, ContextMenuTrigger as V } from "./components/context-menu/ContextMenu.js";
 import { DataTable as q } from "./components/data-table/DataTable.js";
 import { DataTableColumn as K } from "./components/data-table/DataTableColumn.js";
 import { DataTableFilterInput as W, createFilterQueryLanguage as X } from "./components/data-table/DataTableFilterInput.js";
 import { DataTableFilterSuggestionMenu as _ } from "./components/data-table/DataTableFilterSuggestionMenu.js";
-import { Dialog as ee, DialogClose as oe, DialogContent as re, DialogDescription as te, DialogFooter as ne, DialogHeader as ae, DialogOverlay as pe, DialogPortal as me, DialogTitle as ie, DialogTrigger as ue } from "./components/dialog/Dialog.js";
+import { Dialog as ee, DialogClose as oe, DialogContent as re, DialogDescription as te, DialogFooter as ne, DialogHeader as ae, DialogOverlay as pe, DialogPortal as me, DialogTitle as ue, DialogTrigger as ie } from "./components/dialog/Dialog.js";
 import { Editor as le } from "./components/editor/Editor.js";
 import { FileTabsService as Ce } from "./components/file-tabs/FileTabs.service.js";
-import { FileTabs as Se, FileTabsContent as ce, FileTabsList as be, FileTabsTrigger as Te } from "./components/file-tabs/FileTabs.js";
+import { FileTabs as Se, FileTabsContent as be, FileTabsList as ce, FileTabsTrigger as Te } from "./components/file-tabs/FileTabs.js";
 import { Flex as se } from "./components/flex/Flex.js";
 import { CheckboxInput as Ie } from "./components/form/CheckboxInput.js";
-import { EmailInput as ve, emailValidation as Ae } from "./components/form/EmailInput.js";
-import { Input as ye } from "./components/form/Input.js";
-import { InputDescription as Re } from "./components/form/InputDescription.js";
+import { EmailInput as Ae, emailValidation as ve } from "./components/form/EmailInput.js";
+import { Input as Pe } from "./components/form/Input.js";
+import { InputDescription as ye } from "./components/form/InputDescription.js";
 import { InputLabel as he } from "./components/form/InputLabel.js";
-import { InputMessage as Be } from "./components/form/InputMessage.js";
-import { InputSuggestionMenuContent as ze, InputSuggestionMenuContentItems as Oe } from "./components/form/InputSuggestion.js";
+import { InputMessage as Ge } from "./components/form/InputMessage.js";
+import { InputSuggestionMenuContent as Be, InputSuggestionMenuContentItems as Oe } from "./components/form/InputSuggestion.js";
 import { NumberInput as Ee } from "./components/form/NumberInput.js";
 import { PasswordInput as Ne } from "./components/form/PasswordInput.js";
 import { PinInput as Qe, PinInputField as Ve, PinInputHiddenField as Ze } from "./components/form/PinInput.js";
@@ -37,51 +37,50 @@ import { TextInput as eo } from "./components/form/TextInput.js";
 import { useForm as ro } from "./components/form/useForm.js";
 import { buildDefaultSyntax as no } from "./components/form/Input.syntax.hook.js";
 import { FullScreen as po } from "./components/fullscreen/FullScreen.js";
-import { Layout as io } from "./components/layout/Layout.js";
-import { Menu as xo, MenuArrow as lo, MenuCheckboxItem as fo, MenuContent as Co, MenuGroup as go, MenuItem as So, MenuItemIndicator as co, MenuLabel as bo, MenuPortal as To, MenuSeparator as so, MenuSub as Mo, MenuSubContent as Io, MenuSubTrigger as Do, MenuTrigger as vo } from "./components/menu/Menu.js";
+import { Layout as uo } from "./components/layout/Layout.js";
+import { Menu as xo, MenuArrow as lo, MenuCheckboxItem as fo, MenuContent as Co, MenuGroup as go, MenuItem as So, MenuItemIndicator as bo, MenuLabel as co, MenuPortal as To, MenuSeparator as so, MenuSub as Mo, MenuSubContent as Io, MenuSubTrigger as Do, MenuTrigger as Ao } from "./components/menu/Menu.js";
 import { Quote as Fo } from "./components/quote/Quote.js";
-import { ResizableHandle as Po, ResizablePanel as Ro, ResizablePanelGroup as Lo } from "./components/resizable/Resizable.js";
+import { ResizableHandle as Ro, ResizablePanel as yo, ResizablePanelGroup as Lo } from "./components/resizable/Resizable.js";
 import { Row as wo } from "./components/row/Row.js";
-import { ScrollArea as Go, ScrollAreaCorner as zo, ScrollAreaScrollbar as Oo, ScrollAreaThumb as ko, ScrollAreaViewport as Eo } from "./components/scroll-area/ScrollArea.js";
+import { ScrollArea as zo, ScrollAreaCorner as Bo, ScrollAreaScrollbar as Oo, ScrollAreaThumb as ko, ScrollAreaViewport as Eo } from "./components/scroll-area/ScrollArea.js";
 import { SegmentedControl as No, SegmentedControlItem as jo } from "./components/segmented-control/SegmentedControl.js";
 import { Spacing as Vo } from "./components/spacing/Spacing.js";
 import { Tab as qo, TabContent as Jo, TabList as Ko, TabTrigger as Uo } from "./components/tab/Tab.js";
 import { Text as Xo } from "./components/text/Text.js";
 import { Toast as _o, toast as $o } from "./components/toast/Toast.js";
 import { Tooltip as or, TooltipArrow as rr, TooltipContent as tr, TooltipPortal as nr, TooltipTrigger as ar } from "./components/tooltip/Tooltip.js";
-import { ContextStore as mr, ContextStoreProvider as ir, useService as ur, useStore as xr } from "./utils/contextStore.js";
-import { InspectionSeverity as fr, underlineBySeverity as Cr } from "./utils/inspection.js";
-import { NonReactiveArrayService as Sr, createNonReactiveArrayService as cr } from "./utils/nonReactiveArrayService.js";
-import { ObjectService as Tr, createObjectService as dr } from "./utils/objectStore.js";
-import { ReactiveArrayService as Mr, useReactiveArrayService as Ir } from "./utils/reactiveArrayService.js";
-import { Colors as vr } from "./utils/types.js";
-import { getDOMSizeFromCodeZeroSize as Fr, hashToColor as yr, mergeCode0Props as Pr } from "./utils/utils.js";
+import { ContextStore as mr, ContextStoreProvider as ur, useService as ir, useStore as xr } from "./utils/contextStore.js";
+import { NonReactiveArrayService as fr, createNonReactiveArrayService as Cr } from "./utils/nonReactiveArrayService.js";
+import { ObjectService as Sr, createObjectService as br } from "./utils/objectStore.js";
+import { ReactiveArrayService as Tr, useReactiveArrayService as dr } from "./utils/reactiveArrayService.js";
+import { Colors as Mr } from "./utils/types.js";
+import { getDOMSizeFromCodeZeroSize as Dr, hashToColor as Ar, mergeCode0Props as vr } from "./utils/utils.js";
 export {
   r as Alert,
   n as AuroraBackground,
   p as Avatar,
-  i as Badge,
+  u as Badge,
   x as Breadcrumb,
   f as Button,
   g as ButtonGroup,
-  c as Card,
+  b as Card,
   Ie as CheckboxInput,
   T as Col,
-  vr as Colors,
+  Mr as Colors,
   s as Command,
   M as CommandDialog,
   I as CommandEmpty,
   D as CommandGroup,
-  v as CommandInput,
-  A as CommandItem,
+  A as CommandInput,
+  v as CommandItem,
   F as CommandList,
-  y as CommandSeparator,
-  P as CommandShortcut,
+  P as CommandSeparator,
+  R as CommandShortcut,
   L as Container,
   w as ContextMenu,
-  B as ContextMenuArrow,
-  G as ContextMenuContent,
-  z as ContextMenuGroup,
+  G as ContextMenuArrow,
+  z as ContextMenuContent,
+  B as ContextMenuGroup,
   O as ContextMenuItem,
   k as ContextMenuLabel,
   E as ContextMenuPortal,
@@ -91,7 +90,7 @@ export {
   Q as ContextMenuSubTrigger,
   V as ContextMenuTrigger,
   mr as ContextStore,
-  ir as ContextStoreProvider,
+  ur as ContextStoreProvider,
   q as DataTable,
   K as DataTableColumn,
   W as DataTableFilterInput,
@@ -104,42 +103,41 @@ export {
   ae as DialogHeader,
   pe as DialogOverlay,
   me as DialogPortal,
-  ie as DialogTitle,
-  ue as DialogTrigger,
+  ue as DialogTitle,
+  ie as DialogTrigger,
   le as Editor,
-  ve as EmailInput,
+  Ae as EmailInput,
   Se as FileTabs,
-  ce as FileTabsContent,
-  be as FileTabsList,
+  be as FileTabsContent,
+  ce as FileTabsList,
   Ce as FileTabsService,
   Te as FileTabsTrigger,
   se as Flex,
   po as FullScreen,
-  ye as Input,
-  Re as InputDescription,
+  Pe as Input,
+  ye as InputDescription,
   he as InputLabel,
-  Be as InputMessage,
-  ze as InputSuggestionMenuContent,
+  Ge as InputMessage,
+  Be as InputSuggestionMenuContent,
   Oe as InputSuggestionMenuContentItems,
-  fr as InspectionSeverity,
-  io as Layout,
+  uo as Layout,
   xo as Menu,
   lo as MenuArrow,
   fo as MenuCheckboxItem,
   Co as MenuContent,
   go as MenuGroup,
   So as MenuItem,
-  co as MenuItemIndicator,
-  bo as MenuLabel,
+  bo as MenuItemIndicator,
+  co as MenuLabel,
   To as MenuPortal,
   so as MenuSeparator,
   Mo as MenuSub,
   Io as MenuSubContent,
   Do as MenuSubTrigger,
-  vo as MenuTrigger,
-  Sr as NonReactiveArrayService,
+  Ao as MenuTrigger,
+  fr as NonReactiveArrayService,
   Ee as NumberInput,
-  Tr as ObjectService,
+  Sr as ObjectService,
   Ne as PasswordInput,
   Qe as PinInput,
   Ve as PinInputField,
@@ -147,13 +145,13 @@ export {
   Fo as Quote,
   Je as RadioGroup,
   Ue as RadioInput,
-  Mr as ReactiveArrayService,
-  Po as ResizableHandle,
-  Ro as ResizablePanel,
+  Tr as ReactiveArrayService,
+  Ro as ResizableHandle,
+  yo as ResizablePanel,
   Lo as ResizablePanelGroup,
   wo as Row,
-  Go as ScrollArea,
-  zo as ScrollAreaCorner,
+  zo as ScrollArea,
+  Bo as ScrollAreaCorner,
   Oo as ScrollAreaScrollbar,
   ko as ScrollAreaThumb,
   Eo as ScrollAreaViewport,
@@ -176,16 +174,15 @@ export {
   ar as TooltipTrigger,
   no as buildDefaultSyntax,
   X as createFilterQueryLanguage,
-  cr as createNonReactiveArrayService,
-  dr as createObjectService,
-  Ae as emailValidation,
-  Fr as getDOMSizeFromCodeZeroSize,
-  yr as hashToColor,
-  Pr as mergeCode0Props,
+  Cr as createNonReactiveArrayService,
+  br as createObjectService,
+  ve as emailValidation,
+  Dr as getDOMSizeFromCodeZeroSize,
+  Ar as hashToColor,
+  vr as mergeCode0Props,
   $o as toast,
-  Cr as underlineBySeverity,
   ro as useForm,
-  Ir as useReactiveArrayService,
-  ur as useService,
+  dr as useReactiveArrayService,
+  ir as useService,
   xr as useStore
 };

package/dist/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from './arrayService';
 export * from './contextStore';
-export * from './inspection';
 export * from './nonReactiveArrayService';
 export * from './objectStore';
 export * from './reactiveArrayService';

package/dist/utils/index.js

@@ -1,25 +1,22 @@
-import { ContextStore as o, ContextStoreProvider as t, useService as i, useStore as c } from "./contextStore.js";
-import { InspectionSeverity as S, underlineBySeverity as a } from "./inspection.js";
-import { NonReactiveArrayService as p, createNonReactiveArrayService as x } from "./nonReactiveArrayService.js";
-import { ObjectService as f, createObjectService as s } from "./objectStore.js";
-import { ReactiveArrayService as C, useReactiveArrayService as d } from "./reactiveArrayService.js";
-import { Colors as A } from "./types.js";
-import { getDOMSizeFromCodeZeroSize as l, hashToColor as O, mergeCode0Props as b } from "./utils.js";
+import { ContextStore as o, ContextStoreProvider as t, useService as c, useStore as i } from "./contextStore.js";
+import { NonReactiveArrayService as S, createNonReactiveArrayService as a } from "./nonReactiveArrayService.js";
+import { ObjectService as x, createObjectService as p } from "./objectStore.js";
+import { ReactiveArrayService as s, useReactiveArrayService as C } from "./reactiveArrayService.js";
+import { Colors as y } from "./types.js";
+import { getDOMSizeFromCodeZeroSize as R, hashToColor as d, mergeCode0Props as u } from "./utils.js";
 export {
-  A as Colors,
+  y as Colors,
   o as ContextStore,
   t as ContextStoreProvider,
-  S as InspectionSeverity,
-  p as NonReactiveArrayService,
-  f as ObjectService,
-  C as ReactiveArrayService,
-  x as createNonReactiveArrayService,
-  s as createObjectService,
-  l as getDOMSizeFromCodeZeroSize,
-  O as hashToColor,
-  b as mergeCode0Props,
-  a as underlineBySeverity,
-  d as useReactiveArrayService,
-  i as useService,
-  c as useStore
+  S as NonReactiveArrayService,
+  x as ObjectService,
+  s as ReactiveArrayService,
+  a as createNonReactiveArrayService,
+  p as createObjectService,
+  R as getDOMSizeFromCodeZeroSize,
+  d as hashToColor,
+  u as mergeCode0Props,
+  C as useReactiveArrayService,
+  c as useService,
+  i as useStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -17,20 +17,17 @@
   },
   "author": "CodeZero",
   "devDependencies": {
-    "@ariakit/react": "^0.4.22",
     "@babel/plugin-proposal-decorators": "^7.29.0",
     "@babel/plugin-transform-class-properties": "^7.28.6",
-    "@code0-tech/sagittarius-graphql-types": "0.0.0-experimental-2342308809-931efb40b4bf3245999c53abbdd9164cea82e82d",
     "@codemirror/autocomplete": "^6.20.1",
     "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/language": "^6.12.2",
+    "@codemirror/language": "^6.12.3",
     "@codemirror/lint": "^6.9.5",
-    "@codemirror/state": "^6.5.4",
-    "@codemirror/view": "^6.39.16",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.40.0",
     "@dagrejs/dagre": "^2.0.4",
     "@lezer/common": "^1.5.1",
     "@mdx-js/react": "^3.1.1",
-    "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -42,54 +39,50 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-a11y": "^10.2.17",
-    "@storybook/addon-docs": "^10.2.17",
-    "@storybook/addon-links": "^10.2.17",
-    "@storybook/addon-onboarding": "^10.2.17",
-    "@storybook/addon-vitest": "^10.2.17",
-    "@storybook/builder-vite": "^10.2.17",
-    "@storybook/cli": "^10.2.17",
-    "@storybook/react-vite": "^10.2.17",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-links": "^10.3.3",
+    "@storybook/addon-onboarding": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/builder-vite": "^10.3.3",
+    "@storybook/cli": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
     "@tabler/icons-react": "3.40.0",
     "@types/jest-image-snapshot": "^6.4.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@uiw/codemirror-themes": "^4.25.8",
+    "@uiw/codemirror-themes": "^4.25.9",
     "@uiw/react-codemirror": "^4.25.8",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^5.2.0",
     "@vitest/browser-playwright": "^4.0.18",
     "@vitest/coverage-v8": "^4.0.18",
     "@xyflow/react": "^12.10.1",
     "axe-playwright": "^2.2.2",
-    "babel-loader": "^10.0.0",
+    "babel-loader": "^10.1.1",
     "babel-plugin-react-compiler": "^19.1.0-rc.3",
     "cmdk": "^1.1.1",
     "concurrently": "^9.2.1",
     "css-loader": "^7.1.4",
     "html-webpack-plugin": "^5.6.6",
     "identity-obj-proxy": "^3.0.0",
-    "jest-image-snapshot": "^6.5.1",
+    "jest-image-snapshot": "^6.5.2",
     "js-md5": "^0.8.3",
-    "ldrs": "^1.1.9",
     "merge-props": "^6.0.0",
-    "overlap-area": "^1.1.0",
     "playwright": "1.58.1",
     "react": "^19.2.4",
-    "react-contenteditable": "^3.3.7",
     "react-dom": "^19.2.4",
-    "react-resizable-panels": "^4.7.1",
-    "react-syntax-highlighter": "^16.1.1",
+    "react-resizable-panels": "^4.7.6",
     "react-zoom-pan-pinch": "^3.7.0",
     "rimraf": "^6.1.3",
-    "sass": "^1.97.3",
+    "sass": "^1.98.0",
     "sass-loader": "^16.0.7",
     "sonner": "^2.0.7",
-    "storybook": "^10.2.17",
+    "storybook": "^10.3.3",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",
@@ -110,15 +103,12 @@
   ],
   "types": "dist/index.d.ts",
   "peerDependencies": {
-    "@ariakit/react": "^0.4.17",
-    "@code0-tech/sagittarius-graphql-types": "0.0.0-experimental-2342308809-931efb40b4bf3245999c53abbdd9164cea82e82d",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.12.1",
     "@codemirror/lint": "^6.9.4",
     "@codemirror/state": "^6.5.4",
     "@codemirror/view": "^6.39.13",
-    "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -136,14 +126,10 @@
     "@xyflow/react": "^12.10.0",
     "cmdk": "^1.1.1",
     "js-md5": "^0.8.3",
-    "ldrs": "^1.1.9",
     "merge-props": "^6.0.0",
-    "overlap-area": "^1.1.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-contenteditable": "^3.3.7",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-resizable-panels": "^4.3.1",
-    "react-syntax-highlighter": "^16.1.0",
     "react-zoom-pan-pinch": "^3.7.0",
     "sonner": "^2.0.7",
     "avvvatars-react": "^0.4.2"

package/dist/utils/inspection.d.ts

@@ -1,15 +0,0 @@
-import { NodeParameter, Translation } from '@code0-tech/sagittarius-graphql-types';
-import { CSSProperties } from 'react';
-export declare enum InspectionSeverity {
-    TYPO = 0,
-    GRAMMAR = 1,
-    WEAK = 2,
-    WARNING = 3,
-    ERROR = 4
-}
-export interface ValidationResult {
-    parameterId: NodeParameter['id'];
-    type: InspectionSeverity;
-    message: Array<Translation>;
-}
-export declare const underlineBySeverity: Record<InspectionSeverity, CSSProperties>;

package/dist/utils/inspection.js

@@ -1,29 +0,0 @@
-var r = /* @__PURE__ */ ((d) => (d[d.TYPO = 0] = "TYPO", d[d.GRAMMAR = 1] = "GRAMMAR", d[d.WEAK = 2] = "WEAK", d[d.WARNING = 3] = "WARNING", d[d.ERROR = 4] = "ERROR", d))(r || {});
-const o = (d, a = "5px 4px") => ({
-  paddingBottom: "0.2rem",
-  backgroundRepeat: "repeat-x",
-  backgroundPosition: "left bottom",
-  backgroundSize: a,
-  backgroundImage: `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'>  <path d='M0 3 Q3 0 6 3 T12 3' fill='none' stroke='${d}' stroke-width='2'/></svg>")`
-}), g = {
-  0: {
-    borderBottom: "1px dotted #3b82f6"
-    // blue
-  },
-  1: {
-    borderBottom: "1px dashed #8b5cf6"
-    // violet
-  },
-  2: {
-    borderBottom: "3px double #9ca3af"
-    // gray
-  },
-  3: o("orange"),
-  // amber
-  4: o("red")
-  // already yours
-};
-export {
-  r as InspectionSeverity,
-  g as underlineBySeverity
-};