@code0-tech/pictor 0.10.4 → 0.10.6

package/dist/components/gantt/GanttGroup.js

@@ -1,143 +1,162 @@
-import { jsxs as N, jsx as x, Fragment as F } from "react/jsx-runtime";
-import { c as et } from "../../_virtual/compiler-runtime.js";
-import P from "react";
+import { jsxs as F, jsx as W, Fragment as it } from "react/jsx-runtime";
+import { c as rt } from "../../_virtual/compiler-runtime.js";
+import D from "react";
 import "../../utils/contextStore.js";
 import "merge-props";
-import { withAlpha as J, hashToColor as K } from "../../utils/color.js";
-import { GanttItem as nt } from "./GanttItem.js";
-import { GanttHeader as rt } from "./GanttHeader.js";
-const C = (e, t, n, y, c, M) => {
-  const S = Math.max(0, e - n), E = Math.min(c, t - n), G = S / c * M, m = (E - S) / c * M;
+import { withAlpha as U, hashToColor as X } from "../../utils/color.js";
+import { GanttItem as at } from "./GanttItem.js";
+import { GanttHeader as ot } from "./GanttHeader.js";
+const H = (e, t, a, G, g, R) => {
+  const L = Math.max(0, e - a), I = Math.min(g, t - a), V = L / g * R, x = (I - L) / g * R;
   return {
-    left: G,
-    width: m
+    left: V,
+    width: x
   };
-}, it = (e) => {
-  const t = et.c(50), {
-    items: n,
-    stepWidth: y,
-    rowHeight: c,
-    step: M,
-    start: S,
-    end: E,
-    hideScaling: G,
-    children: m
-  } = e, s = y === void 0 ? "50px" : y, $ = c === void 0 ? "50px" : c, a = M === void 0 ? 1 : M, i = S === void 0 ? 1 : S, o = E === void 0 ? 999999999 : E, l = G === void 0 ? !1 : G, R = P.useRef(null), [O, Q] = P.useState(0), [b, U] = P.useState(void 0), f = parseInt(s), d = o - i, q = Math.ceil(d / a), p = q * f, T = n?.filter(at) ?? [], W = T.length === 0 ? a : T.reduce(ot, 0) / T.length;
-  let z;
-  t[0] !== n || t[1] !== i ? (z = n && n.length > 0 ? Math.min(...n.map(st)) : i, t[0] = n, t[1] = i, t[2] = z) : z = t[2];
-  const g = z;
-  let L;
-  t[3] !== o || t[4] !== n ? (L = n && n.length > 0 ? Math.max(...n.map(dt)) : o, t[3] = o, t[4] = n, t[5] = L) : L = t[5];
-  const u = L, X = n && n.length > 0 ? Math.ceil((u - i) / a) : q, Y = Math.ceil(O / f), h = Math.max(Y, X + 2);
-  let k;
-  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => {
-    const v = () => {
-      Q(R.current?.offsetWidth ?? 0);
+}, st = (e) => {
+  const t = rt.c(58), {
+    items: a,
+    stepWidth: G,
+    rowHeight: g,
+    step: R,
+    start: L,
+    end: I,
+    hideScaling: V,
+    children: x
+  } = e, c = G === void 0 ? "50px" : G, $ = g === void 0 ? "50px" : g, i = R === void 0 ? 1 : R, r = L === void 0 ? 1 : L, o = I === void 0 ? 999999999 : I, h = V === void 0 ? !1 : V, q = D.useRef(null), [Y, Z] = D.useState(0), [k, _] = D.useState(void 0), b = parseInt(c), p = o - r, K = Math.ceil(p / i), f = K * b;
+  let B;
+  t: {
+    if (!a || a.length === 0) {
+      let s;
+      t[0] !== o || t[1] !== r || t[2] !== i ? (s = {
+        avgDuration: i,
+        itemMinStart: r,
+        itemMaxEnd: o
+      }, t[0] = o, t[1] = r, t[2] = i, t[3] = s) : s = t[3], B = s;
+      break t;
+    }
+    let d = 0, u = 0, m = 1 / 0, E = -1 / 0;
+    for (let s = 0; s < a.length; s++) {
+      const l = a[s];
+      l.start < m && (m = l.start), l.end > E && (E = l.end), l.type !== "group" && (d = d + (l.end - l.start), u++);
+    }
+    const M = u === 0 ? i : d / u;
+    let S;
+    t[4] !== E || t[5] !== m || t[6] !== M ? (S = {
+      avgDuration: M,
+      itemMinStart: m,
+      itemMaxEnd: E
+    }, t[4] = E, t[5] = m, t[6] = M, t[7] = S) : S = t[7], B = S;
+  }
+  const {
+    avgDuration: z,
+    itemMinStart: y,
+    itemMaxEnd: v
+  } = B, tt = a && a.length > 0 ? Math.ceil((v - r) / i) : K, et = Math.ceil(Y / b), w = Math.max(et, tt + 2);
+  let A, N;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+    const d = () => {
+      Z(q.current?.offsetWidth ?? 0);
     };
-    return v(), R?.current?.addEventListener("resize", v), window.addEventListener("resize", v), () => {
-      window.removeEventListener("resize", v), R.current?.removeEventListener("resize", v);
+    d();
+    const u = q.current;
+    return u?.addEventListener("resize", d), window.addEventListener("resize", d), () => {
+      window.removeEventListener("resize", d), u?.removeEventListener("resize", d);
     };
-  }, t[6] = k) : k = t[6], P.useEffect(k);
-  let H;
-  if (t[7] !== b || t[8] !== W || t[9] !== m || t[10] !== h || t[11] !== o || t[12] !== l || t[13] !== u || t[14] !== g || t[15] !== n || t[16] !== e.id || t[17] !== $ || t[18] !== i || t[19] !== a || t[20] !== s || t[21] !== f || t[22] !== d || t[23] !== p) {
-    const v = n?.length ? n.sort(ct).reduce(lt, []) : [], j = `repeat(${h}, ${s})`;
-    let I;
-    t[25] !== j ? (I = {
+  }, N = [], t[8] = A, t[9] = N) : (A = t[8], N = t[9]), D.useEffect(A, N);
+  let P;
+  if (t[10] !== k || t[11] !== z || t[12] !== x || t[13] !== w || t[14] !== o || t[15] !== h || t[16] !== v || t[17] !== y || t[18] !== a || t[19] !== e.id || t[20] !== $ || t[21] !== r || t[22] !== i || t[23] !== c || t[24] !== b || t[25] !== p || t[26] !== f) {
+    const d = a?.length ? a.sort(dt).reduce(lt, []) : [], u = `repeat(${w}, ${c})`;
+    let m;
+    t[28] !== u ? (m = {
       display: "grid",
-      gridTemplateColumns: j,
+      gridTemplateColumns: u,
       minWidth: "100%",
       gridColumn: "1 / -1"
-    }, t[25] = j, t[26] = I) : I = t[26];
-    const Z = I;
-    let V;
-    t[27] !== W || t[28] !== h || t[29] !== l || t[30] !== i || t[31] !== a || t[32] !== s ? (V = !l && /* @__PURE__ */ x(rt, { columnCount: h, start: i, step: a, avgDuration: W, stepWidth: s }), t[27] = W, t[28] = h, t[29] = l, t[30] = i, t[31] = a, t[32] = s, t[33] = V) : V = t[33];
-    let A;
-    t[34] !== b || t[35] !== m || t[36] !== h || t[37] !== o || t[38] !== l || t[39] !== u || t[40] !== g || t[41] !== e.id || t[42] !== $ || t[43] !== i || t[44] !== a || t[45] !== s || t[46] !== f || t[47] !== d || t[48] !== p ? (A = (B, _) => /* @__PURE__ */ N(F, { children: [
-      /* @__PURE__ */ N("div", { style: {
-        gridColumn: "1 / -1",
-        minHeight: $,
-        position: "relative",
-        backgroundColor: "transparent"
-      }, children: [
-        Array.from({
-          length: h - 1
-        }).map((r, w) => /* @__PURE__ */ x("div", { style: {
+    }, t[28] = u, t[29] = m) : m = t[29];
+    const E = m;
+    let M;
+    t[30] !== $ ? (M = {
+      gridColumn: "1 / -1",
+      minHeight: $,
+      position: "relative",
+      backgroundColor: "transparent"
+    }, t[30] = $, t[31] = M) : M = t[31];
+    const S = M;
+    let s;
+    t[32] !== w ? (s = Array.from({
+      length: Math.max(0, w - 1)
+    }), t[32] = w, t[33] = s) : s = t[33];
+    const l = s;
+    let T;
+    t[34] !== z || t[35] !== w || t[36] !== h || t[37] !== r || t[38] !== i || t[39] !== c ? (T = !h && /* @__PURE__ */ W(ot, { columnCount: w, start: r, step: i, avgDuration: z, stepWidth: c }), t[34] = z, t[35] = w, t[36] = h, t[37] = r, t[38] = i, t[39] = c, t[40] = T) : T = t[40];
+    let j;
+    t[41] !== k || t[42] !== x || t[43] !== o || t[44] !== l || t[45] !== h || t[46] !== v || t[47] !== y || t[48] !== e.id || t[49] !== $ || t[50] !== S || t[51] !== r || t[52] !== i || t[53] !== c || t[54] !== b || t[55] !== p || t[56] !== f ? (j = (O, Q) => /* @__PURE__ */ F(D.Fragment, { children: [
+      /* @__PURE__ */ F("div", { style: S, children: [
+        l.map((n, C) => /* @__PURE__ */ W("div", { style: {
           position: "absolute",
-          left: (w + 1) * f,
+          left: (C + 1) * b,
           top: 0,
           bottom: 0,
           width: "0px",
-          borderLeft: `1px dashed rgba(255, 255, 255, ${l ? 0.05 : 0.1})`
-        } }, `grid-${w}`)),
-        l && /* @__PURE__ */ N(F, { children: [
-          /* @__PURE__ */ x("div", { className: "gantt__group-wrapper", style: {
+          borderLeft: `1px dashed rgba(255, 255, 255, ${h ? 0.05 : 0.1})`
+        } }, `grid-${C}`)),
+        h && /* @__PURE__ */ F(it, { children: [
+          /* @__PURE__ */ W("div", { className: "gantt__group-wrapper", style: {
             backgroundImage: `
                                         linear-gradient(to right, transparent, #070514), 
                                         repeating-linear-gradient(
                                           45deg, 
                                           transparent, 
                                           transparent 2px, 
-                                          ${J(K(e.id.replace("target", "source")), 0.5)} 4px
+                                          ${U(X(e.id.replace("target", "source")), 0.5)} 4px
                                         )
                                     `,
-            left: `${C(g, g + a, i, o, d, p).left}px`,
-            width: `${C(g, g + a, i, o, d, p).width}px`
+            left: `${H(y, y + i, r, o, p, f).left}px`,
+            width: `${H(y, y + i, r, o, p, f).width}px`
           } }),
-          /* @__PURE__ */ x("div", { className: "gantt__group-wrapper", style: {
+          /* @__PURE__ */ W("div", { className: "gantt__group-wrapper", style: {
             backgroundImage: `
                                         linear-gradient(to left, transparent, #070514), 
                                         repeating-linear-gradient(
                                           45deg, 
                                           transparent, 
                                           transparent 2px, 
-                                          ${J(K(e.id.replace("target", "source")), 0.5)} 4px
+                                          ${U(X(e.id.replace("target", "source")), 0.5)} 4px
                                         )
                                     `,
-            left: `${C(u - a, u, i, o, d, p).left}px`,
-            width: `${C(u - a, u, i, o, d, p).width}px`
+            left: `${H(v - i, v, r, o, p, f).left}px`,
+            width: `${H(v - i, v, r, o, p, f).width}px`
           } })
         ] }),
-        B.map((r, w) => {
-          const D = C(r.start, r.end, i, o, d, p);
-          return D.width > 0 && /* @__PURE__ */ x(F, { children: /* @__PURE__ */ x(nt, { id: r.id, w: `${D.width}px`, left: `${D.left}px`, onClick: () => {
-            r.type == "group" && U((tt) => r.id === tt ? void 0 : r.id);
-          }, children: m?.(r, w) }, r.id) });
+        O.map((n, C) => {
+          const J = H(n.start, n.end, r, o, p, f);
+          return J.width > 0 && /* @__PURE__ */ W(at, { id: n.id, w: `${J.width}px`, left: `${J.left}px`, onClick: () => {
+            n.type == "group" && _((nt) => n.id === nt ? void 0 : n.id);
+          }, children: x?.(n, C) }, n.id);
         })
-      ] }, `row-${_}`),
-      B.map((r, w) => r.type === "group" && b === r.id && /* @__PURE__ */ x(it, { children: m, id: `group-target-${w}`, start: Math.min(...r.data.items.map(pt)) - Math.min(...r.data.items.map(ut)) / (r.data.firstGroupStep * r.data.step) * (r.data.groupStep * r.data.step), step: r.data.groupStep * r.data.step, stepWidth: s, rowHeight: $, items: r.data.items }, `group-target-${w}`))
-    ] }), t[34] = b, t[35] = m, t[36] = h, t[37] = o, t[38] = l, t[39] = u, t[40] = g, t[41] = e.id, t[42] = $, t[43] = i, t[44] = a, t[45] = s, t[46] = f, t[47] = d, t[48] = p, t[49] = A) : A = t[49], H = /* @__PURE__ */ N("div", { "data-gantt-id": e.id, id: e.id, ref: R, style: Z, children: [
-      V,
-      v.map(A)
-    ] }), t[7] = b, t[8] = W, t[9] = m, t[10] = h, t[11] = o, t[12] = l, t[13] = u, t[14] = g, t[15] = n, t[16] = e.id, t[17] = $, t[18] = i, t[19] = a, t[20] = s, t[21] = f, t[22] = d, t[23] = p, t[24] = H;
+      ] }, `row-${Q}`),
+      O.map((n, C) => n.type === "group" && k === n.id && /* @__PURE__ */ W(st, { children: x, id: `group-target-${C}`, start: Math.min(...n.data.items.map(ct)) - Math.min(...n.data.items.map(pt)) / (n.data.firstGroupStep * n.data.step) * (n.data.groupStep * n.data.step), step: n.data.groupStep * n.data.step, stepWidth: c, rowHeight: $, items: n.data.items }, `group-target-${C}`))
+    ] }, `row-frag-${Q}`), t[41] = k, t[42] = x, t[43] = o, t[44] = l, t[45] = h, t[46] = v, t[47] = y, t[48] = e.id, t[49] = $, t[50] = S, t[51] = r, t[52] = i, t[53] = c, t[54] = b, t[55] = p, t[56] = f, t[57] = j) : j = t[57], P = /* @__PURE__ */ F("div", { "data-gantt-id": e.id, id: e.id, ref: q, style: E, children: [
+      T,
+      d.map(j)
+    ] }), t[10] = k, t[11] = z, t[12] = x, t[13] = w, t[14] = o, t[15] = h, t[16] = v, t[17] = y, t[18] = a, t[19] = e.id, t[20] = $, t[21] = r, t[22] = i, t[23] = c, t[24] = b, t[25] = p, t[26] = f, t[27] = P;
   } else
-    H = t[24];
-  return H;
+    P = t[27];
+  return P;
 };
-function at(e) {
-  return e.type !== "group";
-}
-function ot(e, t) {
-  return e + (t.end - t.start);
-}
-function st(e) {
-  return e.start;
-}
-function dt(e) {
-  return e.end;
-}
-function ct(e, t) {
+function dt(e, t) {
   return e.start - t.start;
 }
 function lt(e, t) {
-  const n = e.find((y) => !y.some((c) => !(t.end <= c.start || t.start >= c.end)));
-  return n ? (n.push(t), e) : [...e, [t]];
+  const a = e.find((G) => !G.some((g) => !(t.end <= g.start || t.start >= g.end)));
+  return a ? (a.push(t), e) : [...e, [t]];
 }
-function pt(e) {
+function ct(e) {
   return e.start;
 }
-function ut(e) {
+function pt(e) {
   return e.start;
 }
 export {
-  it as GanttGroup
+  st as GanttGroup
 };

package/dist/components/gantt/GanttHeader.js

@@ -1,53 +1,62 @@
-import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import { jsx as g, jsxs as N } from "react/jsx-runtime";
 import { c as W } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
 import { mergeComponentProps as j } from "../../utils/component.js";
 import "js-md5";
-import { Text as b } from "../text/Text.js";
-const x = (e) => {
-  const t = W.c(20);
-  let a, s, i, n, r, o, m;
-  if (t[0] !== e) {
+import { Text as $ } from "../text/Text.js";
+const x = (t) => {
+  const e = W.c(22);
+  let i, s, a, n, r, o, m;
+  if (e[0] !== t) {
     const {
-      columnCount: _,
+      columnCount: f,
       start: l,
-      step: d,
-      avgDuration: f,
-      stepWidth: g,
-      ...v
-    } = e;
-    s = _, i = l, n = d, a = f, r = g, o = parseInt(r), m = j("gantt__header", v), t[0] = e, t[1] = a, t[2] = s, t[3] = i, t[4] = n, t[5] = r, t[6] = o, t[7] = m;
+      step: _,
+      avgDuration: c,
+      stepWidth: v,
+      ...b
+    } = t;
+    a = l, n = _, r = v, o = parseInt(r);
+    let u;
+    e[8] !== c ? (u = y(c), e[8] = c, e[9] = u) : u = e[9], s = u;
+    let d;
+    e[10] !== f ? (d = Array.from({
+      length: f
+    }), e[10] = f, e[11] = d) : d = e[11], i = d, m = j("gantt__header", b), e[0] = t, e[1] = i, e[2] = s, e[3] = a, e[4] = n, e[5] = r, e[6] = o, e[7] = m;
   } else
-    a = t[1], s = t[2], i = t[3], n = t[4], r = t[5], o = t[6], m = t[7];
-  let c;
-  t[8] !== s ? (c = Array.from({
-    length: s
-  }), t[8] = s, t[9] = c) : c = t[9];
+    i = e[1], s = e[2], a = e[3], n = e[4], r = e[5], o = e[6], m = e[7];
   let h;
-  t[10] !== a || t[11] !== i || t[12] !== n || t[13] !== r || t[14] !== o || t[15] !== c ? (h = c.map((_, l) => {
-    const d = i + l * n, f = l % 4 === 0, g = $(a), {
-      value: v,
-      unit: y
-    } = $(d), C = `${Math.round(v * 10) / 10}${y}`;
-    return l !== 0 ? /* @__PURE__ */ p("div", { className: "gantt__header-column", style: {
+  e[12] !== i || e[13] !== s || e[14] !== a || e[15] !== n || e[16] !== r || e[17] !== o ? (h = i.map((f, l) => {
+    if (l === 0)
+      return /* @__PURE__ */ g("div", { className: "gantt__header-label-column", children: /* @__PURE__ */ N($, { className: "gantt__header-label", children: [
+        "Range in ",
+        s.unit
+      ] }) }, `header-${l}`);
+    const _ = l % 4 === 0;
+    let c = "";
+    if (_) {
+      const v = a + l * n, {
+        value: b,
+        unit: u
+      } = y(v);
+      c = `${Math.round(b * 10) / 10}${u}`;
+    }
+    return /* @__PURE__ */ g("div", { className: "gantt__header-column", style: {
       left: l * o,
       width: r
-    }, children: /* @__PURE__ */ p(b, { children: f ? C : "" }) }, `header-${l}`) : /* @__PURE__ */ p("div", { className: "gantt__header-label-column", children: /* @__PURE__ */ N(b, { className: "gantt__header-label", children: [
-      "Range in ",
-      g.unit
-    ] }) }, `header-${l}`);
-  }), t[10] = a, t[11] = i, t[12] = n, t[13] = r, t[14] = o, t[15] = c, t[16] = h) : h = t[16];
-  let u;
-  return t[17] !== m || t[18] !== h ? (u = /* @__PURE__ */ p("div", { ...m, children: h }), t[17] = m, t[18] = h, t[19] = u) : u = t[19], u;
-}, $ = (e) => e > 5e5 ? {
-  value: e / 1e6,
+    }, children: /* @__PURE__ */ g($, { children: c }) }, `header-${l}`);
+  }), e[12] = i, e[13] = s, e[14] = a, e[15] = n, e[16] = r, e[17] = o, e[18] = h) : h = e[18];
+  let p;
+  return e[19] !== m || e[20] !== h ? (p = /* @__PURE__ */ g("div", { ...m, children: h }), e[19] = m, e[20] = h, e[21] = p) : p = e[21], p;
+}, y = (t) => t > 5e5 ? {
+  value: t / 1e6,
   unit: "s"
-} : e > 500 ? {
-  value: e / 1e3,
+} : t > 500 ? {
+  value: t / 1e3,
   unit: "ms"
 } : {
-  value: e,
+  value: t,
   unit: "μs"
 };
 export {

package/dist/components/json-view/JsonView.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { JsonViewProps as ReactJsonViewProps } from '@uiw/react-json-view';
+import { Component } from '../../utils';
+export interface JsonViewProps<T extends object = object> extends Omit<Component<HTMLDivElement>, 'value'> {
+    value?: T;
+    keyName?: string | number;
+    collapsed?: boolean | number;
+    displayObjectSize?: boolean;
+    displayDataTypes?: boolean;
+    enableClipboard?: boolean;
+    indentWidth?: number;
+    shortenTextAfterLength?: number;
+    highlightUpdates?: boolean;
+    objectSortKeys?: ReactJsonViewProps<T>['objectSortKeys'];
+    shouldExpandNodeInitially?: ReactJsonViewProps<T>['shouldExpandNodeInitially'];
+    onCopied?: ReactJsonViewProps<T>['onCopied'];
+    onExpand?: ReactJsonViewProps<T>['onExpand'];
+}
+export declare const JsonView: <T extends object = object>(props: JsonViewProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,107 @@
+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 "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as E } 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 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";
+const q = {
+  "--w-rjv-font-family": '"Inter", sans-serif',
+  "--w-rjv-font-size": "0.8rem",
+  "--w-rjv-color": "rgba(255, 255, 255, 0.75)",
+  "--w-rjv-key-string": "rgba(255, 255, 255, 0.75)",
+  "--w-rjv-background-color": "transparent",
+  "--w-rjv-line-color": "rgba(191, 191, 191, 0.1)",
+  "--w-rjv-arrow-color": "rgba(255, 255, 255, 0.5)",
+  "--w-rjv-edit-color": "rgba(255, 255, 255, 0.75)",
+  "--w-rjv-info-color": "rgba(255, 255, 255, 0.5)",
+  "--w-rjv-update-color": "#ebcb8b",
+  "--w-rjv-copied-color": "rgba(255, 255, 255, 0.75)",
+  "--w-rjv-copied-success-color": "#29BF12",
+  "--w-rjv-curlybraces-color": r("bracket"),
+  "--w-rjv-brackets-color": r("squareBracket"),
+  "--w-rjv-quotes-color": "rgba(255, 255, 255, 0.75)",
+  "--w-rjv-quotes-string-color": r("Text"),
+  "--w-rjv-type-string-color": r("Text"),
+  "--w-rjv-type-int-color": r("Number"),
+  "--w-rjv-type-float-color": r("Number"),
+  "--w-rjv-type-bigint-color": r("Number"),
+  "--w-rjv-type-boolean-color": r("Boolean"),
+  "--w-rjv-type-date-color": r("Text"),
+  "--w-rjv-type-url-color": r("Text"),
+  "--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) {
+    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;
+  } else
+    o = e[1], i = e[2], n = e[3], c = e[4], m = e[5], t = e[6];
+  const s = m;
+  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 = {
+    ...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;
+};
+function B(a) {
+  const {
+    "data-expanded": e,
+    ...o
+  } = a;
+  return /* @__PURE__ */ l("span", { ...o, className: "json-view__arrow", "data-expanded": e, children: /* @__PURE__ */ l(T, { size: 13 }) });
+}
+function J(a) {
+  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: {
+    opacity: 0,
+    scale: 0.5,
+    filter: "blur(0.35rem)"
+  }, animate: {
+    opacity: 1,
+    scale: 1,
+    filter: "blur(0px)"
+  }, exit: {
+    opacity: 0,
+    scale: 0.5,
+    filter: "blur(0.35rem)"
+  }, transition: {
+    duration: 0.05,
+    ease: "easeIn"
+  }, style: {
+    display: "inline-flex"
+  }, children: e ? /* @__PURE__ */ l(z, { size: 13 }) : /* @__PURE__ */ l(I, { size: 13 }) }, e ? "check" : "copy") }) });
+}
+export {
+  K as JsonView
+};

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/file-tabs/index';
 export * from './components/flex/Flex';
 export * from './components/flex/Flex';
 export * from './components/form/index';
+export * from './components/json-view/JsonView';
 export * from './components/fullscreen/FullScreen';
 export * from './components/gantt/Gantt';
 export * from './components/layout/Layout';