@xyo-network/react-chain-provider 1.20.15 → 1.20.16

package/README.md

@@ -1,3317 +1,24 @@
 # @xyo-network/react-chain-provider
 
-[![logo][]](https://xyo.network)
+[![npm][npm-badge]][npm-link]
+[![license][license-badge]][license-link]
 
-[![npm-badge][]][npm-link]
-[![npm-downloads-badge][]][npm-link]
-[![jsdelivr-badge][]][jsdelivr-link]
-[![npm-license-badge][]](LICENSE)
-[![socket-badge][]][socket-link]
+> XYO Layer One API
 
-XYO Layer One API
+## Install
 
-
-
-## Reference
-
-**@xyo-network/react-chain-provider**
-
-***
-
-## Classes
-
-- [TransactionConfirmationStatus](#classes/TransactionConfirmationStatus)
-
-## Interfaces
-
-- [ConnectClientAccountsStackProps](#interfaces/ConnectClientAccountsStackProps)
-- [AccountBalanceHistoryItemFormatted](#interfaces/AccountBalanceHistoryItemFormatted)
-
-## Type Aliases
-
-- [BalanceTransactionType](#type-aliases/BalanceTransactionType)
-- [ConfirmationStatusUpdate](#type-aliases/ConfirmationStatusUpdate)
-- [TransactionConfirmationParams](#type-aliases/TransactionConfirmationParams)
-
-## Variables
-
-- [ConnectAccountsStack](#variables/ConnectAccountsStack)
-- [ConnectedAccount](#variables/ConnectedAccount)
-
-## Functions
-
-- [formatAccountBalanceHistory](#functions/formatAccountBalanceHistory)
-- [useAccountBalanceHistory](#functions/useAccountBalanceHistory)
-- [usePermissions](#functions/usePermissions)
-- [useAccountPermissions](#functions/useAccountPermissions)
-- [useClient](#functions/useClient)
-- [useGateway](#functions/useGateway)
-- [listenForClientInjection](#functions/listenForClientInjection)
-- [getXyoClient](#functions/getXyoClient)
-- [useAddressBalance](#functions/useAddressBalance)
-- [useConfirmTransactionBase](#functions/useConfirmTransactionBase)
-- [useConnectAccount](#functions/useConnectAccount)
-- [useCurrentBlock](#functions/useCurrentBlock)
-- [useHttpRpcRunner](#functions/useHttpRpcRunner)
-- [useNetwork](#functions/useNetwork)
-- [useSigner](#functions/useSigner)
-- [useCheckLocalRpc](#functions/useCheckLocalRpc)
-- [useCheckSequenceRpc](#functions/useCheckSequenceRpc)
-- [useCheckRpc](#functions/useCheckRpc)
-- [useHttpRpcViewer](#functions/useHttpRpcViewer)
-- [useViewerFromWallet](#functions/useViewerFromWallet)
-- [balanceForRange](#functions/balanceForRange)
-- [findMinimumBlock](#functions/findMinimumBlock)
-
-### classes
-
-  ### <a id="TransactionConfirmationStatus"></a>TransactionConfirmationStatus
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-## Constructors
-
-### Constructor
-
-```ts
-new TransactionConfirmationStatus(params): TransactionConfirmationStatus;
-```
-
-### Parameters
-
-#### params
-
-[`TransactionConfirmationParams`](#../type-aliases/TransactionConfirmationParams)
-
-### Returns
-
-`TransactionConfirmationStatus`
-
-## Accessors
-
-### exp
-
-### Get Signature
-
-```ts
-get exp(): number;
-```
-
-#### Returns
-
-`number`
-
-***
-
-### nbf
-
-### Get Signature
-
-```ts
-get nbf(): number;
-```
-
-#### Returns
-
-`number`
-
-***
-
-### onStatusUpdate
-
-### Get Signature
-
-```ts
-get onStatusUpdate(): (status) => void | undefined;
-```
-
-#### Returns
-
-(`status`) => `void` \| `undefined`
-
-***
-
-### params
-
-### Get Signature
-
-```ts
-get params(): TransactionConfirmationParams;
-```
-
-#### Returns
-
-[`TransactionConfirmationParams`](#../type-aliases/TransactionConfirmationParams)
-
-***
-
-### transaction
-
-### Get Signature
-
-```ts
-get transaction(): SignedHydratedTransaction;
-```
-
-#### Returns
-
-`SignedHydratedTransaction`
-
-***
-
-### txHash
-
-### Get Signature
-
-```ts
-get txHash(): Hash;
-```
-
-#### Returns
-
-`Hash`
-
-***
-
-### viewer
-
-### Get Signature
-
-```ts
-get viewer(): XyoViewer;
-```
-
-#### Returns
-
-`XyoViewer`
-
-## Methods
-
-### create()
-
-```ts
-static create(params): Promisable<TransactionConfirmationStatus>;
-```
-
-### Parameters
-
-#### params
-
-[`TransactionConfirmationParams`](#../type-aliases/TransactionConfirmationParams)
-
-### Returns
-
-`Promisable`\<`TransactionConfirmationStatus`\>
-
-***
-
-### start()
-
-```ts
-start(): Promise<void>;
-```
-
-### Returns
-
-`Promise`\<`void`\>
-
-***
-
-### stop()
-
-```ts
-stop(): Promisable<void>;
-```
-
-### Returns
-
-`Promisable`\<`void`\>
-
-### functions
-
-  ### <a id="balanceForRange"></a>balanceForRange
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function balanceForRange(address, results): [AttoXL1, AttoXL1];
-```
-
-## Parameters
-
-### address
-
-`Address`
-
-### results
-
-`AccountBalanceHistoryItem`[]
-
-## Returns
-
-\[`AttoXL1`, `AttoXL1`\]
-
-  ### <a id="findMinimumBlock"></a>findMinimumBlock
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function findMinimumBlock(history): number;
-```
-
-## Parameters
-
-### history
-
-`AccountBalanceHistoryItem`[]
-
-## Returns
-
-`number`
-
-  ### <a id="formatAccountBalanceHistory"></a>formatAccountBalanceHistory
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function formatAccountBalanceHistory(address, history): AccountBalanceHistoryItemFormatted[];
-```
-
-## Parameters
-
-### address
-
-`Address`
-
-### history
-
-`AccountBalanceHistoryItem`[]
-
-## Returns
-
-[`AccountBalanceHistoryItemFormatted`](#../interfaces/AccountBalanceHistoryItemFormatted)[]
-
-  ### <a id="getXyoClient"></a>getXyoClient
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function getXyoClient(timeout): Promise<ReturnType>;
-```
-
-## Parameters
-
-### timeout
-
-`number` = `CLIENT_LISTENER_TIMEOUT`
-
-## Returns
-
-`Promise`\<`ReturnType`\>
-
-  ### <a id="listenForClientInjection"></a>listenForClientInjection
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function listenForClientInjection(
-   onClientReady, 
-   timeout, 
-   onTimeout): void;
-```
-
-## Parameters
-
-### onClientReady
-
-() => `void`
-
-### timeout
-
-`number`
-
-### onTimeout
-
-() => `void`
-
-## Returns
-
-`void`
-
-  ### <a id="useAccountBalanceHistory"></a>useAccountBalanceHistory
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useAccountBalanceHistory(
-   address?, 
-   viewer?, 
-   refresh?): [
-  | {
-  history: AccountBalanceHistoryItemFormatted[];
-  balance: [AttoXL1, AttoXL1];
-  truncated: boolean;
-}
-  | undefined, Error | undefined, UsePromiseState | undefined];
-```
-
-## Parameters
-
-### address?
-
-`Address`
-
-### viewer?
-
-`XyoViewer`
-
-### refresh?
-
-`number`
-
-## Returns
-
-\[
-  \| \{
-  `history`: [`AccountBalanceHistoryItemFormatted`](#../interfaces/AccountBalanceHistoryItemFormatted)[];
-  `balance`: \[`AttoXL1`, `AttoXL1`\];
-  `truncated`: `boolean`;
-\}
-  \| `undefined`, `Error` \| `undefined`, `UsePromiseState` \| `undefined`\]
-
-  ### <a id="useAccountPermissions"></a>useAccountPermissions
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useAccountPermissions(): [readonly string[] | undefined, Error | undefined, UsePromiseState | undefined];
-```
-
-## Returns
-
-\[readonly `string`[] \| `undefined`, `Error` \| `undefined`, `UsePromiseState` \| `undefined`\]
-
-  ### <a id="useAddressBalance"></a>useAddressBalance
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useAddressBalance(
-   address?, 
-   viewer?, 
-   refresh?): object;
-```
-
-## Parameters
-
-### address?
-
-`Address`
-
-### viewer?
-
-`XyoViewer`
-
-### refresh?
-
-`number`
-
-## Returns
-
-`object`
-
-### address
-
-```ts
-address: Address | undefined;
-```
-
-### balanceForAddress
-
-```ts
-balanceForAddress: AttoXL1 | null | undefined = balancesResult;
-```
-
-### balanceIntlFriendly
-
-```ts
-balanceIntlFriendly: string | undefined;
-```
-
-### shortBalanceIntlFriendly
-
-```ts
-shortBalanceIntlFriendly: string | undefined;
-```
-
-### error
-
-```ts
-error: Error | undefined = balancesError;
-```
-
-### loading
-
-```ts
-loading: boolean;
-```
-
-  ### <a id="useCheckLocalRpc"></a>useCheckLocalRpc
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useCheckLocalRpc(): object;
-```
-
-## Returns
-
-`object`
-
-### isLocalProducer
-
-```ts
-isLocalProducer: boolean;
-```
-
-### error
-
-```ts
-error: Error | undefined;
-```
-
-  ### <a id="useCheckRpc"></a>useCheckRpc
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useCheckRpc(endpoint?): object;
-```
-
-## Parameters
-
-### endpoint?
-
-`string`
-
-## Returns
-
-`object`
-
-### isLocalProducer
-
-```ts
-isLocalProducer: boolean;
-```
-
-### error
-
-```ts
-error: Error | undefined;
-```
-
-  ### <a id="useCheckSequenceRpc"></a>useCheckSequenceRpc
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useCheckSequenceRpc(): object;
-```
-
-## Returns
-
-`object`
-
-### isLocalProducer
-
-```ts
-isLocalProducer: boolean;
-```
-
-### error
-
-```ts
-error: Error | undefined;
-```
-
-  ### <a id="useClient"></a>useClient
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useClient(timeout?): ClientState;
-```
-
-## Parameters
-
-### timeout?
-
-`number`
-
-## Returns
-
-`ClientState`
-
-  ### <a id="useConfirmTransactionBase"></a>useConfirmTransactionBase
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useConfirmTransactionBase(
-   transaction?, 
-   onBroadcast?, 
-   onStatusUpdate?, 
-   runner?, 
-   viewer?): object;
-```
-
-## Parameters
-
-### transaction?
-
-`SignedHydratedTransaction`
-
-### onBroadcast?
-
-(`hash`) => `void`
-
-### onStatusUpdate?
-
-(`status`) => `void`
-
-### runner?
-
-`XyoRunner`
-
-### viewer?
-
-`XyoViewer`
-
-## Returns
-
-`object`
-
-### status
-
-```ts
-status: 
-  | ConfirmationStatusUpdate
-  | undefined;
-```
-
-### transactionConfirmationError
-
-```ts
-transactionConfirmationError: Error | undefined;
-```
-
-  ### <a id="useConnectAccount"></a>useConnectAccount
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useConnectAccount(gatewayName, timeout?): object;
-```
-
-## Parameters
-
-### gatewayName
-
-`GatewayName` = `MainNetwork.id`
-
-### timeout?
-
-`number`
-
-## Returns
-
-`object`
-
-### address
-
-```ts
-address: Address | undefined;
-```
-
-### connectSigner()
-
-```ts
-connectSigner: () => Promise<Address | undefined>;
-```
-
-### Returns
-
-`Promise`\<`Address` \| `undefined`\>
-
-### error
-
-```ts
-error: Error | undefined;
-```
-
-### gateway
-
-```ts
-gateway: XyoGateway | null | undefined;
-```
-
-### timedout
-
-```ts
-timedout: boolean;
-```
-
-  ### <a id="useCurrentBlock"></a>useCurrentBlock
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useCurrentBlock(refresh, viewer?): [HydratedBlock | undefined, Error | undefined, UsePromiseState | undefined];
-```
-
-## Parameters
-
-### refresh
-
-`number` = `1`
-
-### viewer?
-
-`XyoViewer` | `null`
-
-## Returns
-
-\[`HydratedBlock` \| `undefined`, `Error` \| `undefined`, `UsePromiseState` \| `undefined`\]
-
-  ### <a id="useGateway"></a>useGateway
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useGateway(gatewayName?, timeout?): object;
-```
-
-## Parameters
-
-### gatewayName?
-
-`GatewayName`
-
-### timeout?
-
-`number`
-
-## Returns
-
-`object`
-
-### gateway
-
-```ts
-gateway: XyoGateway | null | undefined;
-```
-
-### isLoading
-
-```ts
-isLoading: boolean;
-```
-
-### error
-
-```ts
-error: Error | null;
-```
-
-### timedout
-
-```ts
-timedout: boolean;
-```
-
-  ### <a id="useHttpRpcRunner"></a>useHttpRpcRunner
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useHttpRpcRunner(url?): JsonRpcXyoRunner | undefined;
-```
-
-## Parameters
-
-### url?
-
-`string`
-
-## Returns
-
-`JsonRpcXyoRunner` \| `undefined`
-
-  ### <a id="useHttpRpcViewer"></a>useHttpRpcViewer
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useHttpRpcViewer(url?): JsonRpcXyoViewer | undefined;
-```
-
-## Parameters
-
-### url?
-
-`string`
-
-## Returns
-
-`JsonRpcXyoViewer` \| `undefined`
-
-  ### <a id="useNetwork"></a>useNetwork
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useNetwork(id?): SimpleXyoNetwork | undefined;
-```
-
-## Parameters
-
-### id?
-
-`DefaultNetworkIds`
-
-## Returns
-
-`SimpleXyoNetwork` \| `undefined`
-
-  ### <a id="usePermissions"></a>usePermissions
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function usePermissions(): object;
-```
-
-## Returns
-
-`object`
-
-### permissions
-
-```ts
-permissions: XyoPermissions | undefined;
-```
-
-### isLoading
-
-```ts
-isLoading: boolean;
-```
-
-### error
-
-```ts
-error: Error | null;
-```
-
-### timedout
-
-```ts
-timedout: boolean;
-```
-
-  ### <a id="useSigner"></a>useSigner
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useSigner(_provider?, account?): XyoSigner | undefined;
-```
-
-## Parameters
-
-### \_provider?
-
-`XyoConnection`
-
-### account?
-
-`AccountInstance`
-
-## Returns
-
-`XyoSigner` \| `undefined`
-
-  ### <a id="useViewerFromWallet"></a>useViewerFromWallet
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-function useViewerFromWallet(networkId?, timeout?): [XyoViewer | null | undefined, Error | undefined, UsePromiseState | undefined];
-```
-
-Creates a JsonRpcXyoViewer instance based on the provided networkId.
-
-## Parameters
-
-### networkId?
-
-`GatewayName`
-
-a network id like 'sequence', 'local', etc.
-
-### timeout?
-
-`number`
-
-## Returns
-
-\[`XyoViewer` \| `null` \| `undefined`, `Error` \| `undefined`, `UsePromiseState` \| `undefined`\]
-
-An instance of XyoViewer if the networkId is found in wallet gateways
-otherwise undefined.
-
-### interfaces
-
-  ### <a id="AccountBalanceHistoryItemFormatted"></a>AccountBalanceHistoryItemFormatted
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-## Properties
-
-### amount
-
-```ts
-amount: bigint;
-```
-
-***
-
-### blockNumber
-
-```ts
-blockNumber: number;
-```
-
-***
-
-### debug
-
-```ts
-debug: AccountBalanceHistoryItem;
-```
-
-***
-
-### from
-
-```ts
-from: Address;
-```
-
-***
-
-### key
-
-```ts
-key: string;
-```
-
-***
-
-### timestamp
-
-```ts
-timestamp: number;
-```
-
-***
-
-### to
-
-```ts
-to: Address;
-```
-
-***
-
-### txHash
-
-```ts
-txHash: Hash | undefined;
-```
-
-***
-
-### type
-
-```ts
-type: BalanceTransactionType;
-```
-
-  ### <a id="ConnectClientAccountsStackProps"></a>ConnectClientAccountsStackProps
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-## Extends
-
-- `StackProps`
-
-## Properties
-
-### border?
-
-```ts
-optional border: 
-  | ResponsiveStyleValue<
-  | number
-  | string & object
-  | "inset"
-  | "hidden"
-  | "-moz-initial"
-  | "inherit"
-  | "initial"
-  | "revert"
-  | "revert-layer"
-  | "unset"
-  | "medium"
-  | "thick"
-  | "thin"
-  | "dashed"
-  | "dotted"
-  | "double"
-  | "groove"
-  | "none"
-  | "outset"
-  | "ridge"
-  | "solid"
-  | "aliceblue"
-  | "antiquewhite"
-  | "aqua"
-  | "aquamarine"
-  | "azure"
-  | "beige"
-  | "bisque"
-  | "black"
-  | "blanchedalmond"
-  | "blue"
-  | "blueviolet"
-  | "brown"
-  | "burlywood"
-  | "cadetblue"
-  | "chartreuse"
-  | "chocolate"
-  | "coral"
-  | "cornflowerblue"
-  | "cornsilk"
-  | "crimson"
-  | "cyan"
-  | "darkblue"
-  | "darkcyan"
-  | "darkgoldenrod"
-  | "darkgray"
-  | "darkgreen"
-  | "darkgrey"
-  | "darkkhaki"
-  | "darkmagenta"
-  | "darkolivegreen"
-  | "darkorange"
-  | "darkorchid"
-  | "darkred"
-  | "darksalmon"
-  | "darkseagreen"
-  | "darkslateblue"
-  | "darkslategray"
-  | "darkslategrey"
-  | "darkturquoise"
-  | "darkviolet"
-  | "deeppink"
-  | "deepskyblue"
-  | "dimgray"
-  | "dimgrey"
-  | "dodgerblue"
-  | "firebrick"
-  | "floralwhite"
-  | "forestgreen"
-  | "fuchsia"
-  | "gainsboro"
-  | "ghostwhite"
-  | "gold"
-  | "goldenrod"
-  | "gray"
-  | "green"
-  | "greenyellow"
-  | "grey"
-  | "honeydew"
-  | "hotpink"
-  | "indianred"
-  | "indigo"
-  | "ivory"
-  | "khaki"
-  | "lavender"
-  | "lavenderblush"
-  | "lawngreen"
-  | "lemonchiffon"
-  | "lightblue"
-  | "lightcoral"
-  | "lightcyan"
-  | "lightgoldenrodyellow"
-  | "lightgray"
-  | "lightgreen"
-  | "lightgrey"
-  | "lightpink"
-  | "lightsalmon"
-  | "lightseagreen"
-  | "lightskyblue"
-  | "lightslategray"
-  | "lightslategrey"
-  | "lightsteelblue"
-  | "lightyellow"
-  | "lime"
-  | "limegreen"
-  | "linen"
-  | "magenta"
-  | "maroon"
-  | "mediumaquamarine"
-  | "mediumblue"
-  | "mediumorchid"
-  | "mediumpurple"
-  | "mediumseagreen"
-  | "mediumslateblue"
-  | "mediumspringgreen"
-  | "mediumturquoise"
-  | "mediumvioletred"
-  | "midnightblue"
-  | "mintcream"
-  | "mistyrose"
-  | "moccasin"
-  | "navajowhite"
-  | "navy"
-  | "oldlace"
-  | "olive"
-  | "olivedrab"
-  | "orange"
-  | "orangered"
-  | "orchid"
-  | "palegoldenrod"
-  | "palegreen"
-  | "paleturquoise"
-  | "palevioletred"
-  | "papayawhip"
-  | "peachpuff"
-  | "peru"
-  | "pink"
-  | "plum"
-  | "powderblue"
-  | "purple"
-  | "rebeccapurple"
-  | "red"
-  | "rosybrown"
-  | "royalblue"
-  | "saddlebrown"
-  | "salmon"
-  | "sandybrown"
-  | "seagreen"
-  | "seashell"
-  | "sienna"
-  | "silver"
-  | "skyblue"
-  | "slateblue"
-  | "slategray"
-  | "slategrey"
-  | "snow"
-  | "springgreen"
-  | "steelblue"
-  | "tan"
-  | "teal"
-  | "thistle"
-  | "tomato"
-  | "turquoise"
-  | "violet"
-  | "wheat"
-  | "white"
-  | "whitesmoke"
-  | "yellow"
-  | "yellowgreen"
-  | "transparent"
-  | "AccentColor"
-  | "AccentColorText"
-  | "ActiveText"
-  | "ButtonBorder"
-  | "ButtonFace"
-  | "ButtonText"
-  | "Canvas"
-  | "CanvasText"
-  | "Field"
-  | "FieldText"
-  | "GrayText"
-  | "Highlight"
-  | "HighlightText"
-  | "LinkText"
-  | "Mark"
-  | "MarkText"
-  | "SelectedItem"
-  | "SelectedItemText"
-  | "VisitedText"
-  | "ActiveBorder"
-  | "ActiveCaption"
-  | "AppWorkspace"
-  | "Background"
-  | "ButtonHighlight"
-  | "ButtonShadow"
-  | "CaptionText"
-  | "InactiveBorder"
-  | "InactiveCaption"
-  | "InactiveCaptionText"
-  | "InfoBackground"
-  | "InfoText"
-  | "Menu"
-  | "MenuText"
-  | "Scrollbar"
-  | "ThreeDDarkShadow"
-  | "ThreeDFace"
-  | "ThreeDHighlight"
-  | "ThreeDLightShadow"
-  | "ThreeDShadow"
-  | "Window"
-  | "WindowFrame"
-  | "WindowText"
-  | "currentColor"
-  | undefined>
-  | (theme) => ResponsiveStyleValue<
-  | number
-  | string & object
-  | "inset"
-  | "hidden"
-  | "-moz-initial"
-  | "inherit"
-  | "initial"
-  | "revert"
-  | "revert-layer"
-  | "unset"
-  | "medium"
-  | "thick"
-  | "thin"
-  | "dashed"
-  | "dotted"
-  | "double"
-  | "groove"
-  | "none"
-  | "outset"
-  | "ridge"
-  | "solid"
-  | "aliceblue"
-  | "antiquewhite"
-  | "aqua"
-  | "aquamarine"
-  | "azure"
-  | "beige"
-  | "bisque"
-  | "black"
-  | "blanchedalmond"
-  | "blue"
-  | "blueviolet"
-  | "brown"
-  | "burlywood"
-  | "cadetblue"
-  | "chartreuse"
-  | "chocolate"
-  | "coral"
-  | "cornflowerblue"
-  | "cornsilk"
-  | "crimson"
-  | "cyan"
-  | "darkblue"
-  | "darkcyan"
-  | "darkgoldenrod"
-  | "darkgray"
-  | "darkgreen"
-  | "darkgrey"
-  | "darkkhaki"
-  | "darkmagenta"
-  | "darkolivegreen"
-  | "darkorange"
-  | "darkorchid"
-  | "darkred"
-  | "darksalmon"
-  | "darkseagreen"
-  | "darkslateblue"
-  | "darkslategray"
-  | "darkslategrey"
-  | "darkturquoise"
-  | "darkviolet"
-  | "deeppink"
-  | "deepskyblue"
-  | "dimgray"
-  | "dimgrey"
-  | "dodgerblue"
-  | "firebrick"
-  | "floralwhite"
-  | "forestgreen"
-  | "fuchsia"
-  | "gainsboro"
-  | "ghostwhite"
-  | "gold"
-  | "goldenrod"
-  | "gray"
-  | "green"
-  | "greenyellow"
-  | "grey"
-  | "honeydew"
-  | "hotpink"
-  | "indianred"
-  | "indigo"
-  | "ivory"
-  | "khaki"
-  | "lavender"
-  | "lavenderblush"
-  | "lawngreen"
-  | "lemonchiffon"
-  | "lightblue"
-  | "lightcoral"
-  | "lightcyan"
-  | "lightgoldenrodyellow"
-  | "lightgray"
-  | "lightgreen"
-  | "lightgrey"
-  | "lightpink"
-  | "lightsalmon"
-  | "lightseagreen"
-  | "lightskyblue"
-  | "lightslategray"
-  | "lightslategrey"
-  | "lightsteelblue"
-  | "lightyellow"
-  | "lime"
-  | "limegreen"
-  | "linen"
-  | "magenta"
-  | "maroon"
-  | "mediumaquamarine"
-  | "mediumblue"
-  | "mediumorchid"
-  | "mediumpurple"
-  | "mediumseagreen"
-  | "mediumslateblue"
-  | "mediumspringgreen"
-  | "mediumturquoise"
-  | "mediumvioletred"
-  | "midnightblue"
-  | "mintcream"
-  | "mistyrose"
-  | "moccasin"
-  | "navajowhite"
-  | "navy"
-  | "oldlace"
-  | "olive"
-  | "olivedrab"
-  | "orange"
-  | "orangered"
-  | "orchid"
-  | "palegoldenrod"
-  | "palegreen"
-  | "paleturquoise"
-  | "palevioletred"
-  | "papayawhip"
-  | "peachpuff"
-  | "peru"
-  | "pink"
-  | "plum"
-  | "powderblue"
-  | "purple"
-  | "rebeccapurple"
-  | "red"
-  | "rosybrown"
-  | "royalblue"
-  | "saddlebrown"
-  | "salmon"
-  | "sandybrown"
-  | "seagreen"
-  | "seashell"
-  | "sienna"
-  | "silver"
-  | "skyblue"
-  | "slateblue"
-  | "slategray"
-  | "slategrey"
-  | "snow"
-  | "springgreen"
-  | "steelblue"
-  | "tan"
-  | "teal"
-  | "thistle"
-  | "tomato"
-  | "turquoise"
-  | "violet"
-  | "wheat"
-  | "white"
-  | "whitesmoke"
-  | "yellow"
-  | "yellowgreen"
-  | "transparent"
-  | "AccentColor"
-  | "AccentColorText"
-  | "ActiveText"
-  | "ButtonBorder"
-  | "ButtonFace"
-  | "ButtonText"
-  | "Canvas"
-  | "CanvasText"
-  | "Field"
-  | "FieldText"
-  | "GrayText"
-  | "Highlight"
-  | "HighlightText"
-  | "LinkText"
-  | "Mark"
-  | "MarkText"
-  | "SelectedItem"
-  | "SelectedItemText"
-  | "VisitedText"
-  | "ActiveBorder"
-  | "ActiveCaption"
-  | "AppWorkspace"
-  | "Background"
-  | "ButtonHighlight"
-  | "ButtonShadow"
-  | "CaptionText"
-  | "InactiveBorder"
-  | "InactiveCaption"
-  | "InactiveCaptionText"
-  | "InfoBackground"
-  | "InfoText"
-  | "Menu"
-  | "MenuText"
-  | "Scrollbar"
-  | "ThreeDDarkShadow"
-  | "ThreeDFace"
-  | "ThreeDHighlight"
-  | "ThreeDLightShadow"
-  | "ThreeDShadow"
-  | "Window"
-  | "WindowFrame"
-  | "WindowText"
-  | "currentColor"
-| undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.border
-```
-
-***
-
-### borderTop?
-
-```ts
-optional borderTop: 
-  | ResponsiveStyleValue<BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.borderTop
-```
-
-***
-
-### borderRight?
-
-```ts
-optional borderRight: 
-  | ResponsiveStyleValue<BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.borderRight
-```
-
-***
-
-### borderBottom?
-
-```ts
-optional borderBottom: 
-  | ResponsiveStyleValue<BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.borderBottom
-```
-
-***
-
-### borderLeft?
-
-```ts
-optional borderLeft: 
-  | ResponsiveStyleValue<BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.borderLeft
-```
-
-***
-
-### borderColor?
-
-```ts
-optional borderColor: 
-  | ResponsiveStyleValue<BorderColor | readonly string[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderColor | readonly string[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.borderColor
-```
-
-***
-
-### borderRadius?
-
-```ts
-optional borderRadius: 
-  | ResponsiveStyleValue<BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.borderRadius
-```
-
-***
-
-### display?
-
-```ts
-optional display: 
-  | ResponsiveStyleValue<readonly string[] | Display | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.display
-```
-
-***
-
-### displayPrint?
-
-```ts
-optional displayPrint: 
-  | ResponsiveStyleValue<readonly string[] | Display | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.displayPrint
-```
-
-***
-
-### overflow?
-
-```ts
-optional overflow: 
-  | ResponsiveStyleValue<readonly string[] | Overflow | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Overflow | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.overflow
-```
-
-***
-
-### textOverflow?
-
-```ts
-optional textOverflow: 
-  | ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.textOverflow
-```
-
-***
-
-### visibility?
-
-```ts
-optional visibility: 
-  | ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.visibility
-```
-
-***
-
-### whiteSpace?
-
-```ts
-optional whiteSpace: 
-  | ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.whiteSpace
-```
-
-***
-
-### flexBasis?
-
-```ts
-optional flexBasis: 
-  | ResponsiveStyleValue<FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.flexBasis
-```
-
-***
-
-### flexDirection?
-
-```ts
-optional flexDirection: 
-  | ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.flexDirection
-```
-
-***
-
-### flexWrap?
-
-```ts
-optional flexWrap: 
-  | ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.flexWrap
-```
-
-***
-
-### justifyContent?
-
-```ts
-optional justifyContent: 
-  | ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.justifyContent
-```
-
-***
-
-### alignItems?
-
-```ts
-optional alignItems: 
-  | ResponsiveStyleValue<readonly string[] | AlignItems | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | AlignItems | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.alignItems
-```
-
-***
-
-### alignContent?
-
-```ts
-optional alignContent: 
-  | ResponsiveStyleValue<readonly string[] | AlignContent | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | AlignContent | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.alignContent
-```
-
-***
-
-### order?
-
-```ts
-optional order: 
-  | ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.order
-```
-
-***
-
-### flex?
-
-```ts
-optional flex: 
-  | ResponsiveStyleValue<Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.flex
-```
-
-***
-
-### flexGrow?
-
-```ts
-optional flexGrow: 
-  | ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.flexGrow
-```
-
-***
-
-### flexShrink?
-
-```ts
-optional flexShrink: 
-  | ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.flexShrink
-```
-
-***
-
-### alignSelf?
-
-```ts
-optional alignSelf: 
-  | ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.alignSelf
-```
-
-***
-
-### justifyItems?
-
-```ts
-optional justifyItems: 
-  | ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.justifyItems
-```
-
-***
-
-### justifySelf?
-
-```ts
-optional justifySelf: 
-  | ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.justifySelf
-```
-
-***
-
-### gap?
-
-```ts
-optional gap: 
-  | ResponsiveStyleValue<Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gap
-```
-
-***
-
-### columnGap?
-
-```ts
-optional columnGap: 
-  | ResponsiveStyleValue<ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.columnGap
-```
-
-***
-
-### rowGap?
-
-```ts
-optional rowGap: 
-  | ResponsiveStyleValue<RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.rowGap
-```
-
-***
-
-### gridColumn?
-
-```ts
-optional gridColumn: 
-  | ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridColumn
-```
-
-***
-
-### gridRow?
-
-```ts
-optional gridRow: 
-  | ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridRow
-```
-
-***
-
-### gridAutoFlow?
-
-```ts
-optional gridAutoFlow: 
-  | ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridAutoFlow
-```
-
-***
-
-### gridAutoColumns?
-
-```ts
-optional gridAutoColumns: 
-  | ResponsiveStyleValue<GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridAutoColumns
-```
-
-***
-
-### gridAutoRows?
-
-```ts
-optional gridAutoRows: 
-  | ResponsiveStyleValue<GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridAutoRows
-```
-
-***
-
-### gridTemplateColumns?
-
-```ts
-optional gridTemplateColumns: 
-  | ResponsiveStyleValue<GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridTemplateColumns
-```
-
-***
-
-### gridTemplateRows?
-
-```ts
-optional gridTemplateRows: 
-  | ResponsiveStyleValue<GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridTemplateRows
-```
-
-***
-
-### gridTemplateAreas?
-
-```ts
-optional gridTemplateAreas: 
-  | ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridTemplateAreas
-```
-
-***
-
-### gridArea?
-
-```ts
-optional gridArea: 
-  | ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.gridArea
-```
-
-***
-
-### bgcolor?
-
-```ts
-optional bgcolor: 
-  | ResponsiveStyleValue<readonly string[] | BackgroundColor | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | BackgroundColor | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.bgcolor
-```
-
-***
-
-### color?
-
-```ts
-optional color: 
-  | ResponsiveStyleValue<readonly string[] | Color | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Color | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.color
-```
-
-***
-
-### zIndex?
-
-```ts
-optional zIndex: 
-  | ResponsiveStyleValue<string | string & object | number & object | undefined>
-| (theme) => ResponsiveStyleValue<string | string & object | number & object | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.zIndex
-```
-
-***
-
-### position?
-
-```ts
-optional position: 
-  | ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.position
-```
-
-***
-
-### top?
-
-```ts
-optional top: 
-  | ResponsiveStyleValue<Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.top
-```
-
-***
-
-### right?
-
-```ts
-optional right: 
-  | ResponsiveStyleValue<Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.right
-```
-
-***
-
-### bottom?
-
-```ts
-optional bottom: 
-  | ResponsiveStyleValue<Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.bottom
-```
-
-***
-
-### left?
-
-```ts
-optional left: 
-  | ResponsiveStyleValue<Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.left
-```
-
-***
-
-### boxShadow?
-
-```ts
-optional boxShadow: 
-  | ResponsiveStyleValue<number | BoxShadow | undefined>
-| (theme) => ResponsiveStyleValue<number | BoxShadow | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.boxShadow
-```
-
-***
-
-### width?
-
-```ts
-optional width: 
-  | ResponsiveStyleValue<Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.width
-```
-
-***
-
-### maxWidth?
-
-```ts
-optional maxWidth: 
-  | ResponsiveStyleValue<MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.maxWidth
-```
-
-***
-
-### minWidth?
-
-```ts
-optional minWidth: 
-  | ResponsiveStyleValue<MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.minWidth
-```
-
-***
-
-### height?
-
-```ts
-optional height: 
-  | ResponsiveStyleValue<Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.height
-```
-
-***
-
-### maxHeight?
-
-```ts
-optional maxHeight: 
-  | ResponsiveStyleValue<MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.maxHeight
-```
-
-***
-
-### minHeight?
-
-```ts
-optional minHeight: 
-  | ResponsiveStyleValue<MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.minHeight
-```
-
-***
-
-### boxSizing?
-
-```ts
-optional boxSizing: 
-  | ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.boxSizing
-```
-
-***
-
-### m?
-
-```ts
-optional m: 
-  | ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.m
-```
-
-***
-
-### mt?
-
-```ts
-optional mt: 
-  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.mt
-```
-
-***
-
-### mr?
-
-```ts
-optional mr: 
-  | ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.mr
-```
-
-***
-
-### mb?
-
-```ts
-optional mb: 
-  | ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.mb
-```
-
-***
-
-### ml?
-
-```ts
-optional ml: 
-  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.ml
-```
-
-***
-
-### mx?
-
-```ts
-optional mx: 
-  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.mx
-```
-
-***
-
-### my?
-
-```ts
-optional my: 
-  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.my
-```
-
-***
-
-### p?
-
-```ts
-optional p: 
-  | ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.p
-```
-
-***
-
-### pt?
-
-```ts
-optional pt: 
-  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.pt
-```
-
-***
-
-### pr?
-
-```ts
-optional pr: 
-  | ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.pr
-```
-
-***
-
-### pb?
-
-```ts
-optional pb: 
-  | ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.pb
-```
-
-***
-
-### pl?
-
-```ts
-optional pl: 
-  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.pl
-```
-
-***
-
-### px?
-
-```ts
-optional px: 
-  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.px
-```
-
-***
-
-### py?
-
-```ts
-optional py: 
-  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.py
-```
-
-***
-
-### margin?
-
-```ts
-optional margin: 
-  | ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.margin
-```
-
-***
-
-### marginTop?
-
-```ts
-optional marginTop: 
-  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginTop
-```
-
-***
-
-### marginRight?
-
-```ts
-optional marginRight: 
-  | ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginRight
-```
-
-***
-
-### marginBottom?
-
-```ts
-optional marginBottom: 
-  | ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginBottom
-```
-
-***
-
-### marginLeft?
-
-```ts
-optional marginLeft: 
-  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginLeft
-```
-
-***
-
-### marginX?
-
-```ts
-optional marginX: 
-  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginX
-```
-
-***
-
-### marginY?
-
-```ts
-optional marginY: 
-  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginY
-```
-
-***
-
-### marginInline?
-
-```ts
-optional marginInline: 
-  | ResponsiveStyleValue<MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginInline
-```
-
-***
-
-### marginInlineStart?
-
-```ts
-optional marginInlineStart: 
-  | ResponsiveStyleValue<MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginInlineStart
-```
-
-***
-
-### marginInlineEnd?
-
-```ts
-optional marginInlineEnd: 
-  | ResponsiveStyleValue<MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginInlineEnd
-```
-
-***
-
-### marginBlock?
-
-```ts
-optional marginBlock: 
-  | ResponsiveStyleValue<MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginBlock
-```
-
-***
-
-### marginBlockStart?
-
-```ts
-optional marginBlockStart: 
-  | ResponsiveStyleValue<MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginBlockStart
-```
-
-***
-
-### marginBlockEnd?
-
-```ts
-optional marginBlockEnd: 
-  | ResponsiveStyleValue<MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.marginBlockEnd
-```
-
-***
-
-### padding?
-
-```ts
-optional padding: 
-  | ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.padding
-```
-
-***
-
-### paddingTop?
-
-```ts
-optional paddingTop: 
-  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingTop
-```
-
-***
-
-### paddingRight?
-
-```ts
-optional paddingRight: 
-  | ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingRight
-```
-
-***
-
-### paddingBottom?
-
-```ts
-optional paddingBottom: 
-  | ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingBottom
-```
-
-***
-
-### paddingLeft?
-
-```ts
-optional paddingLeft: 
-  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingLeft
-```
-
-***
-
-### paddingX?
-
-```ts
-optional paddingX: 
-  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingX
-```
-
-***
-
-### paddingY?
-
-```ts
-optional paddingY: 
-  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingY
-```
-
-***
-
-### paddingInline?
-
-```ts
-optional paddingInline: 
-  | ResponsiveStyleValue<PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingInline
-```
-
-***
-
-### paddingInlineStart?
-
-```ts
-optional paddingInlineStart: 
-  | ResponsiveStyleValue<PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingInlineStart
-```
-
-***
-
-### paddingInlineEnd?
-
-```ts
-optional paddingInlineEnd: 
-  | ResponsiveStyleValue<PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingInlineEnd
-```
-
-***
-
-### paddingBlock?
-
-```ts
-optional paddingBlock: 
-  | ResponsiveStyleValue<PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingBlock
-```
-
-***
-
-### paddingBlockStart?
-
-```ts
-optional paddingBlockStart: 
-  | ResponsiveStyleValue<PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingBlockStart
-```
-
-***
-
-### paddingBlockEnd?
-
-```ts
-optional paddingBlockEnd: 
-  | ResponsiveStyleValue<PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.paddingBlockEnd
-```
-
-***
-
-### typography?
-
-```ts
-optional typography: 
-  | ResponsiveStyleValue<string | undefined>
-| (theme) => ResponsiveStyleValue<string | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.typography
-```
-
-***
-
-### fontFamily?
-
-```ts
-optional fontFamily: 
-  | ResponsiveStyleValue<readonly string[] | FontFamily | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | FontFamily | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.fontFamily
-```
-
-***
-
-### fontSize?
-
-```ts
-optional fontSize: 
-  | ResponsiveStyleValue<FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.fontSize
-```
-
-***
-
-### fontStyle?
-
-```ts
-optional fontStyle: 
-  | ResponsiveStyleValue<readonly string[] | FontStyle | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | FontStyle | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.fontStyle
-```
-
-***
-
-### fontWeight?
-
-```ts
-optional fontWeight: 
-  | ResponsiveStyleValue<string | string & object | number & object | undefined>
-| (theme) => ResponsiveStyleValue<string | string & object | number & object | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.fontWeight
-```
-
-***
-
-### letterSpacing?
-
-```ts
-optional letterSpacing: 
-  | ResponsiveStyleValue<LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.letterSpacing
-```
-
-***
-
-### lineHeight?
-
-```ts
-optional lineHeight: 
-  | ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.lineHeight
-```
-
-***
-
-### textAlign?
-
-```ts
-optional textAlign: 
-  | ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.textAlign
-```
-
-***
-
-### textTransform?
-
-```ts
-optional textTransform: 
-  | ResponsiveStyleValue<readonly string[] | TextTransform | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | TextTransform | undefined>;
-```
-
-### Inherited from
-
-```ts
-StackProps.textTransform
-```
-
-***
-
-### AccountComponent?
-
-```ts
-optional AccountComponent: ComponentType<{
-  account?: string;
-}>;
-```
-
-***
-
-### ConnectComponent?
-
-```ts
-optional ConnectComponent: ComponentType<{
-  onClick?: MouseEventHandler<HTMLElement>;
-}>;
-```
-
-***
-
-### NoWalletInstalledComponent?
-
-```ts
-optional NoWalletInstalledComponent: ComponentType;
-```
-
-***
-
-### onAccountConnected()?
-
-```ts
-optional onAccountConnected: (account) => void;
-```
-
-### Parameters
-
-#### account
-
-`Address`
-
-### Returns
-
-`void`
-
-***
-
-### onCancel()?
-
-```ts
-optional onCancel: () => void;
-```
-
-### Returns
-
-`void`
-
-***
-
-### timeout?
-
-```ts
-optional timeout: number;
-```
-
-### type-aliases
-
-  ### <a id="BalanceTransactionType"></a>BalanceTransactionType
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-type BalanceTransactionType = "send" | "receive";
-```
-
-  ### <a id="ConfirmationStatusUpdate"></a>ConfirmationStatusUpdate
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-type ConfirmationStatusUpdate = object;
-```
-
-## Properties
-
-### blockNumber
-
-```ts
-blockNumber: number;
-```
-
-***
-
-### confirmed
-
-```ts
-confirmed: boolean;
-```
-
-***
-
-### error?
-
-```ts
-optional error: Error;
-```
-
-***
-
-### progress?
-
-```ts
-optional progress: number;
-```
-
-***
-
-### remainingBlocks?
-
-```ts
-optional remainingBlocks: number;
-```
-
-  ### <a id="TransactionConfirmationParams"></a>TransactionConfirmationParams
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-type TransactionConfirmationParams = object;
-```
-
-## Properties
-
-### onStatusUpdate()?
-
-```ts
-optional onStatusUpdate: (status) => void;
-```
-
-### Parameters
-
-#### status
-
-[`ConfirmationStatusUpdate`](#ConfirmationStatusUpdate)
-
-### Returns
-
-`void`
-
-***
-
-### transaction
-
-```ts
-transaction: SignedHydratedTransaction;
-```
-
-***
-
-### txHash
-
-```ts
-txHash: Hash;
-```
-
-***
-
-### viewer
-
-```ts
-viewer: XyoViewer;
-```
-
-### variables
-
-  ### <a id="ConnectAccountsStack"></a>ConnectAccountsStack
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-const ConnectAccountsStack: React.FC<ConnectClientAccountsStackProps>;
-```
-
-  ### <a id="ConnectedAccount"></a>ConnectedAccount
-
-[**@xyo-network/react-chain-provider**](#../README)
-
-***
-
-```ts
-const ConnectedAccount: React.FC<{
-  address: string;
-}>;
+```sh
+{{pm}} add {{name}}
 ```
 
 
-## Maintainers
-
--   [Arie Trouw](https://github.com/arietrouw) ([arietrouw.com](https://arietrouw.com))
--   [Matt Jones](https://github.com/jonesmac)
--   [Joel Carter](https://github.com/JoelBCarter)
--   [Jordan Trouw](https://github.com/jordantrouw)
-
 ## License
 
-> See the [LICENSE](LICENSE) file for license details
+See the [LICENSE](LICENSE) file for license rights and limitations (LGPL-3.0-only).
 
-## Credits
 
-[Made with 🔥 and ❄️ by XYO](https://xyo.network)
-
-[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png
 
 [npm-badge]: https://img.shields.io/npm/v/@xyo-network/react-chain-provider.svg
 [npm-link]: https://www.npmjs.com/package/@xyo-network/react-chain-provider
-
-[npm-downloads-badge]: https://img.shields.io/npm/dw/@xyo-network/react-chain-provider
-[npm-license-badge]: https://img.shields.io/npm/l/@xyo-network/react-chain-provider
-
-[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@xyo-network/react-chain-provider/badge
-[jsdelivr-link]: https://www.jsdelivr.com/package/npm/@xyo-network/react-chain-provider
-
-[socket-badge]: https://socket.dev/api/badge/npm/package/@xyo-network/react-chain-provider
-[socket-link]: https://socket.dev/npm/package/@xyo-network/react-chain-provider
+[license-badge]: https://img.shields.io/npm/l/@xyo-network/react-chain-provider.svg
+[license-link]: https://github.com/xylabs/sdk-js/blob/main/LICENSE