@uiw/react-json-view 2.0.0-alpha.4 → 2.0.0-alpha.41

package/cjs/symbol/index.js

@@ -12,7 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _Symbols = require("../store/Symbols");
 var _Expands = require("../store/Expands");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["isNumber"],
+var _excluded = ["isNumber", "value", "parentValue", "keyName", "keys"],
   _excluded2 = ["as", "render"],
   _excluded3 = ["as", "render"],
   _excluded4 = ["as", "render"],
@@ -21,11 +21,15 @@ var _excluded = ["isNumber"],
   _excluded7 = ["as", "render"],
   _excluded8 = ["as", "render"],
   _excluded9 = ["as", "render"];
-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;
   var isNumber = props.isNumber,
+    value = props.value,
+    parentValue = props.parentValue,
+    keyName = props.keyName,
+    keys = props.keys,
     other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   if (isNumber) return null;
   var as = Comp.as,
@@ -33,13 +37,25 @@ var Quote = function Quote(props) {
     reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
   var Elm = as || 'span';
   var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), reset);
-  var child = render && typeof render === 'function' && render(elmProps);
+  // Trim the leading and trailing spaces in children,
+  // and set it to undefined if it's an empty string or contains only spaces.
+  // https://github.com/uiwjs/react-json-view/issues/86
+  if (typeof elmProps.children === 'string') {
+    var trimmed = elmProps.children.trim();
+    elmProps.children = trimmed || undefined;
+  }
+  var result = {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    keys: keys || (keyName ? [keyName] : [])
+  };
+  var child = render && typeof render === 'function' && render(elmProps, result);
   if (child) return child;
   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;
@@ -49,13 +65,16 @@ var ValueQuote = function ValueQuote(props) {
     reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded3);
   var Elm = as || 'span';
   var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), reset);
-  var child = render && typeof render === 'function' && render(elmProps);
+  var child = render && typeof render === 'function' && render(elmProps, {});
   if (child) return child;
   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(props) {
+  var value = props.value,
+    parentValue = props.parentValue,
+    keyName = props.keyName,
+    keys = props.keys;
   var _useSymbolsStore3 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore3$Col = _useSymbolsStore3.Colon,
     Comp = _useSymbolsStore3$Col === void 0 ? {} : _useSymbolsStore3$Col;
@@ -63,18 +82,27 @@ var Colon = function Colon() {
     render = Comp.render,
     reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded4);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var child = render && typeof render === 'function' && render(reset, {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    keys: keys || (keyName ? [keyName] : [])
+  });
   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;
   var expands = (0, _Expands.useExpandsStore)();
-  var expandKey = props.expandKey;
+  var expandKey = props.expandKey,
+    resetStyle = props.style,
+    value = props.value,
+    parentValue = props.parentValue,
+    keyName = props.keyName,
+    keys = props.keys;
   var isExpanded = !!expands[expandKey];
   var as = Comp.as,
     style = Comp.style,
@@ -82,46 +110,71 @@ var Arrow = function Arrow(props) {
     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), {}, {
+  var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     'data-expanded': isExpanded,
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), props.style)
-  }));
+    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), resetStyle)
+  });
+  var result = {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    keys: keys || (keyName ? [keyName] : [])
+  };
+  var child = isRender && render(elmProps, result);
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), props.style)
+    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), resetStyle)
   }));
 };
-exports.Arrow = Arrow;
 Arrow.displayName = 'JVR.Arrow';
-var BracketsOpen = function BracketsOpen(_ref) {
-  var isBrackets = _ref.isBrackets;
+var BracketsOpen = exports.BracketsOpen = function BracketsOpen(props) {
+  var isBrackets = props.isBrackets,
+    value = props.value,
+    parentValue = props.parentValue,
+    keyName = props.keyName,
+    keys = props.keys;
   var _useSymbolsStore5 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore5$Bra = _useSymbolsStore5.BracketsLeft,
     BracketsLeft = _useSymbolsStore5$Bra === void 0 ? {} : _useSymbolsStore5$Bra,
     _useSymbolsStore5$Bra2 = _useSymbolsStore5.BraceLeft,
     BraceLeft = _useSymbolsStore5$Bra2 === void 0 ? {} : _useSymbolsStore5$Bra2;
+  var result = {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    keys: keys || (keyName ? [keyName] : [])
+  };
   if (isBrackets) {
     var as = BracketsLeft.as,
       _render = BracketsLeft.render,
       reset = (0, _objectWithoutProperties2["default"])(BracketsLeft, _excluded6);
     var BracketsLeftComp = as || 'span';
-    var _child = _render && typeof _render === 'function' && _render(reset);
+    var _child = _render && typeof _render === 'function' && _render(reset, result);
     if (_child) return _child;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(BracketsLeftComp, (0, _objectSpread2["default"])({}, reset));
   }
   var elm = BraceLeft.as,
     render = BraceLeft.render,
-    props = (0, _objectWithoutProperties2["default"])(BraceLeft, _excluded7);
+    resetProps = (0, _objectWithoutProperties2["default"])(BraceLeft, _excluded7);
   var BraceLeftComp = elm || 'span';
-  var child = render && typeof render === 'function' && render(props);
+  var child = render && typeof render === 'function' && render(resetProps, result);
   if (child) return child;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BraceLeftComp, (0, _objectSpread2["default"])({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BraceLeftComp, (0, _objectSpread2["default"])({}, resetProps));
 };
-exports.BracketsOpen = BracketsOpen;
 BracketsOpen.displayName = 'JVR.BracketsOpen';
-var BracketsClose = function BracketsClose(_ref2) {
-  var isBrackets = _ref2.isBrackets,
-    isVisiable = _ref2.isVisiable;
+var BracketsClose = exports.BracketsClose = function BracketsClose(props) {
+  var isBrackets = props.isBrackets,
+    isVisiable = props.isVisiable,
+    value = props.value,
+    parentValue = props.parentValue,
+    keyName = props.keyName,
+    keys = props.keys;
+  var result = {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    keys: keys || (keyName ? [keyName] : [])
+  };
   if (!isVisiable) return null;
   var _useSymbolsStore6 = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore6$Bra = _useSymbolsStore6.BracketsRight,
@@ -133,7 +186,7 @@ var BracketsClose = function BracketsClose(_ref2) {
       _render2 = BracketsRight.render,
       _reset = (0, _objectWithoutProperties2["default"])(BracketsRight, _excluded8);
     var BracketsRightComp = as || 'span';
-    var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset);
+    var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset, result);
     if (_child2) return _child2;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(BracketsRightComp, (0, _objectSpread2["default"])({}, _reset));
   }
@@ -141,9 +194,8 @@ var BracketsClose = function BracketsClose(_ref2) {
     render = BraceRight.render,
     reset = (0, _objectWithoutProperties2["default"])(BraceRight, _excluded9);
   var BraceRightComp = elm || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var child = render && typeof render === 'function' && render(reset, result);
   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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const basicTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const basicTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const darkTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const darkTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const githubDarkTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const githubDarkTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const githubLightTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const githubLightTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const gruvboxTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const gruvboxTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const lightTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const lightTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const monokaiTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const monokaiTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const nordTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const nordTheme: CSS.Properties<string | number>;

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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const vscodeTheme: import("react").CSSProperties;
+import type * as CSS from 'csstype';
+export declare const vscodeTheme: CSS.Properties<string | number>;

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;
 };

package/cjs/types/Map.js

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

package/cjs/types/Nan.d.ts

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

package/cjs/types/Nan.js

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

package/cjs/types/Null.d.ts

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

package/cjs/types/Null.js

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

package/cjs/types/Set.d.ts

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

package/cjs/types/Set.js

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