@code0-tech/pictor 0.10.9 → 0.11.1

package/dist/assets/components/context-menu/ContextMenu.style.css

@@ -1 +1 @@
-.context-menu__content,.context-menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.context-menu__content,.context-menu__sub-content{border-radius:1rem}.context-menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.context-menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item,.context-menu__sub-trigger{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.context-menu__item,.context-menu__sub-trigger{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__item:focus,.context-menu__sub-trigger:focus{outline:none}.context-menu__item,.context-menu__sub-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item:disabled,.context-menu__item[data-disabled],.context-menu__item[aria-disabled=true],.context-menu__item--disabled,.context-menu__sub-trigger:disabled,.context-menu__sub-trigger[data-disabled],.context-menu__sub-trigger[aria-disabled=true],.context-menu__sub-trigger--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.context-menu__item,.context-menu__sub-trigger{box-shadow:none}.context-menu__item:focus,.context-menu__item[data-focus=true],.context-menu__sub-trigger:focus,.context-menu__sub-trigger[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.context-menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.context-menu__content--primary,.context-menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--secondary,.context-menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--tertiary,.context-menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--success,.context-menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--warning,.context-menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--error,.context-menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--info,.context-menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}
+.context-menu__content,.context-menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999;max-height:var(--radix-popper-available-height, 100vh);display:flex;flex-direction:column}.context-menu__content,.context-menu__sub-content{border-radius:1rem}.context-menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.context-menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item,.context-menu__sub-trigger{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.context-menu__item,.context-menu__sub-trigger{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__item:focus,.context-menu__sub-trigger:focus{outline:none}.context-menu__item,.context-menu__sub-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item:disabled,.context-menu__item[data-disabled],.context-menu__item[aria-disabled=true],.context-menu__item--disabled,.context-menu__sub-trigger:disabled,.context-menu__sub-trigger[data-disabled],.context-menu__sub-trigger[aria-disabled=true],.context-menu__sub-trigger--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.context-menu__item,.context-menu__sub-trigger{box-shadow:none}.context-menu__item:focus,.context-menu__item[data-focus=true],.context-menu__sub-trigger:focus,.context-menu__sub-trigger[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.context-menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.context-menu__content--primary,.context-menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--secondary,.context-menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--tertiary,.context-menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--success,.context-menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--warning,.context-menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--error,.context-menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--info,.context-menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}

package/dist/assets/components/form/EditorInput.style.css

@@ -1 +1 @@
-.editor-input{width:100%;flex:1 1 auto;overflow:hidden;padding:.59rem 0;position:relative;align-self:stretch}.editor-input .cm-editor{height:100%;outline:none!important}.editor-input .cm-content{padding:0;position:relative}.editor-input .cm-line{align-self:stretch;padding-left:0}.editor-input .cm-cursor{border-width:2px;border-radius:50rem;border-color:#fff}
+.input-wrapper__control--single-line{white-space:pre!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.input-wrapper__control--single-line::-webkit-scrollbar{display:none}.editor-input__menu-anchor{position:absolute;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none}.editor-input{width:100%;overflow:hidden;position:relative;align-self:stretch;font-family:Inter,sans-serif;font-size:.8rem;letter-spacing:-.5px;font-weight:400;color:#ffffffbf}.editor-input [data-slate-editor]{flex:1 1 auto;padding:.6rem 0;align-self:stretch;outline:none;caret-color:#fff;min-height:1.2em;white-space:pre-wrap;word-break:break-word}.editor-input [data-slate-node=element]{margin:0;padding:0}.editor-input ::selection{background:#70b3ff40}.editor-input [data-slate-placeholder]{color:#ffffff4d;pointer-events:none;-webkit-user-select:none;user-select:none}

package/dist/assets/components/menu/Menu.style.css

@@ -1 +1 @@
-.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}
+.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999;max-height:var(--radix-popper-available-height, 100vh);display:flex;flex-direction:column}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}

package/dist/assets/components/scroll-area/ScrollArea.style.css

@@ -1 +1 @@
-.scroll-area{overflow:hidden}.scroll-area__viewport{width:100%;height:100%;display:block!important}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;box-shadow:none}
+.scroll-area{overflow:hidden}.scroll-area--auto{min-height:0}.scroll-area__viewport{width:100%;height:100%;display:block!important}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;box-shadow:none}

package/dist/assets/components/tooltip/Tooltip.style.css

@@ -1 +1 @@
-.tooltip__content{z-index:999;padding:.35rem .7rem}.tooltip__content{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.tooltip__arrow{fill:#201e2c}.tooltip__content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--primary{fill:#070514}.tooltip__content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--secondary{fill:#191825}.tooltip__content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--tertiary{fill:#201e2c}.tooltip__content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--success{fill:#0a1814}.tooltip__content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--warning{fill:#201813}.tooltip__content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--error{fill:#1c0516}.tooltip__content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--info{fill:#121e24}
+.tooltip__content{z-index:999;padding:.35rem .7rem;box-sizing:border-box;max-height:var(--radix-popper-available-height, 100vh);display:flex;flex-direction:column}.tooltip__content{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.tooltip__arrow{fill:#201e2c}.tooltip__content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--primary{fill:#070514}.tooltip__content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--secondary{fill:#191825}.tooltip__content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--tertiary{fill:#201e2c}.tooltip__content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--success{fill:#0a1814}.tooltip__content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--warning{fill:#201813}.tooltip__content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--error{fill:#1c0516}.tooltip__content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--info{fill:#121e24}

package/dist/components/context-menu/ContextMenu.js

@@ -1,107 +1,126 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as u } from "../../_virtual/compiler-runtime.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as i } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as i } from "../../utils/component.js";
+import { mergeComponentProps as s } from "../../utils/component.js";
 import "js-md5";
-import * as r from "@radix-ui/react-context-menu";
+import * as x from "@radix-ui/react-context-menu";
 import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
-const $ = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+import { AutoScrollArea as M } from "../scroll-area/ScrollArea.js";
+const A = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenu, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, b = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__trigger", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenu, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, w = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, S = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__portal", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__trigger", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuTrigger, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, P = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuPortal, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, T = (n) => {
-  const t = u.c(6), o = n.align, c = `context-menu__content context-menu__content--${n.color ?? "primary"}`;
+  t[0] !== l ? (e = s("context-menu__portal", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuPortal, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, y = (l) => {
+  const t = i.c(12);
+  let e, o, n, u;
+  if (t[0] !== l) {
+    const {
+      children: C,
+      ..._
+    } = l;
+    o = C, e = x.ContextMenuContent, u = l.align, n = s(`context-menu__content context-menu__content--${l.color ?? "primary"}`, _), t[0] = l, t[1] = e, t[2] = o, t[3] = n, t[4] = u;
+  } else
+    e = t[1], o = t[2], n = t[3], u = t[4];
+  const f = n;
+  let r;
+  t[5] !== o ? (r = /* @__PURE__ */ c(M, { children: o }), t[5] = o, t[6] = r) : r = t[6];
+  let m;
+  return t[7] !== e || t[8] !== u || t[9] !== f || t[10] !== r ? (m = /* @__PURE__ */ c(e, { align: u, ...f, children: r }), t[7] = e, t[8] = u, t[9] = f, t[10] = r, t[11] = m) : m = t[11], m;
+}, G = (l) => {
+  const t = i.c(4);
   let e;
-  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
-  const x = e;
-  let s;
-  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
-}, w = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__label", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__label", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuLabel, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, I = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuLabel, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, P = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__item", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__item", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuItem, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, L = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuItem, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, y = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__group", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__group", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuGroup, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, R = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuGroup, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, A = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__sub", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__sub", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuSub, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, j = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSub, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, G = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__sub-trigger", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__sub-trigger", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuSubTrigger, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, E = (l) => {
+  const t = i.c(12);
+  let e, o, n, u;
+  if (t[0] !== l) {
+    const {
+      children: C,
+      ..._
+    } = l;
+    o = C, e = x.ContextMenuSubContent, u = l.align, n = s(`context-menu__sub-content context-menu__sub-content--${l.color ?? "primary"}`, _), t[0] = l, t[1] = e, t[2] = o, t[3] = n, t[4] = u;
+  } else
+    e = t[1], o = t[2], n = t[3], u = t[4];
+  const f = n;
+  let r;
+  t[5] !== o ? (r = /* @__PURE__ */ c(M, { children: o }), t[5] = o, t[6] = r) : r = t[6];
+  let m;
+  return t[7] !== e || t[8] !== u || t[9] !== f || t[10] !== r ? (m = /* @__PURE__ */ c(e, { align: u, ...f, children: r }), t[7] = e, t[8] = u, t[9] = f, t[10] = r, t[11] = m) : m = t[11], m;
+}, k = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSubTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, I = (n) => {
-  const t = u.c(6), o = n.align, c = `context-menu__sub-content context-menu__sub-content--${n.color ?? "primary"}`;
+  t[0] !== l ? (e = s("context-menu__separator", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuSeparator, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, q = (l) => {
+  const t = i.c(4);
   let e;
-  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
-  const x = e;
-  let s;
-  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuSubContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
-}, L = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__separator", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
-  let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSeparator, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, R = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__arrow", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
-  let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuArrow, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+  t[0] !== l ? (e = s("context-menu__arrow", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuArrow, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
 };
 export {
-  $ as ContextMenu,
-  R as ContextMenuArrow,
-  T as ContextMenuContent,
-  y as ContextMenuGroup,
-  P as ContextMenuItem,
-  w as ContextMenuLabel,
-  S as ContextMenuPortal,
-  L as ContextMenuSeparator,
-  A as ContextMenuSub,
-  I as ContextMenuSubContent,
-  G as ContextMenuSubTrigger,
-  b as ContextMenuTrigger
+  A as ContextMenu,
+  q as ContextMenuArrow,
+  y as ContextMenuContent,
+  L as ContextMenuGroup,
+  I as ContextMenuItem,
+  G as ContextMenuLabel,
+  P as ContextMenuPortal,
+  k as ContextMenuSeparator,
+  R as ContextMenuSub,
+  E as ContextMenuSubContent,
+  j as ContextMenuSubTrigger,
+  w as ContextMenuTrigger
 };

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

@@ -1,16 +1,27 @@
 import { default as React } from 'react';
 import { ValidationProps } from './useForm';
 import { InputWrapperProps } from './InputWrapper';
-import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
-import { Extension } from '@uiw/react-codemirror';
-import { StreamLanguage, TagStyle } from '@codemirror/language';
-export interface EditorInputProps extends Omit<InputWrapperProps, 'onChange'>, ValidationProps<any> {
-    language?: StreamLanguage<unknown>;
-    suggestions?: (context: CompletionContext) => CompletionResult;
-    extensions?: Extension[];
+import { InputSuggestion } from './InputSuggestion';
+export interface EditorTokenRule {
+    pattern: RegExp;
+    /**
+     * Wrap a matched token. `children` is Slate's leaf content — include it
+     * somewhere so cursor positioning stays accurate.
+     */
+    wrap?: (matchedText: string, children: React.ReactNode, match: RegExpExecArray) => React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export interface EditorInputProps extends Omit<InputWrapperProps, "onChange">, ValidationProps<any> {
+    tokenRules?: EditorTokenRule[];
+    suggestions?: InputSuggestion[];
+    suggestionsEmptyState?: React.ReactNode;
+    onSuggestionSelect?: (suggestion: InputSuggestion) => void;
     disabled?: boolean;
     readonly?: boolean;
-    tokenStyles?: TagStyle[];
+    /** Render as a single-line input: Enter is blocked, newlines in pasted or external values become spaces. */
+    singleLine?: boolean;
     onChange?: (value: string) => void;
+    placeholder?: string;
 }
 export declare const EditorInput: React.FC<EditorInputProps>;

package/dist/components/form/EditorInput.js

@@ -1,78 +1,170 @@
-import { jsx as c } from "react/jsx-runtime";
-import e from "react";
-import { InputWrapper as N } from "./InputWrapper.js";
-import x from "@uiw/react-codemirror";
-import { createTheme as p } from "@uiw/codemirror-themes";
-import { tags as t } from "../../node_modules/@lezer/highlight/dist/index.js";
+import { jsx as i, jsxs as P } from "react/jsx-runtime";
+import R, { useMemo as O, useRef as w, useCallback as f, useState as le } from "react";
+import { createEditor as se, Editor as k, Transforms as D, Text as ae, Node as ce } from "slate";
+import { withReact as ue, ReactEditor as pe, Editable as fe, Slate as de } from "slate-react";
+import { withHistory as ge } from "slate-history";
+import { InputWrapper as he } from "./InputWrapper.js";
 import "../../utils/contextStore.js";
-import { mergeComponentProps as B } from "../../utils/component.js";
-import { hashToColor as r } from "../../utils/color.js";
+import { mergeComponentProps as me } from "../../utils/component.js";
+import "js-md5";
+import { Menu as xe, MenuTrigger as ye, MenuPortal as we } from "../menu/Menu.js";
+import { InputSuggestionMenuContent as Te, InputSuggestionMenuContentItems as ve } from "./InputSuggestion.js";
 import '../../assets/components/form/EditorInput.style.css';/* empty css                       */
-const A = [], L = [], P = {
-  lineNumbers: !1,
-  foldGutter: !1,
-  highlightActiveLine: !1,
-  highlightActiveLineGutter: !1
-}, u = {
-  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",
-  fontFamily: '"Inter", sans-serif',
-  letterSpacing: "-0.5px",
-  fontWeight: "400",
-  gutterBackground: "transparent",
-  gutterForeground: "rgba(255,255,255, 0.5)",
-  gutterBorder: "transparent",
-  gutterActiveForeground: "rgba(255,255,255, 1)",
-  lineHighlight: "rgba(255,255,255, 0.1)"
-}, h = [{
-  tag: t.squareBracket,
-  color: r("squareBracket")
-}, {
-  tag: t.bracket,
-  color: r("bracket")
-}, {
-  tag: t.string,
-  color: r("Text")
-}, {
-  tag: t.bool,
-  color: r("Boolean")
-}, {
-  tag: t.number,
-  color: r("Number")
-}], F = p({
-  theme: "light",
-  settings: u,
-  styles: h
-}), Y = e.memo((f) => {
+const B = (g) => (g || "").split(`
+`).map((h) => ({
+  type: "paragraph",
+  children: [{
+    text: h
+  }]
+})), F = (g) => g.map((h) => ce.string(h)).join(`
+`), Oe = R.memo((g) => {
   const {
-    title: d,
-    right: T,
-    left: b,
-    rightType: E,
-    leftType: S,
-    language: o,
-    description: _,
-    extensions: n = A,
-    tokenStyles: a = L,
-    formValidation: i,
-    onChange: g,
-    wrapperComponent: k,
-    ...l
-  } = f, y = e.useMemo(() => [...o ? [...n, o] : n], [n, o]), C = e.useMemo(() => a.length === 0 ? F : p({
-    theme: "light",
-    settings: u,
-    styles: [...h, ...a]
-  }), [a]), m = i?.setValue, M = e.useCallback((s) => {
-    m?.(s), g?.(s);
-  }, [m, g]), I = e.useMemo(() => B("editor-input", l), [l]);
-  return /* @__PURE__ */ c(N, { title: d, description: _, right: T, left: b, rightType: E, leftType: S, formValidation: i, wrapperComponent: k, children: /* @__PURE__ */ c(x, { extensions: y, onChange: M, theme: C, indentWithTab: !1, ...I, basicSetup: P }) });
+    title: h,
+    right: j,
+    left: A,
+    rightType: H,
+    leftType: K,
+    description: $,
+    wrapperComponent: v,
+    tokenRules: m = [],
+    suggestions: s,
+    suggestionsEmptyState: L,
+    onSuggestionSelect: q,
+    formValidation: E,
+    onChange: I,
+    disabled: z = !1,
+    readonly: U = !1,
+    singleLine: x = !1,
+    placeholder: W,
+    value: G,
+    initialValue: J,
+    defaultValue: Q,
+    required: Ce,
+    ...X
+  } = g, S = String(G ?? J ?? Q ?? ""), c = x ? S.replace(/\n/g, " ") : S, r = O(() => ge(ue(se())), []), Y = O(() => B(c), []), T = w(c);
+  R.useEffect(() => {
+    if (c === T.current || (T.current = c, F(r.children) === c)) return;
+    const e = B(c);
+    k.withoutNormalizing(r, () => {
+      for (D.delete(r, {
+        at: {
+          anchor: k.start(r, []),
+          focus: k.end(r, [])
+        }
+      }), D.insertNodes(r, e, {
+        at: [0]
+      }); r.children.length > e.length; ) D.removeNodes(r, {
+        at: [r.children.length - 1]
+      });
+    });
+  }, [c, r]);
+  const Z = f(([e, t]) => {
+    const l = [];
+    if (!ae.isText(e) || !m.length) return l;
+    const {
+      text: n
+    } = e;
+    return m.forEach((o, oe) => {
+      const ie = new RegExp(o.pattern.source, o.pattern.flags.includes("g") ? o.pattern.flags : o.pattern.flags + "g");
+      let p;
+      for (; (p = ie.exec(n)) !== null && p[0].length; )
+        l.push({
+          anchor: {
+            path: t,
+            offset: p.index
+          },
+          focus: {
+            path: t,
+            offset: p.index + p[0].length
+          },
+          tokenRuleIndex: oe,
+          tokenText: p[0],
+          tokenMatch: p
+        });
+    }), l;
+  }, [m]), ee = f(({
+    attributes: e,
+    children: t,
+    leaf: l
+  }) => {
+    const n = l;
+    if (n.tokenRuleIndex !== void 0) {
+      const o = m[n.tokenRuleIndex];
+      if (o)
+        return o.wrap ? /* @__PURE__ */ i("span", { ...e, children: o.wrap(n.tokenText ?? "", t, n.tokenMatch ?? []) }) : /* @__PURE__ */ i("span", { ...e, children: /* @__PURE__ */ i("span", { style: o.style, className: o.className, children: t }) });
+    }
+    return /* @__PURE__ */ i("span", { ...e, children: t });
+  }, [m]), [a, d] = le(!1), M = w(null), C = w(null), _ = w(null), u = w(void 0), y = f(() => {
+    const e = _.current, t = C.current, l = t?.parentElement;
+    if (!e || !t || !l) return;
+    let n = null;
+    try {
+      r.selection && (n = pe.toDOMRange(r, r.selection).getBoundingClientRect());
+    } catch {
+      n = null;
+    }
+    (!n || !n.width && !n.height && !n.left && !n.top) && (n = t.getBoundingClientRect());
+    const o = l.getBoundingClientRect();
+    e.style.left = `${n.left - o.left}px`, e.style.top = `${n.top - o.top}px`, e.style.width = "0px", e.style.height = `${n.height || parseFloat(getComputedStyle(t).lineHeight) || 16}px`;
+  }, [r]), N = E?.setValue, te = f((e) => {
+    a && y();
+    const t = F(e);
+    t !== T.current && (T.current = t, N?.(t), I?.(t));
+  }, [a, y, N, I]), b = f(() => {
+    u.current && clearTimeout(u.current), s && (y(), d(!0));
+  }, [s, y]);
+  R.useEffect(() => {
+    a && y();
+  }, [a]);
+  const ne = f(() => {
+    u.current && clearTimeout(u.current), u.current = setTimeout(() => d(!1), 150);
+  }, []), re = f((e) => {
+    if (x && e.key === "Enter" && e.preventDefault(), !s) return;
+    const t = M.current;
+    if (e.ctrlKey && e.code === "Space") {
+      e.preventDefault(), a ? t?.focusFirstItem() : b();
+      return;
+    }
+    !a || !t || (e.key === "ArrowDown" ? (e.preventDefault(), t.highlightNextItem()) : e.key === "ArrowUp" ? (e.preventDefault(), t.highlightPreviousItem()) : e.key === "Enter" ? t.selectActiveItem() && (e.preventDefault(), d(!1)) : e.key === "Escape" && (e.preventDefault(), d(!1)));
+  }, [s, a, b, x]), V = /* @__PURE__ */ i("div", { ...me("editor-input", X), ref: C, children: /* @__PURE__ */ i(
+    fe,
+    {
+      className: x ? "input-wrapper__control input-wrapper__control--single-line" : "input-wrapper__control",
+      decorate: Z,
+      renderLeaf: ee,
+      readOnly: z || U,
+      spellCheck: !1,
+      placeholder: W,
+      onBlur: ne,
+      onFocus: () => {
+        u.current && clearTimeout(u.current);
+      },
+      onKeyDown: re,
+      onPaste: x ? (e) => {
+        e.preventDefault(), r.insertText(e.clipboardData.getData("text/plain").replace(/\r?\n/g, " "));
+      } : void 0
+    }
+  ) });
+  return /* @__PURE__ */ i(de, { editor: r, initialValue: Y, onChange: te, children: /* @__PURE__ */ i(he, { title: h, description: $, right: j, left: A, rightType: H, leftType: K, formValidation: E, wrapperComponent: s ? {
+    ...v ?? {},
+    style: {
+      position: "relative",
+      ...v?.style
+    }
+  } : v, children: s ? /* @__PURE__ */ P(xe, { open: a, modal: !1, onOpenChange: (e) => !e && d(!1), children: [
+    V,
+    /* @__PURE__ */ i(ye, { asChild: !0, children: /* @__PURE__ */ i("button", { ref: _, type: "button", tabIndex: -1, "aria-hidden": !0, onMouseDown: (e) => e.preventDefault(), className: "editor-input__menu-anchor" }) }),
+    /* @__PURE__ */ i(we, { children: /* @__PURE__ */ P(Te, { color: "primary", onInteractOutside: (e) => {
+      const t = e.target;
+      t && C.current?.contains(t) && e.preventDefault();
+    }, children: [
+      s.length === 0 && L,
+      /* @__PURE__ */ i(ve, { ref: M, suggestions: s, onSuggestionSelect: (e) => {
+        q?.(e), d(!1);
+      } })
+    ] }) })
+  ] }) : V }) });
 });
-Y.displayName = "EditorInput";
 export {
-  Y as EditorInput
+  Oe as EditorInput
 };

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

@@ -24,4 +24,4 @@ export interface InputSuggestionMenuContentItemsHandle {
     clearActiveItem: () => void;
 }
 export declare const InputSuggestionMenuContent: React.NamedExoticComponent<InputSuggestionMenuContentProps>;
-export declare const InputSuggestionMenuContentItems: React.NamedExoticComponent<InputSuggestionMenuContentItemsProps>;
+export declare const InputSuggestionMenuContentItems: React.NamedExoticComponent<InputSuggestionMenuContentItemsProps & React.RefAttributes<InputSuggestionMenuContentItemsHandle>>;