@uiw/react-json-view 2.0.0-alpha.3 → 2.0.0-alpha.31

package/esm/editor/index.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "onEdit", "editable"];
+import { forwardRef } from 'react';
+import JsonView from '../';
+import { KeyNameRender } from './KeyName';
+import { Context, Dispatch, useStoreReducer } from './store';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var JsonViewEditor = /*#__PURE__*/forwardRef((props, ref) => {
+  var {
+      children,
+      onEdit,
+      editable = true
+    } = props,
+    reset = _objectWithoutPropertiesLoose(props, _excluded);
+  var [state, dispatch] = useStoreReducer({
+    onEdit
+  });
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: state,
+    children: /*#__PURE__*/_jsx(Dispatch.Provider, {
+      value: dispatch,
+      children: /*#__PURE__*/_jsxs(JsonView, _extends({}, reset, {
+        shortenTextAfterLength: 0,
+        ref: ref,
+        children: [editable && /*#__PURE__*/_jsx(JsonView.KeyName, {
+          render: KeyNameRender
+        }), children]
+      }))
+    })
+  });
+});
+export default JsonViewEditor;

package/esm/editor/store.d.ts

@@ -0,0 +1,27 @@
+type InitialState = {
+    /**
+     * When a callback function is passed in, edit functionality is enabled. The callback is invoked before edits are completed.
+     * @returns {boolean}  Returning false from onEdit will prevent the change from being made.
+     */
+    onEdit?: (option: {
+        value: unknown;
+        oldValue: unknown;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: 'value' | 'key';
+    }) => boolean;
+};
+type Dispatch = React.Dispatch<InitialState>;
+export declare const Context: import("react").Context<InitialState>;
+export declare const Dispatch: import("react").Context<Dispatch>;
+export declare const useStore: () => InitialState;
+export declare function useStoreReducer(initialState: InitialState): [{
+    onEdit?: (option: {
+        value: unknown;
+        oldValue: unknown;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: "value" | "key";
+    }) => boolean;
+}, import("react").Dispatch<InitialState>];
+export {};

package/esm/editor/store.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { createContext, useContext, useReducer } from 'react';
+var initialState = {};
+export var Context = /*#__PURE__*/createContext(initialState);
+var reducer = (state, action) => _extends({}, state, action);
+export var Dispatch = /*#__PURE__*/createContext(() => {});
+Dispatch.displayName = 'JVR.Editor.Dispatch';
+export var useStore = () => {
+  return useContext(Context);
+};
+export function useStoreReducer(initialState) {
+  return useReducer(reducer, initialState);
+}

package/esm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BraceLeft } from './symbol/BraceLeft';
 import { BraceRight } from './symbol/BraceRight';
 import { BracketsLeft } from './symbol/BracketsLeft';
@@ -25,6 +24,7 @@ import { CountInfo } from './section/CountInfo';
 import { CountInfoExtra } from './section/CountInfoExtra';
 import { Ellipsis } from './section/Ellipsis';
 import { KeyName } from './section/KeyName';
+import { Row } from './section/Row';
 export * from './store';
 export * from './store/Expands';
 export * from './store/ShowTools';
@@ -37,7 +37,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** Define the root node name. @default undefined */
     keyName?: string | number;
     /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-    objectSortKeys?: boolean | ((a: string, b: string) => number);
+    objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
     /** Set the indent-width for nested objects @default 15 */
     indentWidth?: number;
     /** When set to `true`, `objects` and `arrays` are labeled with size @default true */
@@ -48,10 +48,18 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     enableClipboard?: boolean;
     /** 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;
     /** Whether to highlight updates. @default true */
     highlightUpdates?: boolean;
-    /** Shorten long JSON strings, Set to `0` to disable this feature @default 20 */
+    /** Shorten long JSON strings, Set to `0` to disable this feature @default 30 */
     shortenTextAfterLength?: number;
+    /** When the text exceeds the length, `...` will be displayed. Currently, this `...` can be customized. @default "..." */
+    stringEllipsis?: number;
     /** Callback function for when a treeNode is expanded or collapsed */
     onExpand?: (props: {
         expand: boolean;
@@ -89,6 +97,7 @@ type JsonViewComponent = React.FC<React.PropsWithRef<JsonViewProps<object>>> & {
     CountInfo: typeof CountInfo;
     CountInfoExtra: typeof CountInfoExtra;
     KeyName: typeof KeyName;
+    Row: typeof Row;
 };
 declare const JsonView: JsonViewComponent;
 export default JsonView;

package/esm/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "style", "value", "children", "collapsed", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand"];
+var _excluded = ["className", "style", "value", "children", "collapsed", "shouldExpandNodeInitially", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "stringEllipsis", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied"];
 import { forwardRef } from 'react';
 import { Provider } from './store';
 import { Container } from './Container';
@@ -30,8 +30,8 @@ import { CountInfo } from './section/CountInfo';
 import { CountInfoExtra } from './section/CountInfoExtra';
 import { Ellipsis } from './section/Ellipsis';
 import { KeyName } from './section/KeyName';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Row } from './section/Row';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export * from './store';
 export * from './store/Expands';
 export * from './store/ShowTools';
@@ -45,14 +45,17 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       children,
       collapsed,
+      shouldExpandNodeInitially,
       indentWidth = 15,
       displayObjectSize = true,
-      shortenTextAfterLength = 20,
+      shortenTextAfterLength = 30,
+      stringEllipsis,
       highlightUpdates = true,
       enableClipboard = true,
       displayDataTypes = true,
       objectSortKeys = false,
-      onExpand
+      onExpand,
+      onCopied
     } = props,
     elmProps = _objectWithoutPropertiesLoose(props, _excluded);
   var defaultStyle = _extends({
@@ -68,11 +71,14 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       objectSortKeys,
       indentWidth,
+      shouldExpandNodeInitially,
       displayObjectSize,
       collapsed,
       enableClipboard,
       shortenTextAfterLength,
+      stringEllipsis,
       highlightUpdates,
+      onCopied,
       onExpand
     },
     initialTypes: {
@@ -113,5 +119,6 @@ JsonView.Copied = Copied;
 JsonView.CountInfo = CountInfo;
 JsonView.CountInfoExtra = CountInfoExtra;
 JsonView.KeyName = KeyName;
+JsonView.Row = Row;
 JsonView.displayName = 'JVR.JsonView';
 export default JsonView;

package/esm/section/Copied.d.ts

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

package/esm/section/CountInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement, type SectionElementProps } from '../store/Section';
 export declare const CountInfo: {
@@ -10,6 +9,6 @@ export interface CountInfoCompProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoComp: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/esm/section/CountInfo.js

@@ -36,7 +36,7 @@ export var CountInfoComp = props => {
   reset.style = _extends({}, reset.style, props.style);
   var len = Object.keys(value).length;
   if (!reset.children) {
-    reset.children = len + " items";
+    reset.children = len + " item" + (len === 1 ? '' : 's');
   }
   var elmProps = _extends({}, reset, other);
   var isRender = render && typeof render === 'function';

package/esm/section/CountInfoExtra.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement, type SectionElementProps } from '../store/Section';
 export declare const CountInfoExtra: {
@@ -10,6 +9,6 @@ export interface CountInfoExtraCompsProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoExtraComps: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoExtraCompsProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <T extends object, K extends TagType>(props: SectionElementProps<K> & CountInfoExtraCompsProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/esm/section/Ellipsis.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 export declare const Ellipsis: {

package/esm/section/Ellipsis.js

@@ -34,7 +34,7 @@ export var EllipsisComp = _ref => {
     keyName
   });
   if (child) return child;
-  if (!isExpanded) return null;
+  if (!isExpanded || typeof value === 'object' && Object.keys(value).length == 0) return null;
   return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
 };
 EllipsisComp.displayName = 'JVR.EllipsisComp';

package/esm/section/KeyName.d.ts

@@ -1,13 +1,14 @@
-import { type FC, type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
+import { type SectionElementResult } from '../store/Section';
 export declare const KeyName: {
     <K extends TagType>(props: SectionElement<K>): null;
     displayName: string;
 };
-type KeyNameCompProps = {
-    keyName: string | number;
-    value?: unknown;
+export interface KeyNameCompProps<T extends object> extends React.HTMLAttributes<HTMLSpanElement>, SectionElementResult<T> {
+}
+export declare const KeyNameComp: {
+    <T extends object>(props: PropsWithChildren<KeyNameCompProps<T>>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-export declare const KeyNameComp: FC<PropsWithChildren<KeyNameCompProps>>;
-export {};

package/esm/section/KeyName.js

@@ -16,7 +16,9 @@ export var KeyNameComp = props => {
   var {
     children,
     value,
-    keyName
+    parentValue,
+    keyName,
+    keys
   } = props;
   var isNumber = typeof children === 'number';
   var style = {
@@ -36,7 +38,9 @@ export var KeyNameComp = props => {
     children
   }), {
     value,
-    keyName
+    parentValue,
+    keyName,
+    keys: keys || (keyName ? [keyName] : [])
   });
   if (child) return child;
   return /*#__PURE__*/_jsx(Elm, _extends({}, reset, {

package/esm/section/Row.d.ts

@@ -0,0 +1,13 @@
+import { type TagType } from '../store/Types';
+import { type SectionElement } from '../store/Section';
+import { type SectionElementResult } from '../store/Section';
+export declare const Row: {
+    <K extends TagType>(props: SectionElement<K>): null;
+    displayName: string;
+};
+export interface RowCompProps<T extends object> extends React.HTMLAttributes<HTMLDivElement>, SectionElementResult<T> {
+}
+export declare const RowComp: {
+    <T extends object>(props: React.PropsWithChildren<RowCompProps<T>>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/esm/section/Row.js

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "value", "parentValue", "keyName", "keys"],
+  _excluded2 = ["as", "render", "children"];
+import { useSectionStore } from '../store/Section';
+import { useSectionRender } from '../utils/useRender';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Row = props => {
+  var {
+    Row: Comp = {}
+  } = useSectionStore();
+  useSectionRender(Comp, props, 'Row');
+  return null;
+};
+Row.displayName = 'JVR.Row';
+export var RowComp = props => {
+  var {
+      children,
+      value,
+      parentValue,
+      keyName,
+      keys
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  var {
+    Row: Comp = {}
+  } = useSectionStore();
+  var {
+      as,
+      render
+    } = Comp,
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
+  var Elm = as || 'div';
+  var child = render && typeof render === 'function' && render(_extends({}, other, reset, {
+    children
+  }), {
+    value,
+    keyName,
+    parentValue,
+    keys
+  });
+  if (child) return child;
+  return /*#__PURE__*/_jsx(Elm, _extends({}, other, reset, {
+    children: children
+  }));
+};
+RowComp.displayName = 'JVR.RowComp';

package/esm/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/esm/store/Section.js

@@ -38,6 +38,10 @@ var initialState = {
     className: 'w-rjv-ellipsis',
     children: '...'
   },
+  Row: {
+    as: 'div',
+    className: 'w-rjv-line'
+  },
   KeyName: {
     as: 'span',
     className: 'w-rjv-object-key'

package/esm/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/esm/store/Types.d.ts

@@ -1,34 +1,35 @@
-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;
     }) => 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 +43,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/esm/store/Types.js

@@ -40,7 +40,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',
@@ -76,7 +77,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',
@@ -133,7 +135,7 @@ export function useTypes() {
 export function useTypesDispatch() {
   return useContext(DispatchTypes);
 }
-export var Types = _ref => {
+export function Types(_ref) {
   var {
     initial,
     dispatch,
@@ -146,5 +148,5 @@ export var Types = _ref => {
       children: children
     })
   });
-};
+}
 Types.displayName = 'JVR.Types';

package/esm/store.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { JsonViewProps } from './';
-import { type InitialTypesState } from './store/Types';
+import { type InitialTypesState, type TagType } from './store/Types';
 export type BlockTagType = keyof JSX.IntrinsicElements;
 export interface InitialState<T extends object> {
     value?: object;
@@ -9,9 +9,11 @@ export interface InitialState<T extends object> {
     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 +22,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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;
 };