@code0-tech/pictor 0.10.5 → 0.10.7

package/dist/components/form/EditorInput.js

@@ -1,11 +1,11 @@
 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 { 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 "../../utils/contextStore.js";
-import { mergeComponentProps as x } from "../../utils/component.js";
+import { mergeComponentProps as B } from "../../utils/component.js";
 import { hashToColor as r } from "../../utils/color.js";
 import '../../assets/components/form/EditorInput.style.css';/* empty css                       */
 const A = [], L = [], P = {
@@ -21,6 +21,9 @@ const A = [], L = [], P = {
   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",
@@ -41,35 +44,35 @@ const A = [], L = [], P = {
 }, {
   tag: t.number,
   color: r("Number")
-}], Y = p({
+}], F = p({
   theme: "light",
   settings: u,
   styles: h
-}), F = e.memo((d) => {
+}), Y = e.memo((f) => {
   const {
-    title: f,
-    right: E,
-    left: T,
-    rightType: b,
+    title: d,
+    right: T,
+    left: b,
+    rightType: E,
     leftType: S,
     language: o,
     description: _,
     extensions: n = A,
     tokenStyles: a = L,
-    formValidation: s,
-    onChange: i,
+    formValidation: i,
+    onChange: g,
     wrapperComponent: k,
-    ...g
-  } = d, C = e.useMemo(() => o ? [...n, o] : n, [n, o]), M = e.useMemo(() => a.length === 0 ? Y : p({
+    ...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 = 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 }) });
+  }), [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 }) });
 });
-F.displayName = "EditorInput";
+Y.displayName = "EditorInput";
 export {
-  F as EditorInput
+  Y as EditorInput
 };

package/dist/components/json-view/JsonView.js

@@ -1,15 +1,16 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { c as x } from "../../_virtual/compiler-runtime.js";
-import j from "@uiw/react-json-view";
-import { IconChevronRight as _, IconCheck as C, IconCopy as N } from "@tabler/icons-react";
+import { jsx as l, jsxs as _ } from "react/jsx-runtime";
+import { c as T } from "../../_virtual/compiler-runtime.js";
+import u from "@uiw/react-json-view";
+import { IconChevronRight as C, IconCheck as N, IconCopy as k } from "@tabler/icons-react";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as k } from "../../utils/component.js";
+import { mergeComponentProps as z } from "../../utils/component.js";
 import { hashToColor as r } from "../../utils/color.js";
 import '../../assets/components/json-view/JsonView.style.css';/* empty css                    */
-import { AnimatePresence as T } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as z } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-const I = {
+import { Text as I } from "../text/Text.js";
+import { AnimatePresence as S } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as E } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const q = {
   "--w-rjv-font-family": '"Inter", sans-serif',
   "--w-rjv-font-size": "0.8rem",
   "--w-rjv-color": "rgba(255, 255, 255, 0.75)",
@@ -36,50 +37,58 @@ const I = {
   "--w-rjv-type-null-color": r("Null"),
   "--w-rjv-type-nan-color": r("Number"),
   "--w-rjv-type-undefined-color": r("Null")
-}, H = (l) => {
-  const e = x.c(19);
-  let o, i, a, n, d;
-  if (e[0] !== l) {
+}, K = (n) => {
+  const e = T.c(24);
+  let o, i, s, p, w, t;
+  if (e[0] !== n) {
     const {
-      displayObjectSize: y,
-      displayDataTypes: b,
-      enableClipboard: f,
-      indentWidth: u,
-      ...g
-    } = l;
-    i = y === void 0 ? !1 : y, o = b === void 0 ? !1 : b, a = f === void 0 ? !0 : f, n = u === void 0 ? 12.8 : u, d = k("json-view", g), e[0] = l, e[1] = o, e[2] = i, e[3] = a, e[4] = n, e[5] = d;
+      displayObjectSize: a,
+      displayDataTypes: f,
+      enableClipboard: c,
+      indentWidth: g,
+      value: h,
+      ...x
+    } = n;
+    t = h, i = a === void 0 ? !1 : a, o = f === void 0 ? !1 : f, s = c === void 0 ? !0 : c, p = g === void 0 ? 12.8 : g, w = z("json-view", x), e[0] = n, e[1] = o, e[2] = i, e[3] = s, e[4] = p, e[5] = w, e[6] = t;
   } else
-    o = e[1], i = e[2], a = e[3], n = e[4], d = e[5];
-  const c = d;
-  let s;
-  e[6] !== c.style ? (s = c.style ?? {}, e[6] = c.style, e[7] = s) : s = e[7];
-  let p;
-  e[8] !== s ? (p = {
-    ...I,
-    ...s
-  }, e[8] = s, e[9] = p) : p = e[9];
-  let m, w;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t(j.Arrow, { render: E }), w = /* @__PURE__ */ t(j.Copied, { render: S }), e[10] = m, e[11] = w) : (m = e[10], w = e[11]);
+    o = e[1], i = e[2], s = e[3], p = e[4], w = e[5], t = e[6];
+  const d = w;
+  if (t == null || typeof t != "object") {
+    let a;
+    e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = r("Text"), e[7] = a) : a = e[7];
+    const f = String(t);
+    let c;
+    return e[8] !== f ? (c = /* @__PURE__ */ l(I, { c: a, children: f }), e[8] = f, e[9] = c) : c = e[9], c;
+  }
+  let m;
+  e[10] !== d.style ? (m = d.style ?? {}, e[10] = d.style, e[11] = m) : m = e[11];
   let v;
-  return e[12] !== o || e[13] !== i || e[14] !== a || e[15] !== n || e[16] !== c || e[17] !== p ? (v = /* @__PURE__ */ h(j, { displayObjectSize: i, displayDataTypes: o, enableClipboard: a, indentWidth: n, ...c, style: p, children: [
-    m,
-    w
-  ] }), e[12] = o, e[13] = i, e[14] = a, e[15] = n, e[16] = c, e[17] = p, e[18] = v) : v = e[18], v;
+  e[12] !== m ? (v = {
+    ...q,
+    ...m
+  }, e[12] = m, e[13] = v) : v = e[13];
+  let j, y;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ l(u.Arrow, { render: B }), y = /* @__PURE__ */ l(u.Copied, { render: J }), e[14] = j, e[15] = y) : (j = e[14], y = e[15]);
+  let b;
+  return e[16] !== o || e[17] !== i || e[18] !== s || e[19] !== p || e[20] !== d || e[21] !== v || e[22] !== t ? (b = /* @__PURE__ */ _(u, { displayObjectSize: i, displayDataTypes: o, enableClipboard: s, indentWidth: p, ...d, value: t, style: v, children: [
+    j,
+    y
+  ] }), e[16] = o, e[17] = i, e[18] = s, e[19] = p, e[20] = d, e[21] = v, e[22] = t, e[23] = b) : b = e[23], b;
 };
-function E(l) {
+function B(n) {
   const {
     "data-expanded": e,
     ...o
-  } = l;
-  return /* @__PURE__ */ t("span", { ...o, className: "json-view__arrow", "data-expanded": e, children: /* @__PURE__ */ t(_, { size: 13 }) });
+  } = n;
+  return /* @__PURE__ */ l("span", { ...o, className: "json-view__arrow", "data-expanded": e, children: /* @__PURE__ */ l(C, { size: 13 }) });
 }
-function S(l) {
+function J(n) {
   const {
     "data-copied": e,
     onClick: o,
     ...i
-  } = l;
-  return /* @__PURE__ */ t("span", { ...i, onClick: o, className: "json-view__copy", "data-copied": e, children: /* @__PURE__ */ t(T, { mode: "wait", initial: !1, children: /* @__PURE__ */ t(z.span, { initial: {
+  } = n;
+  return /* @__PURE__ */ l("span", { ...i, onClick: o, className: "json-view__copy", "data-copied": e, children: /* @__PURE__ */ l(S, { mode: "wait", initial: !1, children: /* @__PURE__ */ l(E.span, { initial: {
     opacity: 0,
     scale: 0.5,
     filter: "blur(0.35rem)"
@@ -96,8 +105,8 @@ function S(l) {
     ease: "easeIn"
   }, style: {
     display: "inline-flex"
-  }, children: e ? /* @__PURE__ */ t(C, { size: 13 }) : /* @__PURE__ */ t(N, { size: 13 }) }, e ? "check" : "copy") }) });
+  }, children: e ? /* @__PURE__ */ l(N, { size: 13 }) : /* @__PURE__ */ l(k, { size: 13 }) }, e ? "check" : "copy") }) });
 }
 export {
-  H as JsonView
+  K as JsonView
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.10.5",
+  "version": "0.10.7",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {