@uiw/react-json-view 1.12.0 → 2.0.0-alpha.0

package/cjs/store.js

@@ -1,55 +1,105 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.store = void 0;
-exports.useExpandsStatus = useExpandsStatus;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = require("react");
-var expands = {};
-var listeners = [];
-var store = {
-  collapse: function collapse(id) {
-    expands = (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, expands), {}, (0, _defineProperty2["default"])({}, id, false));
-    emitChange();
-  },
-  expand: function expand(id) {
-    expands = (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, expands), {}, (0, _defineProperty2["default"])({}, id, true));
-    emitChange();
-  }
+exports.initialState = exports.Provider = exports.Context = void 0;
+exports.reducer = reducer;
+exports.useDispatch = useDispatch;
+exports.useStore = exports.useDispatchStore = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _ShowTools = require("./store/ShowTools");
+var _Expands = require("./store/Expands");
+var _Types = require("./store/Types");
+var _Symbols = require("./store/Symbols");
+var _Section = require("./store/Section");
+var _jsxRuntime = require("react/jsx-runtime");
+var initialState = {
+  objectSortKeys: false,
+  indentWidth: 15
 };
-exports.store = store;
-function getSnapshot() {
-  return expands;
+exports.initialState = initialState;
+var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
+exports.Context = Context;
+Context.displayName = 'JVR.Context';
+var DispatchContext = /*#__PURE__*/(0, _react.createContext)(function () {});
+DispatchContext.displayName = 'JVR.DispatchContext';
+function reducer(state, action) {
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 }
-function subscribe(listener) {
-  listeners = [].concat((0, _toConsumableArray2["default"])(listeners), [listener]);
-  return function () {
-    listeners = listeners.filter(function (l) {
-      return l !== listener;
-    });
-  };
-}
-function emitChange() {
-  var _iterator = (0, _createForOfIteratorHelper2["default"])(listeners),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var listener = _step.value;
-      listener();
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
+var useStore = function useStore() {
+  return (0, _react.useContext)(Context);
+};
+exports.useStore = useStore;
+var useDispatchStore = function useDispatchStore() {
+  return (0, _react.useContext)(DispatchContext);
+};
+exports.useDispatchStore = useDispatchStore;
+var Provider = function Provider(_ref) {
+  var children = _ref.children,
+    init = _ref.initialState,
+    initialTypes = _ref.initialTypes;
+  var _useReducer = (0, _react.useReducer)(reducer, Object.assign({}, initialState, init)),
+    _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var _useShowTools = (0, _ShowTools.useShowTools)(),
+    _useShowTools2 = (0, _slicedToArray2["default"])(_useShowTools, 2),
+    showTools = _useShowTools2[0],
+    showToolsDispatch = _useShowTools2[1];
+  var _useExpands = (0, _Expands.useExpands)(),
+    _useExpands2 = (0, _slicedToArray2["default"])(_useExpands, 2),
+    expands = _useExpands2[0],
+    expandsDispatch = _useExpands2[1];
+  var _useTypes = (0, _Types.useTypes)(),
+    _useTypes2 = (0, _slicedToArray2["default"])(_useTypes, 2),
+    types = _useTypes2[0],
+    typesDispatch = _useTypes2[1];
+  var _useSymbols = (0, _Symbols.useSymbols)(),
+    _useSymbols2 = (0, _slicedToArray2["default"])(_useSymbols, 2),
+    symbols = _useSymbols2[0],
+    symbolsDispatch = _useSymbols2[1];
+  var _useSection = (0, _Section.useSection)(),
+    _useSection2 = (0, _slicedToArray2["default"])(_useSection, 2),
+    section = _useSection2[0],
+    sectionDispatch = _useSection2[1];
+  (0, _react.useEffect)(function () {
+    return dispatch((0, _objectSpread2["default"])({}, init));
+  }, [init]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
+    value: state,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DispatchContext.Provider, {
+      value: dispatch,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ShowTools.ShowTools, {
+        initial: showTools,
+        dispatch: showToolsDispatch,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Expands.Expands, {
+          initial: expands,
+          dispatch: expandsDispatch,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.Types, {
+            initial: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, types), initialTypes),
+            dispatch: typesDispatch,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.Symbols, {
+              initial: symbols,
+              dispatch: symbolsDispatch,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Section.Section, {
+                initial: section,
+                dispatch: sectionDispatch,
+                children: children
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+};
+exports.Provider = Provider;
+function useDispatch() {
+  return (0, _react.useContext)(DispatchContext);
 }
-function useExpandsStatus() {
-  var expands = (0, _react.useSyncExternalStore)(subscribe, getSnapshot);
-  return expands;
-}
+Provider.displayName = 'JVR.Provider';

package/cjs/symbol/Arrow.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const Arrow: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/Arrow.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Arrow = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var Arrow = function Arrow(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Arro = _useSymbolsStore.Arrow,
+    Comp = _useSymbolsStore$Arro === void 0 ? {} : _useSymbolsStore$Arro;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'Arrow');
+  return null;
+};
+exports.Arrow = Arrow;
+Arrow.displayName = 'JVR.Arrow';

package/cjs/symbol/BraceLeft.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const BraceLeft: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/BraceLeft.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BraceLeft = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var BraceLeft = function BraceLeft(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Brac = _useSymbolsStore.BraceLeft,
+    Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'BraceLeft');
+  return null;
+};
+exports.BraceLeft = BraceLeft;
+BraceLeft.displayName = 'JVR.BraceLeft';

package/cjs/symbol/BraceRight.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const BraceRight: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/BraceRight.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BraceRight = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var BraceRight = function BraceRight(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Brac = _useSymbolsStore.BraceRight,
+    Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'BraceRight');
+  return null;
+};
+exports.BraceRight = BraceRight;
+BraceRight.displayName = 'JVR.BraceRight';

package/cjs/symbol/BracketsLeft.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const BracketsLeft: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/BracketsLeft.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BracketsLeft = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var BracketsLeft = function BracketsLeft(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Brac = _useSymbolsStore.BracketsLeft,
+    Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'BracketsLeft');
+  return null;
+};
+exports.BracketsLeft = BracketsLeft;
+BracketsLeft.displayName = 'JVR.BracketsLeft';

package/cjs/symbol/BracketsRight.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const BracketsRight: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/BracketsRight.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BracketsRight = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var BracketsRight = function BracketsRight(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Brac = _useSymbolsStore.BracketsRight,
+    Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'BracketsRight');
+  return null;
+};
+exports.BracketsRight = BracketsRight;
+BracketsRight.displayName = 'JVR.BracketsRight';

package/cjs/symbol/Colon.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const Colon: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/Colon.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Colon = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var Colon = function Colon(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Colo = _useSymbolsStore.Colon,
+    Comp = _useSymbolsStore$Colo === void 0 ? {} : _useSymbolsStore$Colo;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'Colon');
+  return null;
+};
+exports.Colon = Colon;
+Colon.displayName = 'JVR.Colon';

package/cjs/symbol/Quote.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const Quote: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/Quote.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Quote = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var Quote = function Quote(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Quot = _useSymbolsStore.Quote,
+    Comp = _useSymbolsStore$Quot === void 0 ? {} : _useSymbolsStore$Quot;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'Quote');
+  return null;
+};
+exports.Quote = Quote;
+Quote.displayName = 'JVR.Quote';

package/cjs/symbol/ValueQuote.d.ts

@@ -0,0 +1,6 @@
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
+export declare const ValueQuote: {
+    (props: SymbolsElement<TagType>): null;
+    displayName: string;
+};

package/cjs/symbol/ValueQuote.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueQuote = void 0;
+var _Symbols = require("../store/Symbols");
+var _useRender = require("../utils/useRender");
+var ValueQuote = function ValueQuote(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Valu = _useSymbolsStore.ValueQuote,
+    Comp = _useSymbolsStore$Valu === void 0 ? {} : _useSymbolsStore$Valu;
+  (0, _useRender.useSymbolsRender)(Comp, props, 'ValueQuote');
+  return null;
+};
+exports.ValueQuote = ValueQuote;
+ValueQuote.displayName = 'JVR.ValueQuote';

package/cjs/theme/basic.js

@@ -7,6 +7,7 @@ exports.basicTheme = void 0;
 var basicTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#b5bd68',
+  '--w-rjv-key-string': '#b5bd68',
   '--w-rjv-background-color': '#2E3235',
   '--w-rjv-line-color': '#292d30',
   '--w-rjv-arrow-color': 'var(--w-rjv-color)',
@@ -18,6 +19,8 @@ var basicTheme = {
   '--w-rjv-curlybraces-color': '#cc99cc',
   '--w-rjv-colon-color': '#bababa',
   '--w-rjv-brackets-color': '#808080',
+  '--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': '#b5bd68',
   '--w-rjv-type-int-color': '#fda331',
   '--w-rjv-type-float-color': '#fda331',

package/cjs/theme/dark.js

@@ -7,6 +7,7 @@ exports.darkTheme = void 0;
 var darkTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#0184a6',
+  '--w-rjv-key-string': '#0184a6',
   '--w-rjv-background-color': '#202020',
   '--w-rjv-line-color': '#323232',
   '--w-rjv-arrow-color': 'var(--w-rjv-color)',
@@ -17,6 +18,8 @@ var darkTheme = {
   '--w-rjv-copied-success-color': '#28a745',
   '--w-rjv-curlybraces-color': '#1896b6',
   '--w-rjv-brackets-color': '#1896b6',
+  '--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',

package/cjs/theme/github.dark.js

@@ -7,6 +7,7 @@ exports.githubDarkTheme = void 0;
 var githubDarkTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#79c0ff',
+  '--w-rjv-key-string': '#79c0ff',
   '--w-rjv-background-color': '#0d1117',
   '--w-rjv-line-color': '#94949480',
   '--w-rjv-arrow-color': '#ccc',
@@ -18,6 +19,8 @@ var githubDarkTheme = {
   '--w-rjv-curlybraces-color': '#8b949e',
   '--w-rjv-colon-color': '#c9d1d9',
   '--w-rjv-brackets-color': '#8b949e',
+  '--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': '#a5d6ff',
   '--w-rjv-type-int-color': '#79c0ff',
   '--w-rjv-type-float-color': '#79c0ff',

package/cjs/theme/github.light.js

@@ -7,6 +7,7 @@ exports.githubLightTheme = void 0;
 var githubLightTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#6f42c1',
+  '--w-rjv-key-string': '#6f42c1',
   '--w-rjv-background-color': '#ffffff',
   '--w-rjv-line-color': '#ddd',
   '--w-rjv-arrow-color': '#6e7781',
@@ -18,6 +19,8 @@ var githubLightTheme = {
   '--w-rjv-curlybraces-color': '#6a737d',
   '--w-rjv-colon-color': '#24292e',
   '--w-rjv-brackets-color': '#6a737d',
+  '--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': '#032f62',
   '--w-rjv-type-int-color': '#005cc5',
   '--w-rjv-type-float-color': '#005cc5',

package/cjs/theme/gruvbox.js

@@ -7,6 +7,7 @@ exports.gruvboxTheme = void 0;
 var gruvboxTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#3c3836',
+  '--w-rjv-key-string': '#3c3836',
   '--w-rjv-background-color': '#fbf1c7',
   '--w-rjv-line-color': '#ebdbb2',
   '--w-rjv-arrow-color': 'var(--w-rjv-color)',
@@ -18,6 +19,8 @@ var gruvboxTheme = {
   '--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': '#3c3836',
   '--w-rjv-type-int-color': '#8f3f71',
   '--w-rjv-type-float-color': '#8f3f71',

package/cjs/theme/light.js

@@ -7,6 +7,7 @@ exports.lightTheme = void 0;
 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)',
@@ -18,6 +19,8 @@ var lightTheme = {
   '--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',

package/cjs/theme/monokai.js

@@ -7,6 +7,7 @@ exports.monokaiTheme = void 0;
 var monokaiTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#E6DB74',
+  '--w-rjv-key-string': '#E6DB74',
   '--w-rjv-background-color': '#272822',
   '--w-rjv-line-color': '#3e3d32',
   '--w-rjv-arrow-color': '#f8f8f2',
@@ -18,6 +19,8 @@ var monokaiTheme = {
   '--w-rjv-curlybraces-color': '#f8f8f2',
   '--w-rjv-colon-color': '#f8f8f2',
   '--w-rjv-brackets-color': '#f8f8f2',
+  '--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': '#E6DB74',
   '--w-rjv-type-int-color': '#AE81FF',
   '--w-rjv-type-float-color': '#AE81FF',

package/cjs/theme/nord.js

@@ -7,6 +7,7 @@ exports.nordTheme = void 0;
 var nordTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#88c0d0',
+  '--w-rjv-key-string': '#88c0d0',
   '--w-rjv-background-color': '#2e3440',
   '--w-rjv-line-color': '#4c566a',
   '--w-rjv-arrow-color': 'var(--w-rjv-color)',
@@ -18,6 +19,8 @@ var nordTheme = {
   '--w-rjv-curlybraces-color': '#8fbcbb',
   '--w-rjv-colon-color': '#6d9fac',
   '--w-rjv-brackets-color': '#8fbcbb',
+  '--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': '#a3be8c',
   '--w-rjv-type-int-color': '#b48ead',
   '--w-rjv-type-float-color': '#859900',

package/cjs/theme/vscode.js

@@ -7,6 +7,7 @@ exports.vscodeTheme = void 0;
 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',
@@ -18,6 +19,8 @@ var vscodeTheme = {
   '--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',

package/cjs/type.d.ts

@@ -0,0 +1,50 @@
+export declare const typeMap: {
+    string: {
+        color: string;
+        label: string;
+    };
+    number: {
+        color: string;
+        label: string;
+    };
+    float: {
+        color: string;
+        label: string;
+    };
+    bigint: {
+        color: string;
+        label: string;
+    };
+    boolean: {
+        color: string;
+        label: string;
+    };
+    date: {
+        color: string;
+        label: string;
+    };
+    url: {
+        color: string;
+        label: string;
+    };
+    null: {
+        color: string;
+        label: string;
+    };
+    NaN: {
+        color: string;
+        label: string;
+    };
+    undefined: {
+        color: string;
+        label: string;
+    };
+    Set: {
+        color: string;
+        label: string;
+    };
+    Map: {
+        color: string;
+        label: string;
+    };
+};

package/cjs/type.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typeMap = void 0;
+var typeMap = {
+  string: {
+    color: 'var(--w-rjv-type-string-color, #cb4b16)',
+    label: 'string'
+  },
+  number: {
+    color: 'var(--w-rjv-type-int-color, #268bd2)',
+    label: 'int'
+  },
+  "float": {
+    color: 'var(--w-rjv-type-float-color, #859900)',
+    label: 'float'
+  },
+  bigint: {
+    color: 'var(--w-rjv-type-bigint-color, #268bd2)',
+    label: 'bigint'
+  },
+  "boolean": {
+    color: 'var(--w-rjv-type-boolean-color, #2aa198)',
+    label: 'bool'
+  },
+  date: {
+    color: 'var(--w-rjv-type-date-color, #586e75)',
+    label: 'date'
+  },
+  url: {
+    color: 'var(--w-rjv-type-url-color, #0969da)',
+    label: 'url'
+  },
+  "null": {
+    color: 'var(--w-rjv-type-null-color, #d33682)',
+    label: 'null'
+  },
+  NaN: {
+    color: 'var(--w-rjv-type-nan-color, #859900)',
+    label: 'NaN'
+  },
+  undefined: {
+    color: 'var(--w-rjv-type-undefined-color, #586e75)',
+    label: 'undefined'
+  },
+  Set: {
+    color: 'var(--w-rjv-type-set-color, #268bd2)',
+    label: 'Set'
+  },
+  Map: {
+    color: 'var(--w-rjv-type-map-color, #268bd2)',
+    label: 'Map'
+  }
+};
+exports.typeMap = typeMap;

package/cjs/types/Bigint.d.ts

@@ -0,0 +1,5 @@
+import { type TagType, type TypesElement } from '../store/Types';
+export declare const Bigint: {
+    <K extends TagType>(props: TypesElement<K>): null;
+    displayName: string;
+};

package/cjs/types/Bigint.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Bigint = void 0;
+var _Types = require("../store/Types");
+var _useRender = require("../utils/useRender");
+var Bigint = function Bigint(props) {
+  var _useTypesStore = (0, _Types.useTypesStore)(),
+    _useTypesStore$Bigint = _useTypesStore.Bigint,
+    Comp = _useTypesStore$Bigint === void 0 ? {} : _useTypesStore$Bigint;
+  (0, _useRender.useTypesRender)(Comp, props, 'Bigint');
+  return null;
+};
+exports.Bigint = Bigint;
+Bigint.displayName = 'JVR.Bigint';