@uiw/react-json-view 2.0.0-alpha.2 → 2.0.0-alpha.21

package/cjs/symbol/BraceLeft.d.ts

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

package/cjs/symbol/BraceLeft.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BraceLeft = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BraceLeft = function BraceLeft(props) {
+var BraceLeft = exports.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

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

package/cjs/symbol/BraceRight.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BraceRight = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BraceRight = function BraceRight(props) {
+var BraceRight = exports.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

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

package/cjs/symbol/BracketsLeft.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BracketsLeft = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BracketsLeft = function BracketsLeft(props) {
+var BracketsLeft = exports.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

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

package/cjs/symbol/BracketsRight.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BracketsRight = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BracketsRight = function BracketsRight(props) {
+var BracketsRight = exports.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

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

package/cjs/symbol/Colon.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Colon = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var Colon = function Colon(props) {
+var Colon = exports.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

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

package/cjs/symbol/Quote.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Quote = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var Quote = function Quote(props) {
+var Quote = exports.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

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

package/cjs/symbol/ValueQuote.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ValueQuote = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var ValueQuote = function ValueQuote(props) {
+var ValueQuote = exports.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/{esm/comps/ReRender/Symbols.d.ts → cjs/symbol/index.d.ts}

@@ -1,16 +1,14 @@
 /// <reference types="react" />
-import { type SymbolsElement } from '../../store/Symbols';
-import { type TagType } from '../../store/Types';
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
 export declare const Quote: {
     (props: {
         isNumber?: boolean | undefined;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    } & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export declare const ValueQuote: {
-    (props: {
-        isNumber?: boolean | undefined;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    (props: React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Colon: {

package/cjs/{comps/ReRender/Symbols.js → symbol/index.js}

@@ -5,66 +5,68 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ValueQuote = exports.Quote = exports.Colon = exports.BracketsOpen = exports.BracketsClose = exports.Arrow = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Symbols = require("../../store/Symbols");
-var _Expands = require("../../store/Expands");
+var _Symbols = require("../store/Symbols");
+var _Expands = require("../store/Expands");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "render"],
+var _excluded = ["isNumber"],
   _excluded2 = ["as", "render"],
   _excluded3 = ["as", "render"],
-  _excluded4 = ["as", "style", "render"],
-  _excluded5 = ["as", "render"],
+  _excluded4 = ["as", "render"],
+  _excluded5 = ["as", "style", "render"],
   _excluded6 = ["as", "render"],
   _excluded7 = ["as", "render"],
-  _excluded8 = ["as", "render"];
-var Quote = function Quote(props) {
+  _excluded8 = ["as", "render"],
+  _excluded9 = ["as", "render"];
+var Quote = exports.Quote = function Quote(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Quot = _useSymbolsStore.Quote,
     Comp = _useSymbolsStore$Quot === void 0 ? {} : _useSymbolsStore$Quot;
-  var isNumber = props.isNumber;
+  var isNumber = props.isNumber,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   if (isNumber) return null;
   var as = Comp.as,
     render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), reset);
+  var child = render && typeof render === 'function' && render(elmProps);
   if (child) return child;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
 };
-exports.Quote = Quote;
 Quote.displayName = 'JVR.Quote';
-var ValueQuote = function ValueQuote(props) {
+var ValueQuote = exports.ValueQuote = function ValueQuote(props) {
   var _useSymbolsStore2 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore2$Val = _useSymbolsStore2.ValueQuote,
     Comp = _useSymbolsStore2$Val === void 0 ? {} : _useSymbolsStore2$Val;
-  var isNumber = props.isNumber;
-  if (isNumber) return null;
+  var other = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(props), props));
   var as = Comp.as,
     render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded3);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), reset);
+  var child = render && typeof render === 'function' && render(elmProps);
   if (child) return child;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
 };
-exports.ValueQuote = ValueQuote;
 ValueQuote.displayName = 'JVR.ValueQuote';
-var Colon = function Colon() {
+var Colon = exports.Colon = function Colon() {
   var _useSymbolsStore3 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore3$Col = _useSymbolsStore3.Colon,
     Comp = _useSymbolsStore3$Col === void 0 ? {} : _useSymbolsStore3$Col;
   var as = Comp.as,
     render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded3);
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded4);
   var Elm = as || 'span';
   var child = render && typeof render === 'function' && render(reset);
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
 };
-exports.Colon = Colon;
 Colon.displayName = 'JVR.Colon';
-var Arrow = function Arrow(props) {
+var Arrow = exports.Arrow = function Arrow(props) {
   var _useSymbolsStore4 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore4$Arr = _useSymbolsStore4.Arrow,
     Comp = _useSymbolsStore4$Arr === void 0 ? {} : _useSymbolsStore4$Arr;
@@ -74,7 +76,7 @@ var Arrow = function Arrow(props) {
   var as = Comp.as,
     style = Comp.style,
     render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded4);
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded5);
   var Elm = as || 'span';
   var isRender = render && typeof render === 'function';
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -86,9 +88,8 @@ var Arrow = function Arrow(props) {
     style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), props.style)
   }));
 };
-exports.Arrow = Arrow;
 Arrow.displayName = 'JVR.Arrow';
-var BracketsOpen = function BracketsOpen(_ref) {
+var BracketsOpen = exports.BracketsOpen = function BracketsOpen(_ref) {
   var isBrackets = _ref.isBrackets;
   var _useSymbolsStore5 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore5$Bra = _useSymbolsStore5.BracketsLeft,
@@ -98,7 +99,7 @@ var BracketsOpen = function BracketsOpen(_ref) {
   if (isBrackets) {
     var as = BracketsLeft.as,
       _render = BracketsLeft.render,
-      reset = (0, _objectWithoutProperties2["default"])(BracketsLeft, _excluded5);
+      reset = (0, _objectWithoutProperties2["default"])(BracketsLeft, _excluded6);
     var BracketsLeftComp = as || 'span';
     var _child = _render && typeof _render === 'function' && _render(reset);
     if (_child) return _child;
@@ -106,15 +107,14 @@ var BracketsOpen = function BracketsOpen(_ref) {
   }
   var elm = BraceLeft.as,
     render = BraceLeft.render,
-    props = (0, _objectWithoutProperties2["default"])(BraceLeft, _excluded6);
+    props = (0, _objectWithoutProperties2["default"])(BraceLeft, _excluded7);
   var BraceLeftComp = elm || 'span';
   var child = render && typeof render === 'function' && render(props);
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BraceLeftComp, (0, _objectSpread2["default"])({}, props));
 };
-exports.BracketsOpen = BracketsOpen;
 BracketsOpen.displayName = 'JVR.BracketsOpen';
-var BracketsClose = function BracketsClose(_ref2) {
+var BracketsClose = exports.BracketsClose = function BracketsClose(_ref2) {
   var isBrackets = _ref2.isBrackets,
     isVisiable = _ref2.isVisiable;
   if (!isVisiable) return null;
@@ -126,7 +126,7 @@ var BracketsClose = function BracketsClose(_ref2) {
   if (isBrackets) {
     var as = BracketsRight.as,
       _render2 = BracketsRight.render,
-      _reset = (0, _objectWithoutProperties2["default"])(BracketsRight, _excluded7);
+      _reset = (0, _objectWithoutProperties2["default"])(BracketsRight, _excluded8);
     var BracketsRightComp = as || 'span';
     var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset);
     if (_child2) return _child2;
@@ -134,11 +134,10 @@ var BracketsClose = function BracketsClose(_ref2) {
   }
   var elm = BraceRight.as,
     render = BraceRight.render,
-    reset = (0, _objectWithoutProperties2["default"])(BraceRight, _excluded8);
+    reset = (0, _objectWithoutProperties2["default"])(BraceRight, _excluded9);
   var BraceRightComp = elm || 'span';
   var child = render && typeof render === 'function' && render(reset);
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BraceRightComp, (0, _objectSpread2["default"])({}, reset));
 };
-exports.BracketsClose = BracketsClose;
 BracketsClose.displayName = 'JVR.BracketsClose';

package/cjs/theme/basic.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.basicTheme = void 0;
-var basicTheme = {
+var basicTheme = exports.basicTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#b5bd68',
+  '--w-rjv-key-number': '#002b36',
   '--w-rjv-key-string': '#b5bd68',
   '--w-rjv-background-color': '#2E3235',
   '--w-rjv-line-color': '#292d30',
@@ -19,6 +20,7 @@ var basicTheme = {
   '--w-rjv-curlybraces-color': '#cc99cc',
   '--w-rjv-colon-color': '#bababa',
   '--w-rjv-brackets-color': '#808080',
+  '--w-rjv-ellipsis-color': '#cb4b16',
   '--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',
@@ -31,5 +33,4 @@ var basicTheme = {
   '--w-rjv-type-null-color': '#8abeb7',
   '--w-rjv-type-nan-color': '#8abeb7',
   '--w-rjv-type-undefined-color': '#8abeb7'
-};
-exports.basicTheme = basicTheme;
+};

package/cjs/theme/dark.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.darkTheme = void 0;
-var darkTheme = {
+var darkTheme = exports.darkTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#0184a6',
   '--w-rjv-key-string': '#0184a6',
@@ -30,5 +30,4 @@ var darkTheme = {
   '--w-rjv-type-null-color': '#d33682',
   '--w-rjv-type-nan-color': '#076678',
   '--w-rjv-type-undefined-color': '#586e75'
-};
-exports.darkTheme = darkTheme;
+};

package/cjs/theme/github.dark.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.githubDarkTheme = void 0;
-var githubDarkTheme = {
+var githubDarkTheme = exports.githubDarkTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#79c0ff',
   '--w-rjv-key-string': '#79c0ff',
@@ -31,5 +31,4 @@ var githubDarkTheme = {
   '--w-rjv-type-null-color': '#ff7b72',
   '--w-rjv-type-nan-color': '#859900',
   '--w-rjv-type-undefined-color': '#79c0ff'
-};
-exports.githubDarkTheme = githubDarkTheme;
+};

package/cjs/theme/github.light.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.githubLightTheme = void 0;
-var githubLightTheme = {
+var githubLightTheme = exports.githubLightTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#6f42c1',
   '--w-rjv-key-string': '#6f42c1',
@@ -31,5 +31,4 @@ var githubLightTheme = {
   '--w-rjv-type-null-color': '#d73a49',
   '--w-rjv-type-nan-color': '#859900',
   '--w-rjv-type-undefined-color': '#005cc5'
-};
-exports.githubLightTheme = githubLightTheme;
+};

package/cjs/theme/gruvbox.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.gruvboxTheme = void 0;
-var gruvboxTheme = {
+var gruvboxTheme = exports.gruvboxTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#3c3836',
   '--w-rjv-key-string': '#3c3836',
@@ -31,5 +31,4 @@ var gruvboxTheme = {
   '--w-rjv-type-null-color': '#076678',
   '--w-rjv-type-nan-color': '#076678',
   '--w-rjv-type-undefined-color': '#076678'
-};
-exports.gruvboxTheme = gruvboxTheme;
+};

package/cjs/theme/light.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.lightTheme = void 0;
-var lightTheme = {
+var lightTheme = exports.lightTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#002b36',
   '--w-rjv-key-string': '#002b36',
@@ -31,5 +31,4 @@ var lightTheme = {
   '--w-rjv-type-null-color': '#d33682',
   '--w-rjv-type-nan-color': '#859900',
   '--w-rjv-type-undefined-color': '#586e75'
-};
-exports.lightTheme = lightTheme;
+};

package/cjs/theme/monokai.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.monokaiTheme = void 0;
-var monokaiTheme = {
+var monokaiTheme = exports.monokaiTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#E6DB74',
   '--w-rjv-key-string': '#E6DB74',
@@ -31,5 +31,4 @@ var monokaiTheme = {
   '--w-rjv-type-null-color': '#FA2672',
   '--w-rjv-type-nan-color': '#FD971F',
   '--w-rjv-type-undefined-color': '#FD971F'
-};
-exports.monokaiTheme = monokaiTheme;
+};

package/cjs/theme/nord.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nordTheme = void 0;
-var nordTheme = {
+var nordTheme = exports.nordTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#88c0d0',
   '--w-rjv-key-string': '#88c0d0',
@@ -31,5 +31,4 @@ var nordTheme = {
   '--w-rjv-type-null-color': '#5e81ac',
   '--w-rjv-type-nan-color': '#859900',
   '--w-rjv-type-undefined-color': '#586e75'
-};
-exports.nordTheme = nordTheme;
+};

package/cjs/theme/vscode.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.vscodeTheme = void 0;
-var vscodeTheme = {
+var vscodeTheme = exports.vscodeTheme = {
   '--w-rjv-font-family': 'monospace',
   '--w-rjv-color': '#9cdcfe',
   '--w-rjv-key-string': '#9cdcfe',
@@ -31,5 +31,4 @@ var vscodeTheme = {
   '--w-rjv-type-null-color': '#569cd6',
   '--w-rjv-type-nan-color': '#859900',
   '--w-rjv-type-undefined-color': '#569cd6'
-};
-exports.vscodeTheme = vscodeTheme;
+};

package/cjs/types/Bigint.d.ts

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

package/cjs/types/Bigint.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Bigint = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var Bigint = function Bigint(props) {
+var Bigint = exports.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';

package/cjs/types/Date.d.ts

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

package/cjs/types/Date.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Date = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var Date = function Date(props) {
+var Date = exports.Date = function Date(props) {
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Date = _useTypesStore.Date,
     Comp = _useTypesStore$Date === void 0 ? {} : _useTypesStore$Date;
   (0, _useRender.useTypesRender)(Comp, props, 'Date');
   return null;
 };
-exports.Date = Date;
 Date.displayName = 'JVR.Date';

package/cjs/types/False.d.ts

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

package/cjs/types/False.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.False = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var False = function False(props) {
+var False = exports.False = function False(props) {
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$False = _useTypesStore.False,
     Comp = _useTypesStore$False === void 0 ? {} : _useTypesStore$False;
   (0, _useRender.useTypesRender)(Comp, props, 'False');
   return null;
 };
-exports.False = False;
 False.displayName = 'JVR.False';

package/cjs/types/Float.d.ts

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

package/cjs/types/Float.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Float = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var Float = function Float(props) {
+var Float = exports.Float = function Float(props) {
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Float = _useTypesStore.Float,
     Comp = _useTypesStore$Float === void 0 ? {} : _useTypesStore$Float;
   (0, _useRender.useTypesRender)(Comp, props, 'Float');
   return null;
 };
-exports.Float = Float;
 Float.displayName = 'JVR.Float';

package/cjs/types/Int.d.ts

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

package/cjs/types/Int.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Int = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var Int = function Int(props) {
+var Int = exports.Int = function Int(props) {
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Int = _useTypesStore.Int,
     Comp = _useTypesStore$Int === void 0 ? {} : _useTypesStore$Int;
   (0, _useRender.useTypesRender)(Comp, props, 'Int');
   return null;
 };
-exports.Int = Int;
 Int.displayName = 'JVR.Int';

package/cjs/types/Map.d.ts

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