@fuf-stack/pixels 0.7.1 → 0.7.2

package/dist/chunk-RBKIZCPJ.js

@@ -0,0 +1,2590 @@
+import {
+  Button_default
+} from "./chunk-HYXTFS4R.js";
+import {
+  __commonJS,
+  __toESM
+} from "./chunk-LQ2VYIYD.js";
+
+// ../../node_modules/.pnpm/@babel+runtime@7.24.6/node_modules/@babel/runtime/helpers/extends.js
+var require_extends = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.24.6/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
+    "use strict";
+    function _extends22() {
+      return module.exports = _extends22 = Object.assign ? Object.assign.bind() : function(n) {
+        for (var e = 1; e < arguments.length; e++) {
+          var t = arguments[e];
+          for (var r in t)
+            ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+        }
+        return n;
+      }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends22.apply(null, arguments);
+    }
+    module.exports = _extends22, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+// ../../node_modules/.pnpm/@babel+runtime@7.24.6/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
+var require_objectWithoutPropertiesLoose = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.24.6/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
+    "use strict";
+    function _objectWithoutPropertiesLoose12(r, e) {
+      if (null == r)
+        return {};
+      var t = {};
+      for (var n in r)
+        if ({}.hasOwnProperty.call(r, n)) {
+          if (e.indexOf(n) >= 0)
+            continue;
+          t[n] = r[n];
+        }
+      return t;
+    }
+    module.exports = _objectWithoutPropertiesLoose12, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+// ../../node_modules/.pnpm/@babel+runtime@7.24.6/node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js
+var require_objectDestructuringEmpty = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.24.6/node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"(exports, module) {
+    "use strict";
+    function _objectDestructuringEmpty2(t) {
+      if (null == t)
+        throw new TypeError("Cannot destructure " + t);
+    }
+    module.exports = _objectDestructuringEmpty2, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+// src/Json/Json.tsx
+import { useState as useState3 } from "react";
+import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
+import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/index.js
+var import_extends21 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose11 = __toESM(require_objectWithoutPropertiesLoose());
+import { forwardRef as forwardRef2 } from "react";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store.js
+var import_extends7 = __toESM(require_extends());
+import React3, { createContext as createContext6, useContext as useContext6, useEffect, useReducer as useReducer6 } from "react";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store/ShowTools.js
+var import_extends = __toESM(require_extends());
+import { createContext, useContext, useReducer } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var initialState = {};
+var Context = /* @__PURE__ */ createContext(initialState);
+var reducer = (state, action) => (0, import_extends.default)({}, state, action);
+var useShowToolsStore = () => {
+  return useContext(Context);
+};
+var DispatchShowTools = /* @__PURE__ */ createContext(() => {
+});
+DispatchShowTools.displayName = "JVR.DispatchShowTools";
+function useShowTools() {
+  return useReducer(reducer, initialState);
+}
+function useShowToolsDispatch() {
+  return useContext(DispatchShowTools);
+}
+var ShowTools = (_ref) => {
+  var {
+    initial,
+    dispatch,
+    children
+  } = _ref;
+  return /* @__PURE__ */ _jsx(Context.Provider, {
+    value: initial,
+    children: /* @__PURE__ */ _jsx(DispatchShowTools.Provider, {
+      value: dispatch,
+      children
+    })
+  });
+};
+ShowTools.displayName = "JVR.ShowTools";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store/Expands.js
+var import_extends2 = __toESM(require_extends());
+import { createContext as createContext2, useContext as useContext2, useReducer as useReducer2 } from "react";
+import { jsx as _jsx2 } from "react/jsx-runtime";
+var initialState2 = {};
+var Context2 = /* @__PURE__ */ createContext2(initialState2);
+var reducer2 = (state, action) => (0, import_extends2.default)({}, state, action);
+var useExpandsStore = () => {
+  return useContext2(Context2);
+};
+var DispatchExpands = /* @__PURE__ */ createContext2(() => {
+});
+DispatchExpands.displayName = "JVR.DispatchExpands";
+function useExpands() {
+  return useReducer2(reducer2, initialState2);
+}
+function useExpandsDispatch() {
+  return useContext2(DispatchExpands);
+}
+var Expands = (_ref) => {
+  var {
+    initial,
+    dispatch,
+    children
+  } = _ref;
+  return /* @__PURE__ */ _jsx2(Context2.Provider, {
+    value: initial,
+    children: /* @__PURE__ */ _jsx2(DispatchExpands.Provider, {
+      value: dispatch,
+      children
+    })
+  });
+};
+Expands.displayName = "JVR.Expands";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store/Types.js
+var import_extends3 = __toESM(require_extends());
+import { createContext as createContext3, useContext as useContext3, useReducer as useReducer3 } from "react";
+import { jsx as _jsx3 } from "react/jsx-runtime";
+var initialState3 = {
+  Str: {
+    as: "span",
+    "data-type": "string",
+    style: {
+      color: "var(--w-rjv-type-string-color, #cb4b16)"
+    },
+    className: "w-rjv-type",
+    children: "string"
+  },
+  Url: {
+    as: "a",
+    style: {
+      color: "var(--w-rjv-type-url-color, #0969da)"
+    },
+    "data-type": "url",
+    className: "w-rjv-type",
+    children: "url"
+  },
+  Undefined: {
+    style: {
+      color: "var(--w-rjv-type-undefined-color, #586e75)"
+    },
+    as: "span",
+    "data-type": "undefined",
+    className: "w-rjv-type",
+    children: "undefined"
+  },
+  Null: {
+    style: {
+      color: "var(--w-rjv-type-null-color, #d33682)"
+    },
+    as: "span",
+    "data-type": "null",
+    className: "w-rjv-type",
+    children: "null"
+  },
+  Map: {
+    style: {
+      color: "var(--w-rjv-type-map-color, #268bd2)",
+      marginRight: 3
+    },
+    as: "span",
+    "data-type": "map",
+    className: "w-rjv-type",
+    children: "Map"
+  },
+  Nan: {
+    style: {
+      color: "var(--w-rjv-type-nan-color, #859900)"
+    },
+    as: "span",
+    "data-type": "nan",
+    className: "w-rjv-type",
+    children: "NaN"
+  },
+  Bigint: {
+    style: {
+      color: "var(--w-rjv-type-bigint-color, #268bd2)"
+    },
+    as: "span",
+    "data-type": "bigint",
+    className: "w-rjv-type",
+    children: "bigint"
+  },
+  Int: {
+    style: {
+      color: "var(--w-rjv-type-int-color, #268bd2)"
+    },
+    as: "span",
+    "data-type": "int",
+    className: "w-rjv-type",
+    children: "int"
+  },
+  Set: {
+    style: {
+      color: "var(--w-rjv-type-set-color, #268bd2)",
+      marginRight: 3
+    },
+    as: "span",
+    "data-type": "set",
+    className: "w-rjv-type",
+    children: "Set"
+  },
+  Float: {
+    style: {
+      color: "var(--w-rjv-type-float-color, #859900)"
+    },
+    as: "span",
+    "data-type": "float",
+    className: "w-rjv-type",
+    children: "float"
+  },
+  True: {
+    style: {
+      color: "var(--w-rjv-type-boolean-color, #2aa198)"
+    },
+    as: "span",
+    "data-type": "bool",
+    className: "w-rjv-type",
+    children: "bool"
+  },
+  False: {
+    style: {
+      color: "var(--w-rjv-type-boolean-color, #2aa198)"
+    },
+    as: "span",
+    "data-type": "bool",
+    className: "w-rjv-type",
+    children: "bool"
+  },
+  Date: {
+    style: {
+      color: "var(--w-rjv-type-date-color, #268bd2)"
+    },
+    as: "span",
+    "data-type": "date",
+    className: "w-rjv-type",
+    children: "date"
+  }
+};
+var Context3 = /* @__PURE__ */ createContext3(initialState3);
+var reducer3 = (state, action) => (0, import_extends3.default)({}, state, action);
+var useTypesStore = () => {
+  return useContext3(Context3);
+};
+var DispatchTypes = /* @__PURE__ */ createContext3(() => {
+});
+DispatchTypes.displayName = "JVR.DispatchTypes";
+function useTypes() {
+  return useReducer3(reducer3, initialState3);
+}
+function useTypesDispatch() {
+  return useContext3(DispatchTypes);
+}
+function Types(_ref) {
+  var {
+    initial,
+    dispatch,
+    children
+  } = _ref;
+  return /* @__PURE__ */ _jsx3(Context3.Provider, {
+    value: initial,
+    children: /* @__PURE__ */ _jsx3(DispatchTypes.Provider, {
+      value: dispatch,
+      children
+    })
+  });
+}
+Types.displayName = "JVR.Types";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store/Symbols.js
+var import_extends5 = __toESM(require_extends());
+import { createContext as createContext4, useContext as useContext4, useReducer as useReducer4 } from "react";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/arrow/TriangleArrow.js
+var import_extends4 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose = __toESM(require_objectWithoutPropertiesLoose());
+import React from "react";
+import { jsx as _jsx4 } from "react/jsx-runtime";
+var _excluded = ["style"];
+function TriangleArrow(props) {
+  var {
+    style
+  } = props, reset = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded);
+  var defaultStyle = (0, import_extends4.default)({
+    cursor: "pointer",
+    height: "1em",
+    width: "1em",
+    userSelect: "none",
+    display: "inline-flex"
+  }, style);
+  return /* @__PURE__ */ _jsx4("svg", (0, import_extends4.default)({
+    viewBox: "0 0 24 24",
+    fill: "var(--w-rjv-arrow-color, currentColor)",
+    style: defaultStyle
+  }, reset, {
+    children: /* @__PURE__ */ _jsx4("path", {
+      d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+    })
+  }));
+}
+TriangleArrow.displayName = "JVR.TriangleArrow";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store/Symbols.js
+import { jsx as _jsx5 } from "react/jsx-runtime";
+var initialState4 = {
+  Arrow: {
+    as: "span",
+    className: "w-rjv-arrow",
+    style: {
+      transform: "rotate(0deg)",
+      transition: "all 0.3s"
+    },
+    children: /* @__PURE__ */ _jsx5(TriangleArrow, {})
+  },
+  Colon: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-colon-color, var(--w-rjv-color))",
+      marginLeft: 0,
+      marginRight: 2
+    },
+    className: "w-rjv-colon",
+    children: ":"
+  },
+  Quote: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-quotes-color, #236a7c)"
+    },
+    className: "w-rjv-quotes",
+    children: '"'
+  },
+  ValueQuote: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-quotes-string-color, #cb4b16)"
+    },
+    className: "w-rjv-quotes",
+    children: '"'
+  },
+  BracketsLeft: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-brackets-color, #236a7c)"
+    },
+    className: "w-rjv-brackets-start",
+    children: "["
+  },
+  BracketsRight: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-brackets-color, #236a7c)"
+    },
+    className: "w-rjv-brackets-end",
+    children: "]"
+  },
+  BraceLeft: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-curlybraces-color, #236a7c)"
+    },
+    className: "w-rjv-curlybraces-start",
+    children: "{"
+  },
+  BraceRight: {
+    as: "span",
+    style: {
+      color: "var(--w-rjv-curlybraces-color, #236a7c)"
+    },
+    className: "w-rjv-curlybraces-end",
+    children: "}"
+  }
+};
+var Context4 = /* @__PURE__ */ createContext4(initialState4);
+var reducer4 = (state, action) => (0, import_extends5.default)({}, state, action);
+var useSymbolsStore = () => {
+  return useContext4(Context4);
+};
+var DispatchSymbols = /* @__PURE__ */ createContext4(() => {
+});
+DispatchSymbols.displayName = "JVR.DispatchSymbols";
+function useSymbols() {
+  return useReducer4(reducer4, initialState4);
+}
+function useSymbolsDispatch() {
+  return useContext4(DispatchSymbols);
+}
+var Symbols = (_ref) => {
+  var {
+    initial,
+    dispatch,
+    children
+  } = _ref;
+  return /* @__PURE__ */ _jsx5(Context4.Provider, {
+    value: initial,
+    children: /* @__PURE__ */ _jsx5(DispatchSymbols.Provider, {
+      value: dispatch,
+      children
+    })
+  });
+};
+Symbols.displayName = "JVR.Symbols";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store/Section.js
+var import_extends6 = __toESM(require_extends());
+import React2, { createContext as createContext5, useContext as useContext5, useReducer as useReducer5 } from "react";
+import { jsx as _jsx6 } from "react/jsx-runtime";
+var initialState5 = {
+  Copied: {
+    className: "w-rjv-copied",
+    style: {
+      height: "1em",
+      width: "1em",
+      cursor: "pointer",
+      verticalAlign: "middle",
+      marginLeft: 5
+    }
+  },
+  CountInfo: {
+    as: "span",
+    className: "w-rjv-object-size",
+    style: {
+      color: "var(--w-rjv-info-color, #0000004d)",
+      paddingLeft: 8,
+      fontStyle: "italic"
+    }
+  },
+  CountInfoExtra: {
+    as: "span",
+    className: "w-rjv-object-extra",
+    style: {
+      paddingLeft: 8
+    }
+  },
+  Ellipsis: {
+    as: "span",
+    style: {
+      cursor: "pointer",
+      color: "var(--w-rjv-ellipsis-color, #cb4b16)",
+      userSelect: "none"
+    },
+    className: "w-rjv-ellipsis",
+    children: "..."
+  },
+  Row: {
+    as: "div",
+    className: "w-rjv-line"
+  },
+  KeyName: {
+    as: "span",
+    className: "w-rjv-object-key"
+  }
+};
+var Context5 = /* @__PURE__ */ createContext5(initialState5);
+var reducer5 = (state, action) => (0, import_extends6.default)({}, state, action);
+var useSectionStore = () => {
+  return useContext5(Context5);
+};
+var DispatchSection = /* @__PURE__ */ createContext5(() => {
+});
+DispatchSection.displayName = "JVR.DispatchSection";
+function useSection() {
+  return useReducer5(reducer5, initialState5);
+}
+function useSectionDispatch() {
+  return useContext5(DispatchSection);
+}
+var Section = (_ref) => {
+  var {
+    initial,
+    dispatch,
+    children
+  } = _ref;
+  return /* @__PURE__ */ _jsx6(Context5.Provider, {
+    value: initial,
+    children: /* @__PURE__ */ _jsx6(DispatchSection.Provider, {
+      value: dispatch,
+      children
+    })
+  });
+};
+Section.displayName = "JVR.Section";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/store.js
+import { jsx as _jsx7 } from "react/jsx-runtime";
+var initialState6 = {
+  objectSortKeys: false,
+  indentWidth: 15
+};
+var Context6 = /* @__PURE__ */ createContext6(initialState6);
+Context6.displayName = "JVR.Context";
+var DispatchContext = /* @__PURE__ */ createContext6(() => {
+});
+DispatchContext.displayName = "JVR.DispatchContext";
+function reducer6(state, action) {
+  return (0, import_extends7.default)({}, state, action);
+}
+var useStore = () => {
+  return useContext6(Context6);
+};
+var Provider = (_ref) => {
+  var {
+    children,
+    initialState: init,
+    initialTypes
+  } = _ref;
+  var [state, dispatch] = useReducer6(reducer6, Object.assign({}, initialState6, init));
+  var [showTools, showToolsDispatch] = useShowTools();
+  var [expands, expandsDispatch] = useExpands();
+  var [types, typesDispatch] = useTypes();
+  var [symbols, symbolsDispatch] = useSymbols();
+  var [section, sectionDispatch] = useSection();
+  useEffect(() => dispatch((0, import_extends7.default)({}, init)), [init]);
+  return /* @__PURE__ */ _jsx7(Context6.Provider, {
+    value: state,
+    children: /* @__PURE__ */ _jsx7(DispatchContext.Provider, {
+      value: dispatch,
+      children: /* @__PURE__ */ _jsx7(ShowTools, {
+        initial: showTools,
+        dispatch: showToolsDispatch,
+        children: /* @__PURE__ */ _jsx7(Expands, {
+          initial: expands,
+          dispatch: expandsDispatch,
+          children: /* @__PURE__ */ _jsx7(Types, {
+            initial: (0, import_extends7.default)({}, types, initialTypes),
+            dispatch: typesDispatch,
+            children: /* @__PURE__ */ _jsx7(Symbols, {
+              initial: symbols,
+              dispatch: symbolsDispatch,
+              children: /* @__PURE__ */ _jsx7(Section, {
+                initial: section,
+                dispatch: sectionDispatch,
+                children
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+};
+Provider.displayName = "JVR.Provider";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/Container.js
+var import_extends20 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose10 = __toESM(require_objectWithoutPropertiesLoose());
+import React4, { forwardRef, useId as useId2 } from "react";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/index.js
+var import_objectDestructuringEmpty = __toESM(require_objectDestructuringEmpty());
+var import_extends8 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose2 = __toESM(require_objectWithoutPropertiesLoose());
+import { jsx as _jsx8 } from "react/jsx-runtime";
+var _excluded2 = ["isNumber"];
+var _excluded22 = ["as", "render"];
+var _excluded3 = ["as", "render"];
+var _excluded4 = ["as", "render"];
+var _excluded5 = ["as", "style", "render"];
+var _excluded6 = ["as", "render"];
+var _excluded7 = ["as", "render"];
+var _excluded8 = ["as", "render"];
+var _excluded9 = ["as", "render"];
+var Quote = (props) => {
+  var {
+    Quote: Comp = {}
+  } = useSymbolsStore();
+  var {
+    isNumber
+  } = props, other = (0, import_objectWithoutPropertiesLoose2.default)(props, _excluded2);
+  if (isNumber)
+    return null;
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose2.default)(Comp, _excluded22);
+  var Elm = as || "span";
+  var elmProps = (0, import_extends8.default)({}, other, reset);
+  var child = render && typeof render === "function" && render(elmProps);
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx8(Elm, (0, import_extends8.default)({}, elmProps));
+};
+Quote.displayName = "JVR.Quote";
+var ValueQuote = (props) => {
+  var {
+    ValueQuote: Comp = {}
+  } = useSymbolsStore();
+  var other = (0, import_extends8.default)({}, ((0, import_objectDestructuringEmpty.default)(props), props));
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose2.default)(Comp, _excluded3);
+  var Elm = as || "span";
+  var elmProps = (0, import_extends8.default)({}, other, reset);
+  var child = render && typeof render === "function" && render(elmProps);
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx8(Elm, (0, import_extends8.default)({}, elmProps));
+};
+ValueQuote.displayName = "JVR.ValueQuote";
+var Colon = () => {
+  var {
+    Colon: Comp = {}
+  } = useSymbolsStore();
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose2.default)(Comp, _excluded4);
+  var Elm = as || "span";
+  var child = render && typeof render === "function" && render(reset);
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx8(Elm, (0, import_extends8.default)({}, reset));
+};
+Colon.displayName = "JVR.Colon";
+var Arrow = (props) => {
+  var {
+    Arrow: Comp = {}
+  } = useSymbolsStore();
+  var expands = useExpandsStore();
+  var {
+    expandKey
+  } = props;
+  var isExpanded = !!expands[expandKey];
+  var {
+    as,
+    style,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose2.default)(Comp, _excluded5);
+  var Elm = as || "span";
+  var isRender = render && typeof render === "function";
+  var child = isRender && render((0, import_extends8.default)({}, reset, {
+    "data-expanded": isExpanded,
+    style: (0, import_extends8.default)({}, style, props.style)
+  }));
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx8(Elm, (0, import_extends8.default)({}, reset, {
+    style: (0, import_extends8.default)({}, style, props.style)
+  }));
+};
+Arrow.displayName = "JVR.Arrow";
+var BracketsOpen = (_ref) => {
+  var {
+    isBrackets
+  } = _ref;
+  var {
+    BracketsLeft: BracketsLeft2 = {},
+    BraceLeft: BraceLeft2 = {}
+  } = useSymbolsStore();
+  if (isBrackets) {
+    var {
+      as,
+      render: _render
+    } = BracketsLeft2, reset = (0, import_objectWithoutPropertiesLoose2.default)(BracketsLeft2, _excluded6);
+    var BracketsLeftComp = as || "span";
+    var _child = _render && typeof _render === "function" && _render(reset);
+    if (_child)
+      return _child;
+    return /* @__PURE__ */ _jsx8(BracketsLeftComp, (0, import_extends8.default)({}, reset));
+  }
+  var {
+    as: elm,
+    render
+  } = BraceLeft2, props = (0, import_objectWithoutPropertiesLoose2.default)(BraceLeft2, _excluded7);
+  var BraceLeftComp = elm || "span";
+  var child = render && typeof render === "function" && render(props);
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx8(BraceLeftComp, (0, import_extends8.default)({}, props));
+};
+BracketsOpen.displayName = "JVR.BracketsOpen";
+var BracketsClose = (_ref2) => {
+  var {
+    isBrackets,
+    isVisiable
+  } = _ref2;
+  if (!isVisiable)
+    return null;
+  var {
+    BracketsRight: BracketsRight2 = {},
+    BraceRight: BraceRight2 = {}
+  } = useSymbolsStore();
+  if (isBrackets) {
+    var {
+      as,
+      render: _render2
+    } = BracketsRight2, _reset = (0, import_objectWithoutPropertiesLoose2.default)(BracketsRight2, _excluded8);
+    var BracketsRightComp = as || "span";
+    var _child2 = _render2 && typeof _render2 === "function" && _render2(_reset);
+    if (_child2)
+      return _child2;
+    return /* @__PURE__ */ _jsx8(BracketsRightComp, (0, import_extends8.default)({}, _reset));
+  }
+  var {
+    as: elm,
+    render
+  } = BraceRight2, reset = (0, import_objectWithoutPropertiesLoose2.default)(BraceRight2, _excluded9);
+  var BraceRightComp = elm || "span";
+  var child = render && typeof render === "function" && render(reset);
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx8(BraceRightComp, (0, import_extends8.default)({}, reset));
+};
+BracketsClose.displayName = "JVR.BracketsClose";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/NestedClose.js
+import { jsx as _jsx9 } from "react/jsx-runtime";
+var NestedClose = (props) => {
+  var _expands$expandKey;
+  var {
+    value,
+    expandKey,
+    level
+  } = props;
+  var expands = useExpandsStore();
+  var isArray = Array.isArray(value);
+  var {
+    collapsed
+  } = useStore();
+  var isMySet = value instanceof Set;
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : typeof collapsed === "boolean" ? collapsed : typeof collapsed === "number" ? level > collapsed : false;
+  var len = Object.keys(value).length;
+  if (isExpanded || len === 0) {
+    return null;
+  }
+  var style = {
+    paddingLeft: 4
+  };
+  return /* @__PURE__ */ _jsx9("div", {
+    style,
+    children: /* @__PURE__ */ _jsx9(BracketsClose, {
+      isBrackets: isArray || isMySet,
+      isVisiable: true
+    })
+  });
+};
+NestedClose.displayName = "JVR.NestedClose";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/NestedOpen.js
+var import_extends19 = __toESM(require_extends());
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/KeyValues.js
+var import_extends15 = __toESM(require_extends());
+import { Fragment as Fragment2, useId, useRef as useRef2 } from "react";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/Value.js
+var import_extends10 = __toESM(require_extends());
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/index.js
+var import_extends9 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose3 = __toESM(require_objectWithoutPropertiesLoose());
+import { Fragment, useEffect as useEffect2, useState } from "react";
+import { jsx as _jsx10, jsxs as _jsxs } from "react/jsx-runtime";
+var _excluded10 = ["as", "render"];
+var _excluded23 = ["as", "render"];
+var _excluded32 = ["as", "render"];
+var _excluded42 = ["as", "render"];
+var _excluded52 = ["as", "render"];
+var _excluded62 = ["as", "render"];
+var _excluded72 = ["as", "render"];
+var _excluded82 = ["as", "render"];
+var _excluded92 = ["as", "render"];
+var _excluded102 = ["as", "render"];
+var _excluded11 = ["as", "render"];
+var _excluded12 = ["as", "render"];
+var _excluded13 = ["as", "render"];
+var bigIntToString = (bi) => {
+  if (bi === void 0) {
+    return "0n";
+  } else if (typeof bi === "string") {
+    try {
+      bi = BigInt(bi);
+    } catch (e) {
+      return "0n";
+    }
+  }
+  return bi ? bi.toString() + "n" : "0n";
+};
+var SetComp = (_ref) => {
+  var {
+    value,
+    keyName
+  } = _ref;
+  var {
+    Set: Comp = {},
+    displayDataTypes
+  } = useTypesStore();
+  var isSet = value instanceof Set;
+  if (!isSet || !displayDataTypes)
+    return null;
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose3.default)(Comp, _excluded10);
+  var isRender = render && typeof render === "function";
+  var type = isRender && render(reset, {
+    type: "type",
+    value,
+    keyName
+  });
+  if (type)
+    return type;
+  var Elm = as || "span";
+  return /* @__PURE__ */ _jsx10(Elm, (0, import_extends9.default)({}, reset));
+};
+SetComp.displayName = "JVR.SetComp";
+var MapComp = (_ref2) => {
+  var {
+    value,
+    keyName
+  } = _ref2;
+  var {
+    Map: Comp = {},
+    displayDataTypes
+  } = useTypesStore();
+  var isMap = value instanceof Map;
+  if (!isMap || !displayDataTypes)
+    return null;
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose3.default)(Comp, _excluded23);
+  var isRender = render && typeof render === "function";
+  var type = isRender && render(reset, {
+    type: "type",
+    value,
+    keyName
+  });
+  if (type)
+    return type;
+  var Elm = as || "span";
+  return /* @__PURE__ */ _jsx10(Elm, (0, import_extends9.default)({}, reset));
+};
+MapComp.displayName = "JVR.MapComp";
+var defalutStyle = {
+  opacity: 0.75,
+  paddingRight: 4
+};
+var TypeString = (_ref3) => {
+  var {
+    children = "",
+    keyName
+  } = _ref3;
+  var {
+    Str = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    shortenTextAfterLength: length = 30
+  } = useStore();
+  var {
+    as,
+    render
+  } = Str, reset = (0, import_objectWithoutPropertiesLoose3.default)(Str, _excluded32);
+  var childrenStr = children;
+  var [shorten, setShorten] = useState(length && childrenStr.length >= length);
+  useEffect2(() => setShorten(length && childrenStr.length >= length), [length]);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Str.style || {});
+  if (length > 0) {
+    reset.style = (0, import_extends9.default)({}, reset.style, {
+      cursor: childrenStr.length <= length ? "initial" : "pointer"
+    });
+    if (childrenStr.length > length) {
+      reset.onClick = () => {
+        setShorten(!shorten);
+      };
+    }
+  }
+  var text = shorten ? childrenStr.slice(0, length) + "..." : childrenStr;
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children: text,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsxs(Fragment, {
+      children: [/* @__PURE__ */ _jsx10(ValueQuote, {}), /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+        className: "w-rjv-value",
+        children: text
+      })), /* @__PURE__ */ _jsx10(ValueQuote, {})]
+    })]
+  });
+};
+TypeString.displayName = "JVR.TypeString";
+var TypeTrue = (_ref4) => {
+  var {
+    children,
+    keyName
+  } = _ref4;
+  var {
+    True: True2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = True2, reset = (0, import_objectWithoutPropertiesLoose3.default)(True2, _excluded42);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, True2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    }))]
+  });
+};
+TypeTrue.displayName = "JVR.TypeTrue";
+var TypeFalse = (_ref5) => {
+  var {
+    children,
+    keyName
+  } = _ref5;
+  var {
+    False: False2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = False2, reset = (0, import_objectWithoutPropertiesLoose3.default)(False2, _excluded52);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, False2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    }))]
+  });
+};
+TypeFalse.displayName = "JVR.TypeFalse";
+var TypeFloat = (_ref6) => {
+  var {
+    children,
+    keyName
+  } = _ref6;
+  var {
+    Float: Float2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = Float2, reset = (0, import_objectWithoutPropertiesLoose3.default)(Float2, _excluded62);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Float2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    }))]
+  });
+};
+TypeFloat.displayName = "JVR.TypeFloat";
+var TypeInt = (_ref7) => {
+  var {
+    children,
+    keyName
+  } = _ref7;
+  var {
+    Int: Int2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = Int2, reset = (0, import_objectWithoutPropertiesLoose3.default)(Int2, _excluded72);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Int2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    }))]
+  });
+};
+TypeInt.displayName = "JVR.TypeInt";
+var TypeBigint = (_ref8) => {
+  var {
+    children,
+    keyName
+  } = _ref8;
+  var {
+    Bigint: CompBigint = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = CompBigint, reset = (0, import_objectWithoutPropertiesLoose3.default)(CompBigint, _excluded82);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, CompBigint.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      className: "w-rjv-value",
+      children: bigIntToString(children == null ? void 0 : children.toString())
+    }))]
+  });
+};
+TypeBigint.displayName = "JVR.TypeFloat";
+var TypeUrl = (_ref9) => {
+  var {
+    children,
+    keyName
+  } = _ref9;
+  var {
+    Url: Url2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = Url2, reset = (0, import_objectWithoutPropertiesLoose3.default)(Url2, _excluded92);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Url2.style);
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children: children == null ? void 0 : children.href,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsxs("a", (0, import_extends9.default)({
+      href: children == null ? void 0 : children.href,
+      target: "_blank"
+    }, reset, {
+      className: "w-rjv-value",
+      children: [/* @__PURE__ */ _jsx10(ValueQuote, {}), children == null ? void 0 : children.href, /* @__PURE__ */ _jsx10(ValueQuote, {})]
+    }))]
+  });
+};
+TypeUrl.displayName = "JVR.TypeUrl";
+var TypeDate = (_ref10) => {
+  var {
+    children,
+    keyName
+  } = _ref10;
+  var {
+    Date: CompData = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = CompData, reset = (0, import_objectWithoutPropertiesLoose3.default)(CompData, _excluded102);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, CompData.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var childStr = children instanceof Date ? children.toLocaleString() : children;
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children: childStr,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      className: "w-rjv-value",
+      children: childStr
+    }))]
+  });
+};
+TypeDate.displayName = "JVR.TypeDate";
+var TypeUndefined = (_ref11) => {
+  var {
+    children,
+    keyName
+  } = _ref11;
+  var {
+    Undefined: Undefined2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = Undefined2, reset = (0, import_objectWithoutPropertiesLoose3.default)(Undefined2, _excluded11);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Undefined2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child]
+  });
+};
+TypeUndefined.displayName = "JVR.TypeUndefined";
+var TypeNull = (_ref12) => {
+  var {
+    children,
+    keyName
+  } = _ref12;
+  var {
+    Null: Null2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = Null2, reset = (0, import_objectWithoutPropertiesLoose3.default)(Null2, _excluded12);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Null2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children,
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child]
+  });
+};
+TypeNull.displayName = "JVR.TypeNull";
+var TypeNan = (_ref13) => {
+  var {
+    children,
+    keyName
+  } = _ref13;
+  var {
+    Nan: Nan2 = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    as,
+    render
+  } = Nan2, reset = (0, import_objectWithoutPropertiesLoose3.default)(Nan2, _excluded13);
+  var Comp = as || "span";
+  var style = (0, import_extends9.default)({}, defalutStyle, Nan2.style || {});
+  var isRender = render && typeof render === "function";
+  var type = isRender && render((0, import_extends9.default)({}, reset, {
+    style
+  }), {
+    type: "type",
+    value: children,
+    keyName
+  });
+  var child = isRender && render((0, import_extends9.default)({}, reset, {
+    children: children == null ? void 0 : children.toString(),
+    className: "w-rjv-value"
+  }), {
+    type: "value",
+    value: children,
+    keyName
+  });
+  return /* @__PURE__ */ _jsxs(Fragment, {
+    children: [displayDataTypes && (type || /* @__PURE__ */ _jsx10(Comp, (0, import_extends9.default)({}, reset, {
+      style
+    }))), child]
+  });
+};
+TypeNan.displayName = "JVR.TypeNan";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/Value.js
+import { jsx as _jsx11 } from "react/jsx-runtime";
+var isFloat = (n) => Number(n) === n && n % 1 !== 0 || isNaN(n);
+var Value = (props) => {
+  var {
+    value,
+    keyName
+  } = props;
+  var reset = {
+    keyName
+  };
+  if (value instanceof URL) {
+    return /* @__PURE__ */ _jsx11(TypeUrl, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (typeof value === "string") {
+    return /* @__PURE__ */ _jsx11(TypeString, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (value === true) {
+    return /* @__PURE__ */ _jsx11(TypeTrue, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (value === false) {
+    return /* @__PURE__ */ _jsx11(TypeFalse, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (value === null) {
+    return /* @__PURE__ */ _jsx11(TypeNull, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (value === void 0) {
+    return /* @__PURE__ */ _jsx11(TypeUndefined, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (value instanceof Date) {
+    return /* @__PURE__ */ _jsx11(TypeDate, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  if (typeof value === "number" && isNaN(value)) {
+    return /* @__PURE__ */ _jsx11(TypeNan, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  } else if (typeof value === "number" && isFloat(value)) {
+    return /* @__PURE__ */ _jsx11(TypeFloat, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  } else if (typeof value === "bigint") {
+    return /* @__PURE__ */ _jsx11(TypeBigint, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  } else if (typeof value === "number") {
+    return /* @__PURE__ */ _jsx11(TypeInt, (0, import_extends10.default)({}, reset, {
+      children: value
+    }));
+  }
+  return null;
+};
+Value.displayName = "JVR.Value";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/KeyName.js
+var import_extends12 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose4 = __toESM(require_objectWithoutPropertiesLoose());
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/utils/useRender.js
+var import_extends11 = __toESM(require_extends());
+import { useEffect as useEffect3 } from "react";
+function useSymbolsRender(currentProps, props, key) {
+  var dispatch = useSymbolsDispatch();
+  var cls = [currentProps.className, props.className].filter(Boolean).join(" ");
+  var reset = (0, import_extends11.default)({}, currentProps, props, {
+    className: cls,
+    style: (0, import_extends11.default)({}, currentProps.style, props.style),
+    children: props.children || currentProps.children
+  });
+  useEffect3(() => dispatch({
+    [key]: reset
+  }), [props]);
+}
+function useTypesRender(currentProps, props, key) {
+  var dispatch = useTypesDispatch();
+  var cls = [currentProps.className, props.className].filter(Boolean).join(" ");
+  var reset = (0, import_extends11.default)({}, currentProps, props, {
+    className: cls,
+    style: (0, import_extends11.default)({}, currentProps.style, props.style),
+    children: props.children || currentProps.children
+  });
+  useEffect3(() => dispatch({
+    [key]: reset
+  }), [props]);
+}
+function useSectionRender(currentProps, props, key) {
+  var dispatch = useSectionDispatch();
+  var cls = [currentProps.className, props.className].filter(Boolean).join(" ");
+  var reset = (0, import_extends11.default)({}, currentProps, props, {
+    className: cls,
+    style: (0, import_extends11.default)({}, currentProps.style, props.style),
+    children: props.children || currentProps.children
+  });
+  useEffect3(() => dispatch({
+    [key]: reset
+  }), [props]);
+}
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/KeyName.js
+import { jsx as _jsx12 } from "react/jsx-runtime";
+var _excluded14 = ["as", "render"];
+var KeyName = (props) => {
+  var {
+    KeyName: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, "KeyName");
+  return null;
+};
+KeyName.displayName = "JVR.KeyName";
+var KeyNameComp = (props) => {
+  var {
+    children,
+    value,
+    parentValue,
+    keyName,
+    keys
+  } = props;
+  var isNumber = typeof children === "number";
+  var style = {
+    color: isNumber ? "var(--w-rjv-key-number, #268bd2)" : "var(--w-rjv-key-string, #002b36)"
+  };
+  var {
+    KeyName: Comp = {}
+  } = useSectionStore();
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose4.default)(Comp, _excluded14);
+  reset.style = (0, import_extends12.default)({}, reset.style, style);
+  var Elm = as || "span";
+  var child = render && typeof render === "function" && render((0, import_extends12.default)({}, reset, {
+    children
+  }), {
+    value,
+    parentValue,
+    keyName,
+    keys: keys || (keyName ? [keyName] : [])
+  });
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx12(Elm, (0, import_extends12.default)({}, reset, {
+    children
+  }));
+};
+KeyNameComp.displayName = "JVR.KeyNameComp";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/Row.js
+var import_extends13 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose5 = __toESM(require_objectWithoutPropertiesLoose());
+import { jsx as _jsx13 } from "react/jsx-runtime";
+var _excluded15 = ["children", "value", "parentValue", "keyName", "keys"];
+var _excluded24 = ["as", "render", "children"];
+var Row = (props) => {
+  var {
+    Row: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, "Row");
+  return null;
+};
+Row.displayName = "JVR.Row";
+var RowComp = (props) => {
+  var {
+    children,
+    value,
+    parentValue,
+    keyName,
+    keys
+  } = props, other = (0, import_objectWithoutPropertiesLoose5.default)(props, _excluded15);
+  var {
+    Row: Comp = {}
+  } = useSectionStore();
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose5.default)(Comp, _excluded24);
+  var Elm = as || "div";
+  var child = render && typeof render === "function" && render((0, import_extends13.default)({}, other, reset, {
+    children
+  }), {
+    value,
+    keyName,
+    parentValue,
+    keys
+  });
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx13(Elm, (0, import_extends13.default)({}, other, reset, {
+    children
+  }));
+};
+RowComp.displayName = "JVR.RowComp";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/utils/useHighlight.js
+import { useMemo, useRef, useEffect as useEffect4 } from "react";
+function usePrevious(value) {
+  var ref = useRef();
+  useEffect4(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
+function useHighlight(_ref) {
+  var {
+    value,
+    highlightUpdates,
+    highlightContainer
+  } = _ref;
+  var prevValue = usePrevious(value);
+  var isHighlight = useMemo(() => {
+    if (!highlightUpdates || prevValue === void 0)
+      return false;
+    if (typeof value !== typeof prevValue) {
+      return true;
+    }
+    if (typeof value === "number") {
+      if (isNaN(value) && isNaN(prevValue))
+        return false;
+      return value !== prevValue;
+    }
+    if (Array.isArray(value) !== Array.isArray(prevValue)) {
+      return true;
+    }
+    if (typeof value === "object" || typeof value === "function") {
+      return false;
+    }
+    if (value !== prevValue) {
+      return true;
+    }
+  }, [highlightUpdates, value]);
+  useEffect4(() => {
+    if (highlightContainer && highlightContainer.current && isHighlight && "animate" in highlightContainer.current) {
+      highlightContainer.current.animate([{
+        backgroundColor: "var(--w-rjv-update-color, #ebcb8b)"
+      }, {
+        backgroundColor: ""
+      }], {
+        duration: 1e3,
+        easing: "ease-in"
+      });
+    }
+  }, [isHighlight, value, highlightContainer]);
+}
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/Copied.js
+var import_extends14 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose6 = __toESM(require_objectWithoutPropertiesLoose());
+import { useState as useState2 } from "react";
+import { jsx as _jsx14 } from "react/jsx-runtime";
+var _excluded16 = ["keyName", "value", "parentValue", "expandKey", "keys"];
+var _excluded25 = ["as", "render"];
+var Copied = (props) => {
+  var {
+    keyName,
+    value,
+    parentValue,
+    expandKey,
+    keys
+  } = props, other = (0, import_objectWithoutPropertiesLoose6.default)(props, _excluded16);
+  var {
+    onCopied,
+    enableClipboard
+  } = useStore();
+  var showTools = useShowToolsStore();
+  var isShowTools = showTools[expandKey];
+  var [copied, setCopied] = useState2(false);
+  var {
+    Copied: Comp = {}
+  } = useSectionStore();
+  if (enableClipboard === false || !isShowTools)
+    return null;
+  var click = (event) => {
+    event.stopPropagation();
+    var copyText = "";
+    if (typeof value === "number" && value === Infinity) {
+      copyText = "Infinity";
+    } else if (typeof value === "number" && isNaN(value)) {
+      copyText = "NaN";
+    } else if (typeof value === "bigint") {
+      copyText = bigIntToString(value);
+    } else if (value instanceof Date) {
+      copyText = value.toLocaleString();
+    } else {
+      copyText = JSON.stringify(value, (_, v) => typeof v === "bigint" ? bigIntToString(v) : v, 2);
+    }
+    onCopied && onCopied(copyText, value);
+    setCopied(true);
+    navigator.clipboard.writeText(copyText).then(() => {
+      var timer = setTimeout(() => {
+        setCopied(false);
+        clearTimeout(timer);
+      }, 3e3);
+    }).catch((error) => {
+    });
+  };
+  var svgProps = {
+    style: {
+      display: "inline-flex"
+    },
+    fill: copied ? "var(--w-rjv-copied-success-color, #28a745)" : "var(--w-rjv-copied-color, currentColor)",
+    onClick: click
+  };
+  var {
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose6.default)(Comp, _excluded25);
+  var elmProps = (0, import_extends14.default)({}, reset, other, svgProps, {
+    style: (0, import_extends14.default)({}, reset.style, other.style, svgProps.style)
+  });
+  var isRender = render && typeof render === "function";
+  var child = isRender && render((0, import_extends14.default)({}, elmProps, {
+    "data-copied": copied
+  }), {
+    value,
+    keyName,
+    keys,
+    parentValue
+  });
+  if (child)
+    return child;
+  if (copied) {
+    return /* @__PURE__ */ _jsx14("svg", (0, import_extends14.default)({
+      viewBox: "0 0 32 36"
+    }, elmProps, {
+      children: /* @__PURE__ */ _jsx14("path", {
+        d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,15.2249049 C29.1403264,13.8627542 29.9736597,13.1778155 30,13.1700887 C30,11.9705278 30,10.0804982 30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,26.1114493 L27.5,28.4926435 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M28.5589286,16 L32,19.6 L21.0160714,30.5382252 L13.5303571,24.2571429 L17.1303571,20.6571429 L21.0160714,24.5428571 L28.5589286,16 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"
+      })
+    }));
+  }
+  return /* @__PURE__ */ _jsx14("svg", (0, import_extends14.default)({
+    viewBox: "0 0 32 36"
+  }, elmProps, {
+    children: /* @__PURE__ */ _jsx14("path", {
+      d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,20 L30,20 L30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,29 L27.5,29 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M22.5,21.5 L22.5,16.5 L12.5,24 L22.5,31.5 L22.5,26.5 L32,26.5 L32,21.5 L22.5,21.5 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"
+    })
+  }));
+};
+Copied.displayName = "JVR.Copied";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/KeyValues.js
+import { jsx as _jsx15, jsxs as _jsxs2 } from "react/jsx-runtime";
+var KeyValues = (props) => {
+  var _expands$expandKey;
+  var {
+    value,
+    expandKey = "",
+    level,
+    keys = []
+  } = props;
+  var expands = useExpandsStore();
+  var {
+    objectSortKeys,
+    indentWidth,
+    collapsed
+  } = useStore();
+  var isMyArray = Array.isArray(value);
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : typeof collapsed === "boolean" ? collapsed : typeof collapsed === "number" ? level > collapsed : false;
+  if (isExpanded) {
+    return null;
+  }
+  var entries = isMyArray ? Object.entries(value).map((m) => [Number(m[0]), m[1]]) : Object.entries(value);
+  if (objectSortKeys) {
+    entries = objectSortKeys === true ? entries.sort((_ref, _ref2) => {
+      var [a] = _ref;
+      var [b] = _ref2;
+      return typeof a === "string" && typeof b === "string" ? a.localeCompare(b) : 0;
+    }) : entries.sort((_ref3, _ref4) => {
+      var [a, valA] = _ref3;
+      var [b, valB] = _ref4;
+      return typeof a === "string" && typeof b === "string" ? objectSortKeys(a, b, valA, valB) : 0;
+    });
+  }
+  var style = {
+    borderLeft: "var(--w-rjv-border-left-width, 1px) var(--w-rjv-line-style, solid) var(--w-rjv-line-color, #ebebeb)",
+    paddingLeft: indentWidth,
+    marginLeft: 6
+  };
+  return /* @__PURE__ */ _jsx15("div", {
+    className: "w-rjv-wrap",
+    style,
+    children: entries.map((_ref5, idx) => {
+      var [key, val] = _ref5;
+      return /* @__PURE__ */ _jsx15(KeyValuesItem, {
+        parentValue: value,
+        keyName: key,
+        keys: [...keys, key],
+        value: val,
+        level
+      }, idx);
+    })
+  });
+};
+KeyValues.displayName = "JVR.KeyValues";
+var KayName = (props) => {
+  var {
+    keyName,
+    parentValue,
+    keys,
+    value
+  } = props;
+  var {
+    highlightUpdates
+  } = useStore();
+  var isNumber = typeof keyName === "number";
+  var highlightContainer = useRef2(null);
+  useHighlight({
+    value,
+    highlightUpdates,
+    highlightContainer
+  });
+  return /* @__PURE__ */ _jsxs2(Fragment2, {
+    children: [/* @__PURE__ */ _jsxs2("span", {
+      ref: highlightContainer,
+      children: [/* @__PURE__ */ _jsx15(Quote, {
+        isNumber,
+        "data-placement": "left"
+      }), /* @__PURE__ */ _jsx15(KeyNameComp, {
+        keyName,
+        value,
+        keys,
+        parentValue,
+        children: keyName
+      }), /* @__PURE__ */ _jsx15(Quote, {
+        isNumber,
+        "data-placement": "right"
+      })]
+    }), /* @__PURE__ */ _jsx15(Colon, {})]
+  });
+};
+KayName.displayName = "JVR.KayName";
+var KeyValuesItem = (props) => {
+  var {
+    keyName,
+    value,
+    parentValue,
+    level = 0,
+    keys = []
+  } = props;
+  var dispatch = useShowToolsDispatch();
+  var subkeyid = useId();
+  var isMyArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
+  var isMyMap = value instanceof Map;
+  var isDate = value instanceof Date;
+  var isUrl = value instanceof URL;
+  var isMyObject = value && typeof value === "object" && !isMyArray && !isMySet && !isMyMap && !isDate && !isUrl;
+  var isNested = isMyObject || isMyArray || isMySet || isMyMap;
+  if (isNested) {
+    var myValue = isMySet ? Array.from(value) : isMyMap ? Object.fromEntries(value) : value;
+    return /* @__PURE__ */ _jsx15(Container, {
+      keyName,
+      value: myValue,
+      parentValue,
+      initialValue: value,
+      keys,
+      level: level + 1
+    });
+  }
+  var reset = {
+    onMouseEnter: () => dispatch({
+      [subkeyid]: true
+    }),
+    onMouseLeave: () => dispatch({
+      [subkeyid]: false
+    })
+  };
+  return /* @__PURE__ */ _jsxs2(RowComp, (0, import_extends15.default)({
+    className: "w-rjv-line",
+    value,
+    keyName,
+    keys,
+    parentValue
+  }, reset, {
+    children: [/* @__PURE__ */ _jsx15(KayName, {
+      keyName,
+      value,
+      keys,
+      parentValue
+    }), /* @__PURE__ */ _jsx15(Value, {
+      keyName,
+      value
+    }), /* @__PURE__ */ _jsx15(Copied, {
+      keyName,
+      value,
+      keys,
+      parentValue,
+      expandKey: subkeyid
+    })]
+  }));
+};
+KeyValuesItem.displayName = "JVR.KeyValuesItem";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/CountInfoExtra.js
+var import_extends16 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose7 = __toESM(require_objectWithoutPropertiesLoose());
+import { jsx as _jsx16 } from "react/jsx-runtime";
+var _excluded17 = ["value", "keyName"];
+var _excluded26 = ["as", "render"];
+var CountInfoExtra = (props) => {
+  var {
+    CountInfoExtra: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, "CountInfoExtra");
+  return null;
+};
+CountInfoExtra.displayName = "JVR.CountInfoExtra";
+var CountInfoExtraComps = (props) => {
+  var {
+    value = {},
+    keyName
+  } = props, other = (0, import_objectWithoutPropertiesLoose7.default)(props, _excluded17);
+  var {
+    CountInfoExtra: Comp = {}
+  } = useSectionStore();
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose7.default)(Comp, _excluded26);
+  if (!render && !reset.children)
+    return null;
+  var Elm = as || "span";
+  var isRender = render && typeof render === "function";
+  var elmProps = (0, import_extends16.default)({}, reset, other);
+  var child = isRender && render(elmProps, {
+    value,
+    keyName
+  });
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx16(Elm, (0, import_extends16.default)({}, elmProps));
+};
+CountInfoExtraComps.displayName = "JVR.CountInfoExtraComps";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/CountInfo.js
+var import_extends17 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose8 = __toESM(require_objectWithoutPropertiesLoose());
+import { jsx as _jsx17 } from "react/jsx-runtime";
+var _excluded18 = ["value", "keyName"];
+var _excluded27 = ["as", "render"];
+var CountInfo = (props) => {
+  var {
+    CountInfo: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, "CountInfo");
+  return null;
+};
+CountInfo.displayName = "JVR.CountInfo";
+var CountInfoComp = (props) => {
+  var {
+    value = {},
+    keyName
+  } = props, other = (0, import_objectWithoutPropertiesLoose8.default)(props, _excluded18);
+  var {
+    displayObjectSize
+  } = useStore();
+  var {
+    CountInfo: Comp = {}
+  } = useSectionStore();
+  if (!displayObjectSize)
+    return null;
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose8.default)(Comp, _excluded27);
+  var Elm = as || "span";
+  reset.style = (0, import_extends17.default)({}, reset.style, props.style);
+  var len = Object.keys(value).length;
+  if (!reset.children) {
+    reset.children = len + " item" + (len === 1 ? "" : "s");
+  }
+  var elmProps = (0, import_extends17.default)({}, reset, other);
+  var isRender = render && typeof render === "function";
+  var child = isRender && render((0, import_extends17.default)({}, elmProps, {
+    "data-length": len
+  }), {
+    value,
+    keyName
+  });
+  if (child)
+    return child;
+  return /* @__PURE__ */ _jsx17(Elm, (0, import_extends17.default)({}, elmProps));
+};
+CountInfoComp.displayName = "JVR.CountInfoComp";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/Ellipsis.js
+var import_extends18 = __toESM(require_extends());
+var import_objectWithoutPropertiesLoose9 = __toESM(require_objectWithoutPropertiesLoose());
+import { jsx as _jsx18 } from "react/jsx-runtime";
+var _excluded19 = ["as", "render"];
+var Ellipsis = (props) => {
+  var {
+    Ellipsis: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, "Ellipsis");
+  return null;
+};
+Ellipsis.displayName = "JVR.Ellipsis";
+var EllipsisComp = (_ref) => {
+  var {
+    isExpanded,
+    value,
+    keyName
+  } = _ref;
+  var {
+    Ellipsis: Comp = {}
+  } = useSectionStore();
+  var {
+    as,
+    render
+  } = Comp, reset = (0, import_objectWithoutPropertiesLoose9.default)(Comp, _excluded19);
+  var Elm = as || "span";
+  var child = render && typeof render === "function" && render((0, import_extends18.default)({}, reset, {
+    "data-expanded": isExpanded
+  }), {
+    value,
+    keyName
+  });
+  if (child)
+    return child;
+  if (!isExpanded || typeof value === "object" && Object.keys(value).length == 0)
+    return null;
+  return /* @__PURE__ */ _jsx18(Elm, (0, import_extends18.default)({}, reset));
+};
+EllipsisComp.displayName = "JVR.EllipsisComp";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/comps/NestedOpen.js
+import { jsx as _jsx19, jsxs as _jsxs3 } from "react/jsx-runtime";
+var NestedOpen = (props) => {
+  var _expands$expandKey;
+  var {
+    keyName,
+    expandKey,
+    keys,
+    initialValue,
+    value,
+    parentValue,
+    level
+  } = props;
+  var expands = useExpandsStore();
+  var dispatchExpands = useExpandsDispatch();
+  var {
+    onExpand,
+    collapsed
+  } = useStore();
+  var isArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : typeof collapsed === "boolean" ? collapsed : typeof collapsed === "number" ? level > collapsed : false;
+  var isObject = typeof value === "object";
+  var click = () => {
+    var opt = {
+      expand: !isExpanded,
+      value,
+      keyid: expandKey,
+      keyName
+    };
+    onExpand && onExpand(opt);
+    dispatchExpands({
+      [expandKey]: opt.expand
+    });
+  };
+  var style = {
+    display: "inline-flex",
+    alignItems: "center"
+  };
+  var arrowStyle = {
+    transform: "rotate(" + (!isExpanded ? "0" : "-90") + "deg)",
+    transition: "all 0.3s"
+  };
+  var len = Object.keys(value).length;
+  var showArrow = len !== 0 && (isArray || isMySet || isObject);
+  var reset = {
+    style
+  };
+  if (showArrow) {
+    reset.onClick = click;
+  }
+  return /* @__PURE__ */ _jsxs3("span", (0, import_extends19.default)({}, reset, {
+    children: [showArrow && /* @__PURE__ */ _jsx19(Arrow, {
+      style: arrowStyle,
+      expandKey
+    }), (keyName || typeof keyName === "number") && /* @__PURE__ */ _jsx19(KayName, {
+      keyName
+    }), /* @__PURE__ */ _jsx19(SetComp, {
+      value: initialValue,
+      keyName
+    }), /* @__PURE__ */ _jsx19(MapComp, {
+      value: initialValue,
+      keyName
+    }), /* @__PURE__ */ _jsx19(BracketsOpen, {
+      isBrackets: isArray || isMySet
+    }), /* @__PURE__ */ _jsx19(EllipsisComp, {
+      keyName,
+      value,
+      isExpanded
+    }), /* @__PURE__ */ _jsx19(BracketsClose, {
+      isVisiable: isExpanded || !showArrow,
+      isBrackets: isArray || isMySet
+    }), /* @__PURE__ */ _jsx19(CountInfoComp, {
+      value,
+      keyName
+    }), /* @__PURE__ */ _jsx19(CountInfoExtraComps, {
+      value,
+      keyName
+    }), /* @__PURE__ */ _jsx19(Copied, {
+      keyName,
+      value,
+      expandKey,
+      parentValue,
+      keys
+    })]
+  }));
+};
+NestedOpen.displayName = "JVR.NestedOpen";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/Container.js
+import { jsx as _jsx20, jsxs as _jsxs4 } from "react/jsx-runtime";
+var _excluded20 = ["className", "children", "parentValue", "keyid", "level", "value", "initialValue", "keys", "keyName"];
+var Container = /* @__PURE__ */ forwardRef((props, ref) => {
+  var {
+    className = "",
+    parentValue,
+    level = 1,
+    value,
+    initialValue,
+    keys,
+    keyName
+  } = props, elmProps = (0, import_objectWithoutPropertiesLoose10.default)(props, _excluded20);
+  var dispatch = useShowToolsDispatch();
+  var subkeyid = useId2();
+  var defaultClassNames = [className, "w-rjv-inner"].filter(Boolean).join(" ");
+  var reset = {
+    onMouseEnter: () => dispatch({
+      [subkeyid]: true
+    }),
+    onMouseLeave: () => dispatch({
+      [subkeyid]: false
+    })
+  };
+  return /* @__PURE__ */ _jsxs4("div", (0, import_extends20.default)({
+    className: defaultClassNames,
+    ref
+  }, elmProps, reset, {
+    children: [/* @__PURE__ */ _jsx20(NestedOpen, {
+      expandKey: subkeyid,
+      value,
+      level,
+      keys,
+      parentValue,
+      keyName,
+      initialValue
+    }), /* @__PURE__ */ _jsx20(KeyValues, {
+      expandKey: subkeyid,
+      value,
+      level,
+      keys,
+      parentValue,
+      keyName
+    }), /* @__PURE__ */ _jsx20(NestedClose, {
+      expandKey: subkeyid,
+      value,
+      level
+    })]
+  }));
+});
+Container.displayName = "JVR.Container";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/BraceLeft.js
+var BraceLeft = (props) => {
+  var {
+    BraceLeft: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "BraceLeft");
+  return null;
+};
+BraceLeft.displayName = "JVR.BraceLeft";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/BraceRight.js
+var BraceRight = (props) => {
+  var {
+    BraceRight: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "BraceRight");
+  return null;
+};
+BraceRight.displayName = "JVR.BraceRight";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/BracketsLeft.js
+var BracketsLeft = (props) => {
+  var {
+    BracketsLeft: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "BracketsLeft");
+  return null;
+};
+BracketsLeft.displayName = "JVR.BracketsLeft";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/BracketsRight.js
+var BracketsRight = (props) => {
+  var {
+    BracketsRight: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "BracketsRight");
+  return null;
+};
+BracketsRight.displayName = "JVR.BracketsRight";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/Arrow.js
+var Arrow2 = (props) => {
+  var {
+    Arrow: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "Arrow");
+  return null;
+};
+Arrow2.displayName = "JVR.Arrow";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/Colon.js
+var Colon2 = (props) => {
+  var {
+    Colon: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "Colon");
+  return null;
+};
+Colon2.displayName = "JVR.Colon";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/Quote.js
+var Quote2 = (props) => {
+  var {
+    Quote: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "Quote");
+  return null;
+};
+Quote2.displayName = "JVR.Quote";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/symbol/ValueQuote.js
+var ValueQuote2 = (props) => {
+  var {
+    ValueQuote: Comp = {}
+  } = useSymbolsStore();
+  useSymbolsRender(Comp, props, "ValueQuote");
+  return null;
+};
+ValueQuote2.displayName = "JVR.ValueQuote";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Bigint.js
+var Bigint = (props) => {
+  var {
+    Bigint: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Bigint");
+  return null;
+};
+Bigint.displayName = "JVR.Bigint";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Date.js
+var Date2 = (props) => {
+  var {
+    Date: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Date");
+  return null;
+};
+Date2.displayName = "JVR.Date";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/False.js
+var False = (props) => {
+  var {
+    False: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "False");
+  return null;
+};
+False.displayName = "JVR.False";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Float.js
+var Float = (props) => {
+  var {
+    Float: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Float");
+  return null;
+};
+Float.displayName = "JVR.Float";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Int.js
+var Int = (props) => {
+  var {
+    Int: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Int");
+  return null;
+};
+Int.displayName = "JVR.Int";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Map.js
+var Map2 = (props) => {
+  var {
+    Map: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Map");
+  return null;
+};
+Map2.displayName = "JVR.Map";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Nan.js
+var Nan = (props) => {
+  var {
+    Nan: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Nan");
+  return null;
+};
+Nan.displayName = "JVR.Nan";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Null.js
+var Null = (props) => {
+  var {
+    Null: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Null");
+  return null;
+};
+Null.displayName = "JVR.Null";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Set.js
+var Set2 = (props) => {
+  var {
+    Set: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Set");
+  return null;
+};
+Set2.displayName = "JVR.Set";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/String.js
+var StringText = (props) => {
+  var {
+    Str: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Str");
+  return null;
+};
+StringText.displayName = "JVR.StringText";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/True.js
+var True = (props) => {
+  var {
+    True: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "True");
+  return null;
+};
+True.displayName = "JVR.True";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Undefined.js
+var Undefined = (props) => {
+  var {
+    Undefined: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Undefined");
+  return null;
+};
+Undefined.displayName = "JVR.Undefined";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/types/Url.js
+var Url = (props) => {
+  var {
+    Url: Comp = {}
+  } = useTypesStore();
+  useTypesRender(Comp, props, "Url");
+  return null;
+};
+Url.displayName = "JVR.Url";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/section/Copied.js
+var Copied2 = (props) => {
+  var {
+    Copied: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, "Copied");
+  return null;
+};
+Copied2.displayName = "JVR.Copied";
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/index.js
+import { jsx as _jsx21, jsxs as _jsxs5 } from "react/jsx-runtime";
+var _excluded21 = ["className", "style", "value", "children", "collapsed", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied"];
+var JsonView = /* @__PURE__ */ forwardRef2((props, ref) => {
+  var {
+    className = "",
+    style,
+    value,
+    children,
+    collapsed,
+    indentWidth = 15,
+    displayObjectSize = true,
+    shortenTextAfterLength = 30,
+    highlightUpdates = true,
+    enableClipboard = true,
+    displayDataTypes = true,
+    objectSortKeys = false,
+    onExpand,
+    onCopied
+  } = props, elmProps = (0, import_objectWithoutPropertiesLoose11.default)(props, _excluded21);
+  var defaultStyle = (0, import_extends21.default)({
+    lineHeight: 1.4,
+    fontFamily: "var(--w-rjv-font-family, Menlo, monospace)",
+    color: "var(--w-rjv-color, #002b36)",
+    backgroundColor: "var(--w-rjv-background-color, #00000000)",
+    fontSize: 13
+  }, style);
+  var cls = ["w-json-view-container", "w-rjv", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxs5(Provider, {
+    initialState: {
+      value,
+      objectSortKeys,
+      indentWidth,
+      displayObjectSize,
+      collapsed,
+      enableClipboard,
+      shortenTextAfterLength,
+      highlightUpdates,
+      onCopied,
+      onExpand
+    },
+    initialTypes: {
+      displayDataTypes
+    },
+    children: [/* @__PURE__ */ _jsx21(Container, (0, import_extends21.default)({
+      value
+    }, elmProps, {
+      ref,
+      className: cls,
+      style: defaultStyle
+    })), children]
+  });
+});
+JsonView.Bigint = Bigint;
+JsonView.Date = Date2;
+JsonView.False = False;
+JsonView.Float = Float;
+JsonView.Int = Int;
+JsonView.Map = Map2;
+JsonView.Nan = Nan;
+JsonView.Null = Null;
+JsonView.Set = Set2;
+JsonView.String = StringText;
+JsonView.True = True;
+JsonView.Undefined = Undefined;
+JsonView.Url = Url;
+JsonView.ValueQuote = ValueQuote2;
+JsonView.Arrow = Arrow2;
+JsonView.Colon = Colon2;
+JsonView.Quote = Quote2;
+JsonView.Ellipsis = Ellipsis;
+JsonView.BraceLeft = BraceLeft;
+JsonView.BraceRight = BraceRight;
+JsonView.BracketsLeft = BracketsLeft;
+JsonView.BracketsRight = BracketsRight;
+JsonView.Copied = Copied2;
+JsonView.CountInfo = CountInfo;
+JsonView.CountInfoExtra = CountInfoExtra;
+JsonView.KeyName = KeyName;
+JsonView.Row = Row;
+JsonView.displayName = "JVR.JsonView";
+var esm_default = JsonView;
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/theme/light.js
+var lightTheme = {
+  "--w-rjv-font-family": "monospace",
+  "--w-rjv-color": "#002b36",
+  "--w-rjv-key-string": "#002b36",
+  "--w-rjv-background-color": "#ffffff",
+  "--w-rjv-line-color": "#ebebeb",
+  "--w-rjv-arrow-color": "var(--w-rjv-color)",
+  "--w-rjv-edit-color": "var(--w-rjv-color)",
+  "--w-rjv-info-color": "#0000004d",
+  "--w-rjv-update-color": "#ebcb8b",
+  "--w-rjv-copied-color": "#002b36",
+  "--w-rjv-copied-success-color": "#28a745",
+  "--w-rjv-curlybraces-color": "#236a7c",
+  "--w-rjv-colon-color": "#002b36",
+  "--w-rjv-brackets-color": "#236a7c",
+  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+  "--w-rjv-type-string-color": "#cb4b16",
+  "--w-rjv-type-int-color": "#268bd2",
+  "--w-rjv-type-float-color": "#859900",
+  "--w-rjv-type-bigint-color": "#268bd2",
+  "--w-rjv-type-boolean-color": "#2aa198",
+  "--w-rjv-type-date-color": "#586e75",
+  "--w-rjv-type-url-color": "#0969da",
+  "--w-rjv-type-null-color": "#d33682",
+  "--w-rjv-type-nan-color": "#859900",
+  "--w-rjv-type-undefined-color": "#586e75"
+};
+
+// ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.24_@babel+runtime@7.24.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uiw/react-json-view/esm/theme/vscode.js
+var vscodeTheme = {
+  "--w-rjv-font-family": "monospace",
+  "--w-rjv-color": "#9cdcfe",
+  "--w-rjv-key-string": "#9cdcfe",
+  "--w-rjv-background-color": "#1e1e1e",
+  "--w-rjv-line-color": "#36334280",
+  "--w-rjv-arrow-color": "#838383",
+  "--w-rjv-edit-color": "var(--w-rjv-color)",
+  "--w-rjv-info-color": "#9c9c9c7a",
+  "--w-rjv-update-color": "#9cdcfe",
+  "--w-rjv-copied-color": "#9cdcfe",
+  "--w-rjv-copied-success-color": "#28a745",
+  "--w-rjv-curlybraces-color": "#d4d4d4",
+  "--w-rjv-colon-color": "#d4d4d4",
+  "--w-rjv-brackets-color": "#d4d4d4",
+  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+  "--w-rjv-type-string-color": "#ce9178",
+  "--w-rjv-type-int-color": "#b5cea8",
+  "--w-rjv-type-float-color": "#b5cea8",
+  "--w-rjv-type-bigint-color": "#b5cea8",
+  "--w-rjv-type-boolean-color": "#569cd6",
+  "--w-rjv-type-date-color": "#b5cea8",
+  "--w-rjv-type-url-color": "#3b89cf",
+  "--w-rjv-type-null-color": "#569cd6",
+  "--w-rjv-type-nan-color": "#859900",
+  "--w-rjv-type-undefined-color": "#569cd6"
+};
+
+// src/Json/Json.tsx
+import cn from "classnames";
+import { Fragment as Fragment3, jsx, jsxs } from "react/jsx-runtime";
+var getValue = (value) => {
+  if (typeof value === "string") {
+    return JSON.parse(value);
+  }
+  if (typeof value === "object") {
+    return value;
+  }
+  throw new Error(`${typeof value} can not be visualized`);
+};
+var Json = ({ className = null, collapsed = false, value }) => {
+  const isDarkMode = document.body.classList.contains("dark");
+  let content = null;
+  let error = null;
+  const [showDetails, setShowDetails] = useState3(false);
+  try {
+    content = /* @__PURE__ */ jsx(
+      esm_default,
+      {
+        className: "pr-5",
+        collapsed,
+        displayDataTypes: false,
+        style: {
+          ...isDarkMode ? vscodeTheme : lightTheme,
+          backgroundColor: "unset"
+        },
+        value: getValue(value),
+        children: /* @__PURE__ */ jsx(
+          esm_default.Copied,
+          {
+            render: ({
+              // @ts-expect-error this should be fine
+              "data-copied": copied,
+              style,
+              ...elmProps
+            }) => {
+              const elmClasses = cn(
+                elmProps.className,
+                "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
+                { "text-success": copied }
+              );
+              return /* @__PURE__ */ jsx("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ jsx(
+                HiOutlineClipboardCheck,
+                {
+                  ...elmProps,
+                  className: elmClasses
+                }
+              ) : (
+                // eslint-disable-next-line react/jsx-props-no-spreading
+                /* @__PURE__ */ jsx(HiOutlineClipboard, { ...elmProps, className: elmClasses })
+              ) });
+            }
+          }
+        )
+      }
+    );
+  } catch (err) {
+    error = /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between gap-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(FaTimesCircle, { className: "mr-2" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Failed to parse JSON data" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button_default,
+              {
+                color: "danger",
+                size: "sm",
+                variant: "light",
+                onClick: () => setShowDetails(!showDetails),
+                children: showDetails ? /* @__PURE__ */ jsxs(Fragment3, { children: [
+                  /* @__PURE__ */ jsx(FaChevronUp, {}),
+                  " Hide Details"
+                ] }) : /* @__PURE__ */ jsxs(Fragment3, { children: [
+                  /* @__PURE__ */ jsx(FaChevronDown, {}),
+                  " Show Details"
+                ] })
+              }
+            )
+          ] }),
+          showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 w-full text-left", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("strong", { children: "Error:" }),
+              /* @__PURE__ */ jsxs("pre", { children: [
+                err?.name,
+                ": ",
+                err?.message
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Data:" }),
+              /* @__PURE__ */ jsx("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn(className), children: error || content });
+};
+var Json_default = Json;
+
+// src/Json/index.ts
+var Json_default2 = Json_default;
+
+export {
+  Json_default,
+  Json_default2
+};
+//# sourceMappingURL=chunk-RBKIZCPJ.js.map