@code0-tech/pictor 0.10.4 → 0.10.6

package/dist/assets/components/json-view/JsonView.style.css

@@ -0,0 +1 @@
+.json-view{width:100%;box-sizing:border-box}.json-view{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.json-view__arrow{display:inline-flex;align-items:center;justify-content:center;color:#ffffff80;margin-right:.35rem;cursor:pointer;transition:ease-in .05s transform}.json-view__arrow:hover{color:#ffffffbf}.json-view__arrow[data-expanded=false]{transform:rotate(90deg)!important}.json-view__arrow[data-expanded=true]{transform:rotate(0)!important}.json-view__copy{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;margin-left:.7rem!important}.json-view__copy:hover{color:#ffffffbf}.json-view__copy[data-copied=true]{color:#29bf12}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -5,7 +5,7 @@ import { mergeComponentProps as a } from "../../utils/component.js";
 import "js-md5";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
 import { IconChevronRight as d } from "@tabler/icons-react";
-const j = (i) => {
+const v = (i) => {
   const {
     splitter: m = /* @__PURE__ */ t(d, { size: 16 }),
     children: l,
@@ -17,5 +17,5 @@ const j = (i) => {
   ] }, o)) });
 };
 export {
-  j as Breadcrumb
+  v as Breadcrumb
 };

package/dist/components/button/Button.js

@@ -5,28 +5,28 @@ import z from "react";
 import "../../utils/contextStore.js";
 import { mergeComponentProps as S } from "../../utils/component.js";
 import "js-md5";
-const k = z.forwardRef((a, s) => {
+const P = z.forwardRef((a, d) => {
   const t = h.c(11);
   let o, n, e, i;
-  if (t[0] !== a || t[1] !== s) {
+  if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
-      variant: c,
-      color: l,
+      variant: l,
+      color: c,
       paddingSize: m,
-      active: b,
-      disabled: u,
+      active: u,
+      disabled: b,
       ...p
     } = a;
     o = f;
-    const v = c === void 0 ? "normal" : c, $ = l === void 0 ? "secondary" : l, g = m === void 0 ? "xs" : m, x = b === void 0 ? !1 : b;
-    n = u === void 0 ? !1 : u, e = s, i = S(`button button--${$} ${x ? "button--active" : ""} ${n ? "button--disabled" : ""} button--${v} button--${g}`, p), t[0] = a, t[1] = s, t[2] = o, t[3] = n, t[4] = e, t[5] = i;
+    const v = l === void 0 ? "normal" : l, $ = c === void 0 ? "secondary" : c, g = m === void 0 ? "xs" : m, x = u === void 0 ? !1 : u;
+    n = b === void 0 ? !1 : b, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${n ? "button--disabled" : ""} button--${v} button--${g}`, p), t[0] = a, t[1] = d, t[2] = o, t[3] = n, t[4] = e, t[5] = i;
   } else
     o = t[2], n = t[3], e = t[4], i = t[5];
-  const d = n ? "true" : "false";
+  const s = n ? "true" : "false";
   let r;
-  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== d ? (r = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": d, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = d, t[10] = r) : r = t[10], r;
+  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (r = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = r) : r = t[10], r;
 });
 export {
-  k as Button
+  P as Button
 };

package/dist/components/command/Command.js

@@ -6,16 +6,12 @@ import "react";
 import { mergeComponentProps as r } from "../../utils/component.js";
 import "js-md5";
 import { DialogPortal as u, DialogContent as h, Dialog as g, DialogOverlay as C } from "../dialog/Dialog.js";
-import '../../assets/components/form/SelectInput.style.css';import '../../assets/components/form/FileInput.style.css';import '../../assets/components/form/EditorInput.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
+import '../../assets/components/form/SelectInput.style.css';import '../../assets/components/form/FileInput.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
 import { Badge as _ } from "../badge/Badge.js";
 import "@radix-ui/react-checkbox";
 import "@tabler/icons-react";
 /* empty css                       */
-import "../form/InputWrapper.js";
-import "@uiw/react-codemirror";
-import "@uiw/codemirror-themes";
-import "../../node_modules/@lezer/highlight/dist/index.js";
-/* empty css                             */
+import "../form/EditorInput.js";
 import "../form/EmailInput.js";
 import "@ark-ui/react";
 /* empty css                           */
@@ -26,6 +22,7 @@ import "../form/PasswordInput.js";
 import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "@radix-ui/react-select";
+import "../form/InputWrapper.js";
 /* empty css                             */
 import "../form/SwitchInput.js";
 import "../form/TextAreaInput.js";
@@ -37,7 +34,7 @@ const P = (e) => {
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, Z = (e) => {
+}, W = (e) => {
   const t = c.c(11);
   let m;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ i(C, {}), t[0] = m) : m = t[0];
@@ -50,14 +47,14 @@ const P = (e) => {
   ] }), t[3] = e.contentProps, t[4] = o, t[5] = n) : n = t[5];
   let l;
   return t[6] !== e.dialogProps || t[7] !== e.onOpenChange || t[8] !== e.open || t[9] !== n ? (l = /* @__PURE__ */ i(g, { ...e.dialogProps, open: e.open, onOpenChange: e.onOpenChange, children: n }), t[6] = e.dialogProps, t[7] = e.onOpenChange, t[8] = e.open, t[9] = n, t[10] = l) : l = t[10], l;
-}, p = (e) => {
+}, X = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__list", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.List, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, tt = (e) => {
+}, Y = (e) => {
   const t = c.c(10);
   let m;
   t[0] !== e.value ? (m = e.value?.toString(), t[0] = e.value, t[1] = m) : m = t[1];
@@ -76,35 +73,35 @@ const P = (e) => {
   t[4] !== e ? (n = /* @__PURE__ */ i($, { className: "command__input", ...e }), t[4] = e, t[5] = n) : n = t[5];
   let l;
   return t[6] !== m || t[7] !== o || t[8] !== n ? (l = /* @__PURE__ */ i(a.Input, { value: m, onValueChange: o, asChild: !0, children: n }), t[6] = m, t[7] = o, t[8] = n, t[9] = l) : l = t[9], l;
-}, et = (e) => {
+}, Z = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__empty", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Empty, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, nt = (e) => {
+}, p = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__group", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Group, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, mt = (e) => {
+}, tt = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__item", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Item, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, ot = (e) => {
+}, et = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__separator", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Separator, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, it = (e) => {
+}, nt = (e) => {
   const t = c.c(5);
   let m;
   t[0] !== e ? (m = r("command__shortcut", e), t[0] = e, t[1] = m) : m = t[1];
@@ -114,12 +111,12 @@ const P = (e) => {
 };
 export {
   P as Command,
-  Z as CommandDialog,
-  et as CommandEmpty,
-  nt as CommandGroup,
-  tt as CommandInput,
-  mt as CommandItem,
-  p as CommandList,
-  ot as CommandSeparator,
-  it as CommandShortcut
+  W as CommandDialog,
+  Z as CommandEmpty,
+  p as CommandGroup,
+  Y as CommandInput,
+  tt as CommandItem,
+  X as CommandList,
+  et as CommandSeparator,
+  nt as CommandShortcut
 };

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

@@ -1,40 +1,40 @@
-import { jsxs as g, jsx as p } from "react/jsx-runtime";
-import h from "react";
+import { jsxs as _, jsx as p } from "react/jsx-runtime";
+import g from "react";
 import '../../assets/components/data-table/DataTable.style.css';/* empty css                     */
 import "../../utils/contextStore.js";
-import { mergeComponentProps as C } from "../../utils/component.js";
+import { mergeComponentProps as h } from "../../utils/component.js";
 import "js-md5";
-const A = (l, m) => m.split(".").reduce((t, f) => {
+const d = (l, m) => m.split(".").reduce((t, f) => {
   if (t != null)
-    return Array.isArray(t) ? t.map((o) => o?.[f]).filter((o) => o !== void 0) : t[f];
+    return Array.isArray(t) ? t.map((a) => a?.[f]).filter((a) => a !== void 0) : t[f];
 }, l), w = (l) => {
   const {
     data: m,
     sort: t,
     filter: f,
-    loading: o,
-    loadingComponent: j,
-    emptyComponent: d,
+    loading: a,
+    loadingComponent: C,
+    emptyComponent: A,
     onSelect: u,
     children: O,
     ...b
-  } = l, y = m.filter((i) => Object.entries(f || {}).every(([a, {
+  } = l, y = m.filter((i) => Object.entries(f || {}).every(([o, {
     operator: n,
     value: r
   }]) => {
-    const e = A(i, a);
+    const e = d(i, o);
     return n === "isOneOf" && !Array.isArray(r) && !Array.isArray(e) ? e === r : n === "isOneOf" && !Array.isArray(r) && Array.isArray(e) ? Array.from(e).includes(r) : n === "isOneOf" && Array.isArray(r) && !Array.isArray(e) ? Array.from(r).some((s) => s === e) : n === "isOneOf" && Array.isArray(r) && Array.isArray(e) ? Array.from(r).some((s) => Array.from(e).includes(s)) : !1;
-  })), c = h.useMemo(() => t ? [...y].sort((i, a) => {
+  })), c = g.useMemo(() => t ? [...y].sort((i, o) => {
     for (const [n, r] of Object.entries(t)) {
-      const e = A(i, n), s = A(a, n);
+      const e = d(i, n), s = d(o, n);
       if (e < s) return r === "asc" ? -1 : 1;
       if (e > s) return r === "asc" ? 1 : -1;
     }
     return 0;
   }) : y, [y, t]);
-  return /* @__PURE__ */ g("table", { ...C("data-table", b), children: [
-    c.map((i, a) => /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(i), children: O?.(i, a) })),
-    c.length === 0 && !o && d ? /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: d }) : null
+  return /* @__PURE__ */ _("table", { ...h("data-table", b), children: [
+    c.map((i, o) => /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(i), children: O?.(i, o) })),
+    c.length === 0 && !a && A ? /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: A }) : null
   ] });
 };
 export {

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

@@ -1,16 +1,16 @@
 import { jsx as f, jsxs as d } from "react/jsx-runtime";
-import { c as v } from "../../_virtual/compiler-runtime.js";
-import w from "react";
-import { MenuTrigger as y, MenuContent as _, Menu as g } from "../menu/Menu.js";
+import { c as _ } from "../../_virtual/compiler-runtime.js";
+import v from "react";
+import { MenuTrigger as w, MenuContent as y, Menu as g } from "../menu/Menu.js";
 const T = (t) => {
-  const e = v.c(11), {
-    children: l,
-    context: m
-  } = t, [u, p] = w.useState(!0), h = _;
+  const e = _.c(11), {
+    children: c,
+    context: u
+  } = t, [m, p] = v.useState(!0), h = y;
   let r;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (a) => p(a), e[0] = r) : r = e[0];
   let i;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(y, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(w, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
     position: "absolute",
     top: 0,
     left: 0,
@@ -18,9 +18,9 @@ const T = (t) => {
     height: 0
   } }) }), e[1] = i) : i = e[1];
   let n;
-  e[2] !== m?.view ? (n = (a) => {
-    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || m?.view?.focus();
-  }, e[2] = m?.view, e[3] = n) : n = e[3];
+  e[2] !== u?.view ? (n = (a) => {
+    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || u?.view?.focus();
+  }, e[2] = u?.view, e[3] = n) : n = e[3];
   let s;
   e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
     position: "fixed",
@@ -29,12 +29,12 @@ const T = (t) => {
     pointerEvents: "auto"
   }, e[4] = s) : s = e[4];
   let o;
-  e[5] !== l || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: l }), e[5] = l, e[6] = n, e[7] = o) : o = e[7];
-  let c;
-  return e[8] !== u || e[9] !== o ? (c = /* @__PURE__ */ d(g, { open: u, onOpenChange: r, modal: !1, children: [
+  e[5] !== c || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: c }), e[5] = c, e[6] = n, e[7] = o) : o = e[7];
+  let l;
+  return e[8] !== m || e[9] !== o ? (l = /* @__PURE__ */ d(g, { open: m, onOpenChange: r, modal: !1, children: [
     i,
     o
-  ] }), e[8] = u, e[9] = o, e[10] = c) : c = e[10], c;
+  ] }), e[8] = m, e[9] = o, e[10] = l) : l = e[10], l;
 };
 function x(t) {
   return t;

package/dist/components/editor/Editor.js

@@ -1,10 +1,10 @@
 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 { createPortal as H } from "react-dom";
 import "../../utils/contextStore.js";
 import { mergeComponentProps as he } from "../../utils/component.js";
 import { hashToColor as w } from "../../utils/color.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 fe, { Prec as K, 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 we } from "@codemirror/lint";
@@ -53,7 +53,7 @@ class X extends be {
     return t.type === this.type && t.rawValue === this.rawValue;
   }
 }
-const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
+const _e = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
   const {
     language: t,
     tokenizer: f,
@@ -70,9 +70,9 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
     showValidation: U = !0,
     readonly: ee,
     basicSetup: re,
-    customSuggestionComponent: D = !1,
+    customSuggestionComponent: _ = !1,
     ...te
-  } = 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);
+  } = 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), D = m.useRef(null);
   m.useEffect(() => {
     (async () => {
       try {
@@ -92,7 +92,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
     if (V) {
       const n = (o) => {
         const c = V(o);
-        if (c && De(c)) {
+        if (c && _e(c)) {
           const l = o.view?.coordsAtPos(o.pos);
           return l && y({
             component: c,
@@ -105,15 +105,15 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
         return y(null), c;
       };
       e.push(Be({
-        ...D ? {
+        ..._ ? {
           override: [n]
         } : {
           override: [V]
         }
-      })), e.push(_.highest(J.of([{
+      })), e.push(K.highest(J.of([{
         key: "Tab",
         run: Fe
-      }]))), D && e.push(_.highest(J.of([{
+      }]))), _ && e.push(K.highest(J.of([{
         key: "ArrowUp",
         run: (o) => (g || E(o), !0)
       }, {
@@ -177,7 +177,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
           to: c
         });
       } else e.selectionSet && (y(null), E(e.view));
-      const d = H.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
+      const d = D.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
       d?.forEach((o) => {
         n.set(o, {
           type: o.dataset.type,
@@ -291,7 +291,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
       ] }),
       /* @__PURE__ */ r(a, { children: "suggestions" })
     ] }) }),
-    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: H, ...he("editor", te), children: [
+    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: D, ...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 {
@@ -304,13 +304,13 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
       }, onUpdate: ce, basicSetup: re }),
       p && Array.from(ne.entries()).map(([e, d]) => {
         const n = p[d.type];
-        return n ? K(/* @__PURE__ */ r("div", { style: {
+        return n ? H(/* @__PURE__ */ r("div", { style: {
           display: "contents"
         }, children: n({
           content: d.value
         }) }, e.outerHTML + d.value), e) : null;
       }),
-      g && K(/* @__PURE__ */ r("div", { ref: R, style: {
+      g && H(/* @__PURE__ */ r("div", { ref: R, style: {
         position: "fixed",
         top: g.position.top,
         left: g.position.left,

package/dist/components/form/CheckboxInput.js

@@ -12,8 +12,8 @@ import '../../assets/components/form/Input.style.css';/* empty css
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
 const ee = (l) => {
   const e = $.c(40), {
-    title: b,
-    description: _,
+    title: _,
+    description: b,
     formValidation: k,
     ...N
   } = l;
@@ -31,9 +31,9 @@ const ee = (l) => {
   let v;
   e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
   let o;
-  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
+  e[7] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
   let c;
-  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  e[9] !== b ? (c = b ? /* @__PURE__ */ n(L, { children: b }) : null, e[9] = b, e[10] = c) : c = e[10];
   const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
   let r;
   e[11] !== V ? (r = E(V, {}), e[11] = V, e[12] = r) : r = e[12];

package/dist/components/form/EditorInput.js

@@ -1,70 +1,75 @@
-import { jsx as a } from "react/jsx-runtime";
-import y from "react";
-import { InputWrapper as C } from "./InputWrapper.js";
-import T from "@uiw/react-codemirror";
-import { createTheme as B } from "@uiw/codemirror-themes";
-import { tags as e } from "../../node_modules/@lezer/highlight/dist/index.js";
+import { jsx as c } from "react/jsx-runtime";
+import e from "react";
+import { InputWrapper as B } from "./InputWrapper.js";
+import I 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 "../../utils/contextStore.js";
-import { mergeComponentProps as A } from "../../utils/component.js";
-import { hashToColor as t } from "../../utils/color.js";
+import { mergeComponentProps as x } from "../../utils/component.js";
+import { hashToColor as r } from "../../utils/color.js";
 import '../../assets/components/form/EditorInput.style.css';/* empty css                       */
-const V = (i) => {
+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",
+  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")
+}], Y = p({
+  theme: "light",
+  settings: u,
+  styles: h
+}), F = e.memo((d) => {
   const {
-    title: g,
-    right: s,
-    left: m,
-    rightType: l,
-    leftType: c,
-    language: p,
-    description: u,
-    extensions: h = [],
-    tokenStyles: r = [],
-    formValidation: o,
-    onChange: f,
-    wrapperComponent: b,
-    ...d
-  } = i, k = [...h, p], x = y.useMemo(() => B({
+    title: f,
+    right: E,
+    left: T,
+    rightType: b,
+    leftType: S,
+    language: o,
+    description: _,
+    extensions: n = A,
+    tokenStyles: a = L,
+    formValidation: s,
+    onChange: i,
+    wrapperComponent: k,
+    ...g
+  } = d, C = e.useMemo(() => o ? [...n, o] : n, [n, o]), M = e.useMemo(() => a.length === 0 ? Y : p({
     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: e.squareBracket,
-      color: t("squareBracket")
-    }, {
-      tag: e.bracket,
-      color: t("bracket")
-    }, {
-      tag: e.string,
-      color: t("Text")
-    }, {
-      tag: e.bool,
-      color: t("Boolean")
-    }, {
-      tag: e.number,
-      color: t("Number")
-    }, ...r]
-  }), [r]);
-  return /* @__PURE__ */ a(C, { title: g, description: u, right: s, left: m, rightType: l, leftType: c, formValidation: o, wrapperComponent: b, children: /* @__PURE__ */ a(T, { extensions: k, onChange: (n) => {
-    o?.setValue?.(n), f?.(n);
-  }, theme: x, ...A("editor-input", d), basicSetup: {
-    lineNumbers: !1,
-    foldGutter: !1,
-    highlightActiveLine: !1,
-    highlightActiveLineGutter: !1
-  } }) });
-};
+    settings: u,
+    styles: [...h, ...a]
+  }), [a]), m = s?.setValue, y = e.useCallback((l) => {
+    m?.(l), i?.(l);
+  }, [m, i]), N = e.useMemo(() => x("editor-input", g), [g]);
+  return /* @__PURE__ */ c(B, { title: f, description: _, right: E, left: T, rightType: b, leftType: S, formValidation: s, wrapperComponent: k, children: /* @__PURE__ */ c(I, { extensions: C, onChange: y, theme: M, ...N, basicSetup: P }) });
+});
+F.displayName = "EditorInput";
 export {
-  V as EditorInput
+  F as EditorInput
 };

package/dist/components/form/EmailInput.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import r from "react";
-import { Input as m } from "./Input.js";
-import { IconX as l } from "@tabler/icons-react";
+import e from "react";
+import { Input as l } from "./Input.js";
+import { IconX as m } from "@tabler/icons-react";
 import { Button as f } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, d = (t) => p.test(t), R = r.forwardRef((t, x) => {
-  x = x || r.useRef(null);
+const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, I = (t) => p.test(t), _ = e.forwardRef((t, x) => {
+  x = x || e.useRef(null);
   const {
-    clearable: e = !1,
+    clearable: r = !1,
     right: n,
     ...c
   } = t, i = () => {
     s(x.current);
   }, a = [n];
-  return e && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(l, { size: 13 }) })), /* @__PURE__ */ o(m, { right: a, type: "email", ref: x, ...c });
+  return r && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(m, { size: 13 }) })), /* @__PURE__ */ o(l, { right: a, type: "email", ref: x, ...c });
 });
 export {
-  R as EmailInput,
-  d as emailValidation
+  _ as EmailInput,
+  I as emailValidation
 };

package/dist/components/form/InputContentEditable.hook.js

@@ -401,8 +401,8 @@ const F = "input__token", K = "input__token--selected", q = "aria-data", O = "
     s(r.current);
   }, e[15] = r, e[16] = s, e[17] = w) : w = e[17];
   const V = w, G = me;
-  let L;
-  e[18] !== r || e[19] !== s ? (L = (i) => {
+  let _;
+  e[18] !== r || e[19] !== s ? (_ = (i) => {
     const g = r.current;
     if (!g || document.activeElement !== g)
       return !1;
@@ -414,26 +414,26 @@ const F = "input__token", K = "input__token--selected", q = "aria-data", O = "
         return i.preventDefault(), i.stopPropagation(), $(g), !0;
     }
     return i.key === "Enter" ? (i.preventDefault(), !0) : !1;
-  }, e[18] = r, e[19] = s, e[20] = L) : L = e[20];
-  const X = L;
-  let M;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+  }, e[18] = r, e[19] = s, e[20] = _) : _ = e[20];
+  const X = _;
+  let L;
+  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
     const i = u.current;
     return u.current = null, i;
-  }, e[21] = M) : M = e[21];
-  let _;
-  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (_ = {
+  }, e[21] = L) : L = e[21];
+  let M;
+  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (M = {
     editorHtml: d,
     setEditorHtml: c,
     initializeFromExternalValue: p,
     updateEditorState: s,
-    takePendingSelection: M,
+    takePendingSelection: L,
     applySuggestionValueSyntax: y,
     handlePaste: S,
     handleChange: V,
     handleKeyDownCapture: G,
     handleKeyDown: X
-  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = _) : _ = e[29], _;
+  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = M) : M = e[29], M;
 };
 function pe(t) {
   return typeof t != "string";