@uiw/react-json-view 2.0.0-alpha.34 → 2.0.0-alpha.36

package/README.md

@@ -911,10 +911,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
   /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. @default false */
   collapsed?: boolean | number;
   /** Determine whether the node should be expanded on the first render, or you can use collapsed to control the level of expansion (by default, the root is expanded). */
-  shouldExpandNodeInitially?: (
-    isExpanded: boolean,
-    props: { value?: T; keys: (number | string)[]; level: number },
-  ) => boolean;
+  shouldExpandNodeInitially?: ShouldExpandNodeInitially<T>;
   /** Whether to highlight updates. @default true */
   highlightUpdates?: boolean;
   /** Shorten long JSON strings, Set to `0` to disable this feature @default 30 */
@@ -926,6 +923,13 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
   /** Fires event when you copy */
   onCopied?: (text: string, value?: T) => void;
 }
+export type ShouldExpandNodeInitially<T extends object> = (isExpanded: boolean, props: {
+  keyName?: string | number;
+  value?: T;
+  parentValue?: T;
+  keys: (number | string)[];
+  level: number;
+}) => boolean;
 ```
 
 ```ts

package/basic.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/basic' {
-  export const basicTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const basicTheme: CSS.Properties<string | number>;
 }

package/cjs/Container.js

@@ -64,7 +64,9 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
       expandKey: subkeyid,
       value: value,
       level: level,
-      keys: keys
+      keys: keys,
+      parentValue: parentValue,
+      keyName: keyName
     })]
   }));
 });

package/cjs/comps/KeyValues.js

@@ -25,31 +25,36 @@ var _useIdCompat = require("../comps/useIdCompat");
 var _jsxRuntime = require("react/jsx-runtime");
 var KeyValues = exports.KeyValues = function KeyValues(props) {
   var _expands$expandKey;
-  var value = props.value,
+  var keyName = props.keyName,
+    value = props.value,
     _props$expandKey = props.expandKey,
     expandKey = _props$expandKey === void 0 ? '' : _props$expandKey,
     level = props.level,
     _props$keys = props.keys,
-    keys = _props$keys === void 0 ? [] : _props$keys;
+    keys = _props$keys === void 0 ? [] : _props$keys,
+    parentValue = props.parentValue;
   var expands = (0, _Expands.useExpandsStore)();
   var _useStore = (0, _store.useStore)(),
     objectSortKeys = _useStore.objectSortKeys,
     indentWidth = _useStore.indentWidth,
     collapsed = _useStore.collapsed,
     shouldExpandNodeInitially = _useStore.shouldExpandNodeInitially;
-  var isMyArray = Array.isArray(value);
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
     value: value,
     keys: keys,
-    level: level
-  })) {
+    level: level,
+    keyName: keyName,
+    parentValue: parentValue
+  });
+  if (expands[expandKey] === undefined && !!shouldExpand) {
     return null;
   }
   if (isExpanded) {
     return null;
   }
+  var isMyArray = Array.isArray(value);
   // object
   var entries = isMyArray ? Object.entries(value).map(function (m) {
     return [Number(m[0]), m[1]];

package/cjs/comps/NestedClose.d.ts

@@ -1,8 +1,7 @@
-interface NestedCloseProps<T extends object> {
-    value?: T;
+import { type SectionElementResult } from '../store/Section';
+interface NestedCloseProps<T extends object> extends SectionElementResult<T> {
     expandKey: string;
     level: number;
-    keys?: (string | number)[];
 }
 export declare const NestedClose: {
     <T extends object>(props: NestedCloseProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/cjs/comps/NestedClose.js

@@ -1,49 +1,62 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NestedClose = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _store = require("../store");
 var _Expands = require("../store/Expands");
 var _symbol = require("../symbol/");
 var _jsxRuntime = require("react/jsx-runtime");
 var NestedClose = exports.NestedClose = function NestedClose(props) {
   var _expands$expandKey;
-  var value = props.value,
+  var keyName = props.keyName,
+    value = props.value,
     expandKey = props.expandKey,
+    parentValue = props.parentValue,
     level = props.level,
     _props$keys = props.keys,
     keys = _props$keys === void 0 ? [] : _props$keys;
   var expands = (0, _Expands.useExpandsStore)();
-  var isArray = Array.isArray(value);
   var _useStore = (0, _store.useStore)(),
     collapsed = _useStore.collapsed,
     shouldExpandNodeInitially = _useStore.shouldExpandNodeInitially;
-  var isMySet = value instanceof Set;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  var len = Object.keys(value).length;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
     value: value,
     keys: keys,
-    level: level
+    level: level,
+    keyName: keyName,
+    parentValue: parentValue
   });
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
+  if (expands[expandKey] === undefined && !!shouldExpand) {
     return null;
   }
+  var len = Object.keys(value).length;
   if (isExpanded || len === 0) {
     return null;
   }
   var style = {
     paddingLeft: 4
   };
+  var compProps = {
+    keyName: keyName,
+    value: value,
+    keys: keys,
+    parentValue: parentValue
+  };
+  var isArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.BracketsClose, {
-      isBrackets: isArray || isMySet,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.BracketsClose, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+      isBrackets: isArray || isMySet
+    }, compProps), {}, {
       isVisiable: true
-    })
+    }))
   });
 };
 NestedClose.displayName = 'JVR.NestedClose';

package/cjs/comps/NestedOpen.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NestedOpen = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _KeyValues = require("./KeyValues");
 var _Expands = require("../store/Expands");
 var _store = require("../store");
@@ -34,18 +34,17 @@ var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
     onExpand = _useStore.onExpand,
     collapsed = _useStore.collapsed,
     shouldExpandNodeInitially = _useStore.shouldExpandNodeInitially;
-  var isArray = Array.isArray(value);
-  var isMySet = value instanceof Set;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isObject = (0, _typeof2["default"])(value) === 'object';
   var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
     value: value,
     keys: keys,
-    level: level
+    level: level,
+    keyName: keyName,
+    parentValue: parentValue
   });
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
-    isExpanded = !shouldExpand;
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially) {
+    isExpanded = !!shouldExpand;
   }
   var click = function click() {
     var opt = {
@@ -66,6 +65,9 @@ var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
     transition: 'all 0.3s'
   };
   var len = Object.keys(value).length;
+  var isObject = (0, _typeof2["default"])(value) === 'object';
+  var isArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
   var showArrow = len !== 0 && (isArray || isMySet || isObject);
   var reset = {
     style: style

package/cjs/index.d.ts

@@ -31,6 +31,13 @@ export * from './store/ShowTools';
 export * from './store/Symbols';
 export * from './store/Types';
 export * from './symbol/';
+export type ShouldExpandNodeInitially<T extends object> = (isExpanded: boolean, props: {
+    keyName?: string | number;
+    value?: T;
+    parentValue?: T;
+    keys: (number | string)[];
+    level: number;
+}) => boolean;
 export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     /** This property contains your input JSON */
     value?: T;
@@ -49,11 +56,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. @default false */
     collapsed?: boolean | number;
     /** Determine whether the node should be expanded on the first render, or you can use collapsed to control the level of expansion (by default, the root is expanded). */
-    shouldExpandNodeInitially?: (isExpanded: boolean, props: {
-        value?: T;
-        keys: (number | string)[];
-        level: number;
-    }) => boolean;
+    shouldExpandNodeInitially?: ShouldExpandNodeInitially<T>;
     /** Whether to highlight updates. @default true */
     highlightUpdates?: boolean;
     /** Shorten long JSON strings, Set to `0` to disable this feature @default 30 */

package/cjs/store.d.ts

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
-import { JsonViewProps } from './';
+import React, { type PropsWithChildren } from 'react';
+import { type JsonViewProps } from './';
 import { type InitialTypesState, type TagType } from './store/Types';
 export type BlockTagType = keyof JSX.IntrinsicElements;
 export interface InitialState<T extends object> {

package/cjs/symbol/index.d.ts

@@ -26,12 +26,12 @@ export declare const BracketsOpen: {
     } & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type BracketsCloseProps = {
+type BracketsProps = {
     isBrackets?: boolean;
     isVisiable?: boolean;
 };
 export declare const BracketsClose: {
-    <K extends object>(props: BracketsCloseProps & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends object>(props: BracketsProps & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export {};

package/cjs/theme/basic.d.ts

@@ -1 +1,2 @@
-export declare const basicTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const basicTheme: CSS.Properties<string | number>;

package/cjs/theme/dark.d.ts

@@ -1 +1,2 @@
-export declare const darkTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const darkTheme: CSS.Properties<string | number>;

package/cjs/theme/github.dark.d.ts

@@ -1 +1,2 @@
-export declare const githubDarkTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const githubDarkTheme: CSS.Properties<string | number>;

package/cjs/theme/github.light.d.ts

@@ -1 +1,2 @@
-export declare const githubLightTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const githubLightTheme: CSS.Properties<string | number>;

package/cjs/theme/gruvbox.d.ts

@@ -1 +1,2 @@
-export declare const gruvboxTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const gruvboxTheme: CSS.Properties<string | number>;

package/cjs/theme/light.d.ts

@@ -1 +1,2 @@
-export declare const lightTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const lightTheme: CSS.Properties<string | number>;

package/cjs/theme/monokai.d.ts

@@ -1 +1,2 @@
-export declare const monokaiTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const monokaiTheme: CSS.Properties<string | number>;

package/cjs/theme/nord.d.ts

@@ -1 +1,2 @@
-export declare const nordTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const nordTheme: CSS.Properties<string | number>;

package/cjs/theme/vscode.d.ts

@@ -1 +1,2 @@
-export declare const vscodeTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const vscodeTheme: CSS.Properties<string | number>;

package/cjs/types/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { type FC, type PropsWithChildren } from 'react';
 export declare const bigIntToString: (bi?: BigInt | string) => string;
 export declare const SetComp: FC<PropsWithChildren<{
     value: unknown;

package/dark.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/dark' {
-  export const darkTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const darkTheme: CSS.Properties<string | number>;
 }

package/esm/Container.js

@@ -53,7 +53,9 @@ export var Container = /*#__PURE__*/forwardRef((props, ref) => {
       expandKey: subkeyid,
       value: value,
       level: level,
-      keys: keys
+      keys: keys,
+      parentValue: parentValue,
+      keyName: keyName
     })]
   }));
 });

package/esm/comps/KeyValues.js

@@ -15,10 +15,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var KeyValues = props => {
   var _expands$expandKey;
   var {
+    keyName,
     value,
     expandKey = '',
     level,
-    keys = []
+    keys = [],
+    parentValue
   } = props;
   var expands = useExpandsStore();
   var {
@@ -27,19 +29,22 @@ export var KeyValues = props => {
     collapsed,
     shouldExpandNodeInitially
   } = useStore();
-  var isMyArray = Array.isArray(value);
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
     value,
     keys,
-    level
-  })) {
+    level,
+    keyName,
+    parentValue
+  });
+  if (expands[expandKey] === undefined && !!shouldExpand) {
     return null;
   }
   if (isExpanded) {
     return null;
   }
+  var isMyArray = Array.isArray(value);
   // object
   var entries = isMyArray ? Object.entries(value).map(m => [Number(m[0]), m[1]]) : Object.entries(value);
   if (objectSortKeys) {

package/esm/comps/NestedClose.d.ts

@@ -1,8 +1,7 @@
-interface NestedCloseProps<T extends object> {
-    value?: T;
+import { type SectionElementResult } from '../store/Section';
+interface NestedCloseProps<T extends object> extends SectionElementResult<T> {
     expandKey: string;
     level: number;
-    keys?: (string | number)[];
 }
 export declare const NestedClose: {
     <T extends object>(props: NestedCloseProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/esm/comps/NestedClose.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { useStore } from "../store.js";
 import { useExpandsStore } from "../store/Expands.js";
 import { BracketsClose } from "../symbol/index.js";
@@ -5,41 +6,52 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export var NestedClose = props => {
   var _expands$expandKey;
   var {
+    keyName,
     value,
     expandKey,
+    parentValue,
     level,
     keys = []
   } = props;
   var expands = useExpandsStore();
-  var isArray = Array.isArray(value);
   var {
     collapsed,
     shouldExpandNodeInitially
   } = useStore();
-  var isMySet = value instanceof Set;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  var len = Object.keys(value).length;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
     value,
     keys,
-    level
+    level,
+    keyName,
+    parentValue
   });
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
+  if (expands[expandKey] === undefined && !!shouldExpand) {
     return null;
   }
+  var len = Object.keys(value).length;
   if (isExpanded || len === 0) {
     return null;
   }
   var style = {
     paddingLeft: 4
   };
+  var compProps = {
+    keyName,
+    value,
+    keys,
+    parentValue
+  };
+  var isArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
   return /*#__PURE__*/_jsx("div", {
     style: style,
-    children: /*#__PURE__*/_jsx(BracketsClose, {
-      isBrackets: isArray || isMySet,
+    children: /*#__PURE__*/_jsx(BracketsClose, _extends({
+      isBrackets: isArray || isMySet
+    }, compProps, {
       isVisiable: true
-    })
+    }))
   });
 };
 NestedClose.displayName = 'JVR.NestedClose';

package/esm/comps/NestedOpen.js

@@ -27,18 +27,17 @@ export var NestedOpen = props => {
     collapsed,
     shouldExpandNodeInitially
   } = useStore();
-  var isArray = Array.isArray(value);
-  var isMySet = value instanceof Set;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isObject = typeof value === 'object';
   var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
     value,
     keys,
-    level
+    level,
+    keyName,
+    parentValue
   });
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
-    isExpanded = !shouldExpand;
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially) {
+    isExpanded = !!shouldExpand;
   }
   var click = () => {
     var opt = {
@@ -61,6 +60,9 @@ export var NestedOpen = props => {
     transition: 'all 0.3s'
   };
   var len = Object.keys(value).length;
+  var isObject = typeof value === 'object';
+  var isArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
   var showArrow = len !== 0 && (isArray || isMySet || isObject);
   var reset = {
     style

package/esm/index.d.ts

@@ -31,6 +31,13 @@ export * from './store/ShowTools';
 export * from './store/Symbols';
 export * from './store/Types';
 export * from './symbol/';
+export type ShouldExpandNodeInitially<T extends object> = (isExpanded: boolean, props: {
+    keyName?: string | number;
+    value?: T;
+    parentValue?: T;
+    keys: (number | string)[];
+    level: number;
+}) => boolean;
 export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     /** This property contains your input JSON */
     value?: T;
@@ -49,11 +56,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. @default false */
     collapsed?: boolean | number;
     /** Determine whether the node should be expanded on the first render, or you can use collapsed to control the level of expansion (by default, the root is expanded). */
-    shouldExpandNodeInitially?: (isExpanded: boolean, props: {
-        value?: T;
-        keys: (number | string)[];
-        level: number;
-    }) => boolean;
+    shouldExpandNodeInitially?: ShouldExpandNodeInitially<T>;
     /** Whether to highlight updates. @default true */
     highlightUpdates?: boolean;
     /** Shorten long JSON strings, Set to `0` to disable this feature @default 30 */

package/esm/store.d.ts

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
-import { JsonViewProps } from './';
+import React, { type PropsWithChildren } from 'react';
+import { type JsonViewProps } from './';
 import { type InitialTypesState, type TagType } from './store/Types';
 export type BlockTagType = keyof JSX.IntrinsicElements;
 export interface InitialState<T extends object> {

package/esm/symbol/index.d.ts

@@ -26,12 +26,12 @@ export declare const BracketsOpen: {
     } & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type BracketsCloseProps = {
+type BracketsProps = {
     isBrackets?: boolean;
     isVisiable?: boolean;
 };
 export declare const BracketsClose: {
-    <K extends object>(props: BracketsCloseProps & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends object>(props: BracketsProps & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export {};

package/esm/theme/basic.d.ts

@@ -1 +1,2 @@
-export declare const basicTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const basicTheme: CSS.Properties<string | number>;

package/esm/theme/dark.d.ts

@@ -1 +1,2 @@
-export declare const darkTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const darkTheme: CSS.Properties<string | number>;

package/esm/theme/github.dark.d.ts

@@ -1 +1,2 @@
-export declare const githubDarkTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const githubDarkTheme: CSS.Properties<string | number>;

package/esm/theme/github.light.d.ts

@@ -1 +1,2 @@
-export declare const githubLightTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const githubLightTheme: CSS.Properties<string | number>;

package/esm/theme/gruvbox.d.ts

@@ -1 +1,2 @@
-export declare const gruvboxTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const gruvboxTheme: CSS.Properties<string | number>;

package/esm/theme/light.d.ts

@@ -1 +1,2 @@
-export declare const lightTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const lightTheme: CSS.Properties<string | number>;

package/esm/theme/monokai.d.ts

@@ -1 +1,2 @@
-export declare const monokaiTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const monokaiTheme: CSS.Properties<string | number>;

package/esm/theme/nord.d.ts

@@ -1 +1,2 @@
-export declare const nordTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const nordTheme: CSS.Properties<string | number>;

package/esm/theme/vscode.d.ts

@@ -1 +1,2 @@
-export declare const vscodeTheme: React.CSSProperties;
+import type * as CSS from 'csstype';
+export declare const vscodeTheme: CSS.Properties<string | number>;

package/esm/types/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { type FC, type PropsWithChildren } from 'react';
 export declare const bigIntToString: (bi?: BigInt | string) => string;
 export declare const SetComp: FC<PropsWithChildren<{
     value: unknown;

package/githubDark.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/githubDark' {
-  export const githubDarkTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const githubDarkTheme: CSS.Properties<string | number>;
 }

package/githubLight.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/githubLight' {
-  export const githubLightTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const githubLightTheme: CSS.Properties<string | number>;
 }

package/gruvbox.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/gruvbox' {
-  export const gruvboxTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const gruvboxTheme: CSS.Properties<string | number>;
 }

package/light.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/light' {
-  export const lightTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const lightTheme: CSS.Properties<string | number>;
 }

package/monokai.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/monokai' {
-  export const monokaiTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const monokaiTheme: CSS.Properties<string | number>;
 }

package/nord.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/nord' {
-  export const nordTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const nordTheme: CSS.Properties<string | number>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.34",
+  "version": "2.0.0-alpha.36",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/vscode.d.ts

@@ -1,3 +1,4 @@
 declare module '@uiw/react-json-view/vscode' {
-  export const vscodeTheme: import('react').CSSProperties;
+  import type * as CSS from 'csstype';
+  export const vscodeTheme: CSS.Properties<string | number>;
 }