@code0-tech/pictor 0.10.6 → 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,14 +1,15 @@
-import { jsx as l, jsxs as N } from "react/jsx-runtime";
-import { c as k } from "../../_virtual/compiler-runtime.js";
-import b from "@uiw/react-json-view";
-import { IconChevronRight as T, IconCheck as z, IconCopy as I } 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 E } 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 { 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 V } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.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",
@@ -36,54 +37,58 @@ const q = {
   "--w-rjv-type-null-color": r("Null"),
   "--w-rjv-type-nan-color": r("Number"),
   "--w-rjv-type-undefined-color": r("Null")
-}, K = (a) => {
-  const e = k.c(23);
-  let o, i, n, c, m, t;
-  if (e[0] !== a) {
+}, K = (n) => {
+  const e = T.c(24);
+  let o, i, s, p, w, t;
+  if (e[0] !== n) {
     const {
-      displayObjectSize: u,
-      displayDataTypes: g,
-      enableClipboard: h,
-      indentWidth: x,
-      value: _,
-      ...C
-    } = a;
-    t = _, i = u === void 0 ? !1 : u, o = g === void 0 ? !1 : g, n = h === void 0 ? !0 : h, c = x === void 0 ? 12.8 : x, m = E("json-view", C), e[0] = a, e[1] = o, e[2] = i, e[3] = n, e[4] = c, e[5] = m, e[6] = t;
+      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], n = e[3], c = e[4], m = e[5], t = e[6];
-  const s = m;
+    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;
-  e[7] !== t ? (v = t == null || typeof t != "object" ? [t] : t, e[7] = t, e[8] = v) : v = e[8];
-  const y = v;
-  let p;
-  e[9] !== s.style ? (p = s.style ?? {}, e[9] = s.style, e[10] = p) : p = e[10];
-  let d;
-  e[11] !== p ? (d = {
+  e[12] !== m ? (v = {
     ...q,
-    ...p
-  }, e[11] = p, e[12] = d) : d = e[12];
-  let w, j;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ l(b.Arrow, { render: B }), j = /* @__PURE__ */ l(b.Copied, { render: J }), e[13] = w, e[14] = j) : (w = e[13], j = e[14]);
-  let f;
-  return e[15] !== o || e[16] !== i || e[17] !== n || e[18] !== c || e[19] !== s || e[20] !== y || e[21] !== d ? (f = /* @__PURE__ */ N(b, { displayObjectSize: i, displayDataTypes: o, enableClipboard: n, indentWidth: c, ...s, value: y, style: d, children: [
-    w,
-    j
-  ] }), e[15] = o, e[16] = i, e[17] = n, e[18] = c, e[19] = s, e[20] = y, e[21] = d, e[22] = f) : f = e[22], f;
+    ...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 B(a) {
+function B(n) {
   const {
     "data-expanded": e,
     ...o
-  } = a;
-  return /* @__PURE__ */ l("span", { ...o, className: "json-view__arrow", "data-expanded": e, children: /* @__PURE__ */ l(T, { size: 13 }) });
+  } = n;
+  return /* @__PURE__ */ l("span", { ...o, className: "json-view__arrow", "data-expanded": e, children: /* @__PURE__ */ l(C, { size: 13 }) });
 }
-function J(a) {
+function J(n) {
   const {
     "data-copied": e,
     onClick: o,
     ...i
-  } = a;
-  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(V.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)"
@@ -100,7 +105,7 @@ function J(a) {
     ease: "easeIn"
   }, style: {
     display: "inline-flex"
-  }, children: e ? /* @__PURE__ */ l(z, { size: 13 }) : /* @__PURE__ */ l(I, { size: 13 }) }, e ? "check" : "copy") }) });
+  }, children: e ? /* @__PURE__ */ l(N, { size: 13 }) : /* @__PURE__ */ l(k, { size: 13 }) }, e ? "check" : "copy") }) });
 }
 export {
   K as JsonView

package/package.json

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