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

package/cjs/store/Expands.js

@@ -16,10 +16,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useExpandsStore = function useExpandsStore() {
+var useExpandsStore = exports.useExpandsStore = function useExpandsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useExpandsStore = useExpandsStore;
 var DispatchExpands = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchExpands.displayName = 'JVR.DispatchExpands';
 function useExpands() {
@@ -28,7 +27,7 @@ function useExpands() {
 function useExpandsDispatch() {
   return (0, _react.useContext)(DispatchExpands);
 }
-var Expands = function Expands(_ref) {
+var Expands = exports.Expands = function Expands(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -40,5 +39,4 @@ var Expands = function Expands(_ref) {
     })
   });
 };
-exports.Expands = Expands;
 Expands.displayName = 'JVR.Expands';

package/cjs/store/Section.d.ts

@@ -1,18 +1,23 @@
 import React, { FC, PropsWithChildren, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-export type SectionElementProps<T extends TagType> = {
+export interface SectionElementResult<T extends object, K = string | number> {
+    value?: T;
+    parentValue?: T;
+    keyName?: K;
+    /** Index of the parent `keyName` */
+    keys?: K[];
+}
+export type SectionElementProps<T extends TagType = 'span'> = {
     as?: T;
-    render?: (props: SectionElement<T>, result: {
-        value: unknown;
-        keyName: string | number;
-    }) => React.ReactNode;
+    render?: (props: SectionElement<T>, result: SectionElementResult<object>) => React.ReactNode;
 };
-export type SectionElement<T extends TagType> = SectionElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SectionElement<T extends TagType = 'span'> = SectionElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends TagType> = {
     Copied?: SectionElement<T>;
     CountInfo?: SectionElement<T>;
     CountInfoExtra?: SectionElement<T>;
     Ellipsis?: SectionElement<T>;
+    Row?: SectionElement<T>;
     KeyName?: SectionElement<T>;
 };
 type Dispatch = React.Dispatch<InitialState<TagType>>;
@@ -22,6 +27,7 @@ export declare function useSection(): [{
     CountInfo?: SectionElement<TagType> | undefined;
     CountInfoExtra?: SectionElement<TagType> | undefined;
     Ellipsis?: SectionElement<TagType> | undefined;
+    Row?: SectionElement<TagType> | undefined;
     KeyName?: SectionElement<TagType> | undefined;
 }, React.Dispatch<InitialState<TagType>>];
 export declare function useSectionDispatch(): Dispatch;

package/cjs/store/Section.js

@@ -49,6 +49,10 @@ var initialState = {
     className: 'w-rjv-ellipsis',
     children: '...'
   },
+  Row: {
+    as: 'div',
+    className: 'w-rjv-line'
+  },
   KeyName: {
     as: 'span',
     className: 'w-rjv-object-key'
@@ -58,10 +62,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useSectionStore = function useSectionStore() {
+var useSectionStore = exports.useSectionStore = function useSectionStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useSectionStore = useSectionStore;
 var DispatchSection = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchSection.displayName = 'JVR.DispatchSection';
 function useSection() {
@@ -70,7 +73,7 @@ function useSection() {
 function useSectionDispatch() {
   return (0, _react.useContext)(DispatchSection);
 }
-var Section = function Section(_ref) {
+var Section = exports.Section = function Section(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -82,5 +85,4 @@ var Section = function Section(_ref) {
     })
   });
 };
-exports.Section = Section;
 Section.displayName = 'JVR.Section';

package/cjs/store/ShowTools.js

@@ -16,10 +16,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useShowToolsStore = function useShowToolsStore() {
+var useShowToolsStore = exports.useShowToolsStore = function useShowToolsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useShowToolsStore = useShowToolsStore;
 var DispatchShowTools = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchShowTools.displayName = 'JVR.DispatchShowTools';
 function useShowTools() {
@@ -28,7 +27,7 @@ function useShowTools() {
 function useShowToolsDispatch() {
   return (0, _react.useContext)(DispatchShowTools);
 }
-var ShowTools = function ShowTools(_ref) {
+var ShowTools = exports.ShowTools = function ShowTools(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -40,5 +39,4 @@ var ShowTools = function ShowTools(_ref) {
     })
   });
 };
-exports.ShowTools = ShowTools;
 ShowTools.displayName = 'JVR.ShowTools';

package/cjs/store/Symbols.d.ts

@@ -1,11 +1,18 @@
 import { FC, PropsWithChildren, ElementType, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-type SymbolsElementProps<T extends TagType> = {
+export interface SymbolsElementResult<T extends object, K = string | number> {
+    value?: T;
+    parentValue?: T;
+    keyName?: K;
+    /** Index of the parent `keyName` */
+    keys?: K[];
+}
+type SymbolsElementProps<T extends TagType = 'span'> = {
     as?: T;
-    render?: (props: SymbolsElement<T>) => React.ReactNode;
+    render?: (props: SymbolsElement<T>, result: SymbolsElementResult<object>) => React.ReactNode;
     'data-type'?: string;
 };
-export type SymbolsElement<T extends TagType> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SymbolsElement<T extends TagType = 'span'> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends ElementType = 'span'> = {
     Arrow?: SymbolsElement<T>;
     Colon?: SymbolsElement<T>;

package/cjs/store/Symbols.js

@@ -85,10 +85,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useSymbolsStore = function useSymbolsStore() {
+var useSymbolsStore = exports.useSymbolsStore = function useSymbolsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useSymbolsStore = useSymbolsStore;
 var DispatchSymbols = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchSymbols.displayName = 'JVR.DispatchSymbols';
 function useSymbols() {
@@ -97,7 +96,7 @@ function useSymbols() {
 function useSymbolsDispatch() {
   return (0, _react.useContext)(DispatchSymbols);
 }
-var Symbols = function Symbols(_ref) {
+var Symbols = exports.Symbols = function Symbols(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -109,5 +108,4 @@ var Symbols = function Symbols(_ref) {
     })
   });
 };
-exports.Symbols = Symbols;
 Symbols.displayName = 'JVR.Symbols';

package/cjs/store/Types.d.ts

@@ -1,34 +1,36 @@
-import { FC, PropsWithChildren, ComponentPropsWithoutRef } from 'react';
+import { PropsWithChildren, ComponentPropsWithoutRef } from 'react';
 export type TagType = React.ElementType | keyof JSX.IntrinsicElements;
-type TypesElementProps<T extends TagType> = {
+type TypesElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: TypesElement<T>, result: {
         type: 'type' | 'value';
         value?: unknown;
+        keyName: string | number;
+        keys?: (string | number)[];
     }) => React.ReactNode;
     'data-type'?: string;
 };
 export type TypesElement<T extends TagType> = TypesElementProps<T> & ComponentPropsWithoutRef<T>;
-export type InitialTypesState = {
+export type InitialTypesState<T extends TagType = 'span'> = {
     displayDataTypes?: boolean;
-    Url?: TypesElement<TagType>;
-    Str?: TypesElement<TagType>;
-    Undefined?: TypesElement<TagType>;
-    Null?: TypesElement<TagType>;
-    True?: TypesElement<TagType>;
-    False?: TypesElement<TagType>;
-    Date?: TypesElement<TagType>;
-    Float?: TypesElement<TagType>;
-    Set?: TypesElement<TagType>;
-    Int?: TypesElement<TagType>;
-    Map?: TypesElement<TagType>;
-    Nan?: TypesElement<TagType>;
-    Bigint?: TypesElement<TagType>;
+    Url?: TypesElement<T>;
+    Str?: TypesElement<T>;
+    Undefined?: TypesElement<T>;
+    Null?: TypesElement<T>;
+    True?: TypesElement<T>;
+    False?: TypesElement<T>;
+    Date?: TypesElement<T>;
+    Float?: TypesElement<T>;
+    Set?: TypesElement<T>;
+    Int?: TypesElement<T>;
+    Map?: TypesElement<T>;
+    Nan?: TypesElement<T>;
+    Bigint?: TypesElement<T>;
 };
-type Dispatch = React.Dispatch<InitialTypesState>;
-export declare const useTypesStore: () => InitialTypesState;
+type Dispatch<T extends TagType> = React.Dispatch<InitialTypesState<T>>;
+export declare const useTypesStore: () => InitialTypesState<TagType>;
 export declare function useTypes(): [{
-    displayDataTypes?: boolean | undefined;
+    displayDataTypes?: boolean;
     Url?: TypesElement<TagType> | undefined;
     Str?: TypesElement<TagType> | undefined;
     Undefined?: TypesElement<TagType> | undefined;
@@ -42,11 +44,14 @@ export declare function useTypes(): [{
     Map?: TypesElement<TagType> | undefined;
     Nan?: TypesElement<TagType> | undefined;
     Bigint?: TypesElement<TagType> | undefined;
-}, import("react").Dispatch<InitialTypesState>];
-export declare function useTypesDispatch(): Dispatch;
-interface TypesProps {
-    initial: InitialTypesState;
-    dispatch: Dispatch;
+}, import("react").Dispatch<InitialTypesState<TagType>>];
+export declare function useTypesDispatch(): Dispatch<TagType>;
+interface TypesProps<T extends TagType> {
+    initial: InitialTypesState<T>;
+    dispatch: Dispatch<TagType>;
+}
+export declare function Types<T extends TagType>({ initial, dispatch, children }: PropsWithChildren<TypesProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Types {
+    var displayName: string;
 }
-export declare const Types: FC<PropsWithChildren<TypesProps>>;
 export {};

package/cjs/store/Types.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Types = void 0;
+exports.Types = Types;
 exports.useTypes = useTypes;
 exports.useTypesDispatch = useTypesDispatch;
 exports.useTypesStore = void 0;
@@ -50,7 +50,8 @@ var initialState = {
   },
   Map: {
     style: {
-      color: 'var(--w-rjv-type-map-color, #268bd2)'
+      color: 'var(--w-rjv-type-map-color, #268bd2)',
+      marginRight: 3
     },
     as: 'span',
     'data-type': 'map',
@@ -86,7 +87,8 @@ var initialState = {
   },
   Set: {
     style: {
-      color: 'var(--w-rjv-type-set-color, #268bd2)'
+      color: 'var(--w-rjv-type-set-color, #268bd2)',
+      marginRight: 3
     },
     as: 'span',
     'data-type': 'set',
@@ -134,10 +136,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useTypesStore = function useTypesStore() {
+var useTypesStore = exports.useTypesStore = function useTypesStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useTypesStore = useTypesStore;
 var DispatchTypes = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchTypes.displayName = 'JVR.DispatchTypes';
 function useTypes() {
@@ -146,7 +147,7 @@ function useTypes() {
 function useTypesDispatch() {
   return (0, _react.useContext)(DispatchTypes);
 }
-var Types = function Types(_ref) {
+function Types(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -157,6 +158,5 @@ var Types = function Types(_ref) {
       children: children
     })
   });
-};
-exports.Types = Types;
+}
 Types.displayName = 'JVR.Types';

package/cjs/store.d.ts

@@ -1,17 +1,20 @@
-import React, { PropsWithChildren } from 'react';
-import { JsonViewProps } from './';
-import { type InitialTypesState } from './store/Types';
+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> {
     value?: object;
     onExpand?: JsonViewProps<object>['onExpand'];
     onCopied?: JsonViewProps<object>['onCopied'];
+    beforeCopy?: JsonViewProps<T>['beforeCopy'];
     objectSortKeys?: JsonViewProps<T>['objectSortKeys'];
     displayObjectSize?: JsonViewProps<T>['displayObjectSize'];
     shortenTextAfterLength?: JsonViewProps<T>['shortenTextAfterLength'];
+    stringEllipsis?: JsonViewProps<T>['stringEllipsis'];
     enableClipboard?: JsonViewProps<T>['enableClipboard'];
     highlightUpdates?: JsonViewProps<T>['highlightUpdates'];
     collapsed?: JsonViewProps<T>['collapsed'];
+    shouldExpandNodeInitially?: JsonViewProps<T>['shouldExpandNodeInitially'];
     indentWidth?: number;
 }
 export declare const initialState: InitialState<object>;
@@ -20,10 +23,13 @@ export declare const Context: React.Context<InitialState<object>>;
 export declare function reducer(state: InitialState<object>, action: InitialState<object>): InitialState<object>;
 export declare const useStore: () => InitialState<object>;
 export declare const useDispatchStore: () => Dispatch;
-export interface ProviderProps {
+export interface ProviderProps<T extends TagType> {
     initialState?: InitialState<object>;
-    initialTypes?: InitialTypesState;
+    initialTypes?: InitialTypesState<T>;
 }
-export declare const Provider: React.FC<PropsWithChildren<ProviderProps>>;
+export declare const Provider: {
+    <T extends TagType>({ children, initialState: init, initialTypes, }: PropsWithChildren<ProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare function useDispatch(): Dispatch;
 export {};

package/cjs/store.js

@@ -18,28 +18,24 @@ var _Types = require("./store/Types");
 var _Symbols = require("./store/Symbols");
 var _Section = require("./store/Section");
 var _jsxRuntime = require("react/jsx-runtime");
-var initialState = {
+var initialState = exports.initialState = {
   objectSortKeys: false,
   indentWidth: 15
 };
-exports.initialState = initialState;
-var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
-exports.Context = Context;
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 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);
 }
-var useStore = function useStore() {
+var useStore = exports.useStore = function useStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useStore = useStore;
-var useDispatchStore = function useDispatchStore() {
+var useDispatchStore = exports.useDispatchStore = function useDispatchStore() {
   return (0, _react.useContext)(DispatchContext);
 };
-exports.useDispatchStore = useDispatchStore;
-var Provider = function Provider(_ref) {
+var Provider = exports.Provider = function Provider(_ref) {
   var children = _ref.children,
     init = _ref.initialState,
     initialTypes = _ref.initialTypes;
@@ -98,7 +94,6 @@ var Provider = function Provider(_ref) {
     })
   });
 };
-exports.Provider = Provider;
 function useDispatch() {
   return (0, _react.useContext)(DispatchContext);
 }

package/cjs/symbol/Arrow.d.ts

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

package/cjs/symbol/Arrow.js

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

@@ -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/cjs/symbol/index.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { type SymbolsElement } from '../store/Symbols';
+import { type SymbolsElement, type SymbolsElementResult } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {
-    (props: {
-        isNumber?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <T extends object>(props: {
+        isNumber?: boolean;
+    } & React.HTMLAttributes<HTMLElement> & SymbolsElementResult<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export declare const ValueQuote: {
@@ -12,31 +11,27 @@ export declare const ValueQuote: {
     displayName: string;
 };
 export declare const Colon: {
-    (): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    <T extends object>(props: SymbolsElementResult<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Arrow: {
-    <T extends TagType>(props: {
-        as?: T | undefined;
-        render?: ((props: SymbolsElement<T>) => import("react").ReactNode) | undefined;
-        'data-type'?: string | undefined;
-    } & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    <T extends TagType, K extends object>(props: SymbolsElement<T> & {
         expandKey: string;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    } & SymbolsElementResult<K>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const BracketsOpen: {
-    ({ isBrackets }: {
-        isBrackets?: boolean | undefined;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    <K extends object>(props: {
+        isBrackets?: boolean;
+    } & 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: {
-    ({ isBrackets, isVisiable }: BracketsCloseProps): 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 {};