@xyo-network/react-chain-provider 1.16.13 → 1.16.15

package/README.md

@@ -18,15 +18,40 @@ XYO Layer One API
 
 ***
 
+## 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)
-- [useClient](#functions/useClient)
+- [useConfirmTransactionBase](#functions/useConfirmTransactionBase)
 - [useConnectAccount](#functions/useConnectAccount)
 - [useCurrentBlock](#functions/useCurrentBlock)
-- [useGateway](#functions/useGateway)
 - [useHttpRpcRunner](#functions/useHttpRpcRunner)
 - [useNetwork](#functions/useNetwork)
 - [useSigner](#functions/useSigner)
@@ -35,9 +60,245 @@ XYO Layer One API
 - [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)
@@ -45,12 +306,18 @@ XYO Layer One API
 ***
 
 ```ts
-function getXyoClient(): Promise<undefined | XyoClient>;
+function getXyoClient(timeout): Promise<ReturnType>;
 ```
 
+## Parameters
+
+### timeout
+
+`number` = `CLIENT_LISTENER_TIMEOUT`
+
 ## Returns
 
-`Promise`\<`undefined` \| `XyoClient`\>
+`Promise`\<`ReturnType`\>
 
   ### <a id="listenForClientInjection"></a>listenForClientInjection
 
@@ -59,7 +326,10 @@ function getXyoClient(): Promise<undefined | XyoClient>;
 ***
 
 ```ts
-function listenForClientInjection(onClientReady, onTimeout): void;
+function listenForClientInjection(
+   onClientReady, 
+   timeout, 
+   onTimeout): void;
 ```
 
 ## Parameters
@@ -68,6 +338,10 @@ function listenForClientInjection(onClientReady, onTimeout): void;
 
 () => `void`
 
+### timeout
+
+`number`
+
 ### onTimeout
 
 () => `void`
@@ -76,6 +350,63 @@ function listenForClientInjection(onClientReady, onTimeout): void;
 
 `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)
@@ -93,9 +424,7 @@ function useAddressBalance(
 
 ### address?
 
-`Brand`\<`Brand`\<`Lowercase`\<`string`\>, \{
-\}\>, \{
-\}\>
+`Address`
 
 ### viewer?
 
@@ -112,35 +441,31 @@ function useAddressBalance(
 ### address
 
 ```ts
-address: 
-  | undefined
-  | Brand<Brand<Lowercase<string>, {
-}>, {
-}>;
+address: Address | undefined;
 ```
 
 ### balanceForAddress
 
 ```ts
-balanceForAddress: undefined | null | AttoXL1 = balancesResult;
+balanceForAddress: AttoXL1 | null | undefined = balancesResult;
 ```
 
 ### balanceIntlFriendly
 
 ```ts
-balanceIntlFriendly: undefined | string;
+balanceIntlFriendly: string | undefined;
 ```
 
 ### shortBalanceIntlFriendly
 
 ```ts
-shortBalanceIntlFriendly: undefined | string;
+shortBalanceIntlFriendly: string | undefined;
 ```
 
 ### error
 
 ```ts
-error: undefined | Error = balancesError;
+error: Error | undefined = balancesError;
 ```
 
 ### loading
@@ -172,7 +497,7 @@ isLocalProducer: boolean;
 ### error
 
 ```ts
-error: undefined | Error;
+error: Error | undefined;
 ```
 
   ### <a id="useCheckRpc"></a>useCheckRpc
@@ -204,7 +529,7 @@ isLocalProducer: boolean;
 ### error
 
 ```ts
-error: undefined | Error;
+error: Error | undefined;
 ```
 
   ### <a id="useCheckSequenceRpc"></a>useCheckSequenceRpc
@@ -230,7 +555,7 @@ isLocalProducer: boolean;
 ### error
 
 ```ts
-error: undefined | Error;
+error: Error | undefined;
 ```
 
   ### <a id="useClient"></a>useClient
@@ -240,82 +565,155 @@ error: undefined | Error;
 ***
 
 ```ts
-function useClient(): ClientState;
+function useClient(timeout?): ClientState;
 ```
 
+## Parameters
+
+### timeout?
+
+`number`
+
 ## Returns
 
 `ClientState`
 
-  ### <a id="useConnectAccount"></a>useConnectAccount
+  ### <a id="useConfirmTransactionBase"></a>useConfirmTransactionBase
 
 [**@xyo-network/react-chain-provider**](#../README)
 
 ***
 
 ```ts
-function useConnectAccount(gatewayName): object;
+function useConfirmTransactionBase(
+   transaction?, 
+   onBroadcast?, 
+   onStatusUpdate?, 
+   runner?, 
+   viewer?): object;
 ```
 
 ## Parameters
 
-### gatewayName
+### transaction?
 
-`GatewayName` = `MainNetwork.id`
+`SignedHydratedTransaction`
 
-## Returns
+### onBroadcast?
 
-`object`
+(`hash`) => `void`
 
-### address
+### onStatusUpdate?
 
-```ts
-address: undefined | string;
-```
+(`status`) => `void`
 
-### connectSigner()
+### runner?
 
-```ts
-connectSigner: () => Promise<Brand<Brand<Lowercase<string>, {
-}>, {
-}>>;
-```
+`XyoRunner`
 
-### Returns
+### viewer?
 
-`Promise`\<`Brand`\<`Brand`\<`Lowercase`\<`string`\>, \{
-\}\>, \{
-\}\>\>
+`XyoViewer`
 
-### error
+## Returns
+
+`object`
+
+### status
 
 ```ts
-error: null | Error;
+status: 
+  | ConfirmationStatusUpdate
+  | undefined;
 ```
 
-  ### <a id="useCurrentBlock"></a>useCurrentBlock
+### transactionConfirmationError
+
+```ts
+transactionConfirmationError: Error | undefined;
+```
+
+  ### <a id="useConnectAccount"></a>useConnectAccount
 
 [**@xyo-network/react-chain-provider**](#../README)
 
 ***
 
 ```ts
-function useCurrentBlock(refresh, viewer?): [undefined | HydratedBlock, undefined | Error, undefined | UsePromiseState];
+function useConnectAccount(gatewayName, timeout?): object;
 ```
 
 ## Parameters
 
-### refresh
+### gatewayName
 
-`number` = `1`
+`GatewayName` = `MainNetwork.id`
 
-### viewer?
+### timeout?
 
-`XyoViewer`
+`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
 
-\[`undefined` \| `HydratedBlock`, `undefined` \| `Error`, `undefined` \| `UsePromiseState`\]
+\[`HydratedBlock` \| `undefined`, `Error` \| `undefined`, `UsePromiseState` \| `undefined`\]
 
   ### <a id="useGateway"></a>useGateway
 
@@ -324,7 +722,7 @@ function useCurrentBlock(refresh, viewer?): [undefined | HydratedBlock, undefine
 ***
 
 ```ts
-function useGateway(gatewayName?): object;
+function useGateway(gatewayName?, timeout?): object;
 ```
 
 ## Parameters
@@ -333,6 +731,10 @@ function useGateway(gatewayName?): object;
 
 `GatewayName`
 
+### timeout?
+
+`number`
+
 ## Returns
 
 `object`
@@ -340,7 +742,7 @@ function useGateway(gatewayName?): object;
 ### gateway
 
 ```ts
-gateway: undefined | XyoGatewayProvider;
+gateway: XyoGateway | null | undefined;
 ```
 
 ### isLoading
@@ -352,7 +754,13 @@ isLoading: boolean;
 ### error
 
 ```ts
-error: null | Error;
+error: Error | null;
+```
+
+### timedout
+
+```ts
+timedout: boolean;
 ```
 
   ### <a id="useHttpRpcRunner"></a>useHttpRpcRunner
@@ -362,7 +770,7 @@ error: null | Error;
 ***
 
 ```ts
-function useHttpRpcRunner(url?): undefined | JsonRpcXyoRunner;
+function useHttpRpcRunner(url?): JsonRpcXyoRunner | undefined;
 ```
 
 ## Parameters
@@ -373,7 +781,7 @@ function useHttpRpcRunner(url?): undefined | JsonRpcXyoRunner;
 
 ## Returns
 
-`undefined` \| `JsonRpcXyoRunner`
+`JsonRpcXyoRunner` \| `undefined`
 
   ### <a id="useHttpRpcViewer"></a>useHttpRpcViewer
 
@@ -382,7 +790,7 @@ function useHttpRpcRunner(url?): undefined | JsonRpcXyoRunner;
 ***
 
 ```ts
-function useHttpRpcViewer(url?): undefined | JsonRpcXyoViewer;
+function useHttpRpcViewer(url?): JsonRpcXyoViewer | undefined;
 ```
 
 ## Parameters
@@ -393,7 +801,7 @@ function useHttpRpcViewer(url?): undefined | JsonRpcXyoViewer;
 
 ## Returns
 
-`undefined` \| `JsonRpcXyoViewer`
+`JsonRpcXyoViewer` \| `undefined`
 
   ### <a id="useNetwork"></a>useNetwork
 
@@ -402,7 +810,7 @@ function useHttpRpcViewer(url?): undefined | JsonRpcXyoViewer;
 ***
 
 ```ts
-function useNetwork(id?): undefined | MemoryXyoNetwork;
+function useNetwork(id?): SimpleXyoNetwork | undefined;
 ```
 
 ## Parameters
@@ -413,7 +821,45 @@ function useNetwork(id?): undefined | MemoryXyoNetwork;
 
 ## Returns
 
-`undefined` \| `MemoryXyoNetwork`
+`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
 
@@ -422,7 +868,7 @@ function useNetwork(id?): undefined | MemoryXyoNetwork;
 ***
 
 ```ts
-function useSigner(_provider?, account?): undefined | XyoSigner;
+function useSigner(_provider?, account?): XyoSigner | undefined;
 ```
 
 ## Parameters
@@ -437,7 +883,7 @@ function useSigner(_provider?, account?): undefined | XyoSigner;
 
 ## Returns
 
-`undefined` \| `XyoSigner`
+`XyoSigner` \| `undefined`
 
   ### <a id="useViewerFromWallet"></a>useViewerFromWallet
 
@@ -446,7 +892,7 @@ function useSigner(_provider?, account?): undefined | XyoSigner;
 ***
 
 ```ts
-function useViewerFromWallet(networkId?): any;
+function useViewerFromWallet(networkId?, timeout?): [XyoViewer | null | undefined, Error | undefined, UsePromiseState | undefined];
 ```
 
 Creates a JsonRpcXyoViewer instance based on the provided networkId.
@@ -459,13 +905,2387 @@ Creates a JsonRpcXyoViewer instance based on the provided networkId.
 
 a network id like 'sequence', 'local', etc.
 
+### timeout?
+
+`number`
+
 ## Returns
 
-`any`
+\[`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;
+}>;
+```
+
 
 ## Maintainers