npm - @xyo-network/xl1-react-transaction - Versions diffs - 1.20.14 → 1.20.16 - Mend

@xyo-network/xl1-react-transaction 1.20.14 → 1.20.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/README.md +11 -2221
package/dist/browser/confirmation/hooks/useBlockRangeState.d.ts +6 -3
package/dist/browser/confirmation/hooks/useBlockRangeState.d.ts.map +1 -1
package/dist/browser/index.mjs.map +1 -1
package/package.json +80 -35
package/src/confirmation/components/TransactionStackProgress.stories.tsx +0 -56
package/src/confirmation/components/TransactionStackProgress.tsx +0 -86
package/src/confirmation/components/index.ts +0 -1
package/src/confirmation/components/support/BlockConfirmationStats.tsx +0 -43
package/src/confirmation/components/support/BlockRangeEntryStack.tsx +0 -64
package/src/confirmation/components/support/index.ts +0 -2
package/src/confirmation/helpers/BlockFormatters.ts +0 -52
package/src/confirmation/helpers/blockProgressColor.ts +0 -15
package/src/confirmation/helpers/createFilledRange.ts +0 -20
package/src/confirmation/helpers/getBlockProgress.ts +0 -22
package/src/confirmation/helpers/index.ts +0 -6
package/src/confirmation/helpers/isCurrentBlockPassedRange.ts +0 -13
package/src/confirmation/helpers/passedBlocksInRange.ts +0 -12
package/src/confirmation/hooks/index.ts +0 -1
package/src/confirmation/hooks/useBlockRangeState.ts +0 -27
package/src/confirmation/index.ts +0 -3
package/src/index.ts +0 -1

package/README.md CHANGED Viewed

@@ -1,2234 +1,24 @@
 # @xyo-network/xl1-react-transaction
-[![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-transfer-plugin**
-***
-## Interfaces
-- [TransferRenderBoxDetailsProps](#interfaces/TransferRenderBoxDetailsProps)
-- [TransferRenderCardProps](#interfaces/TransferRenderCardProps)
-## Variables
-- [TransferRenderPlugin](#variables/TransferRenderPlugin)
-- [TransferRenderBoxDetails](#variables/TransferRenderBoxDetails)
-- [TransferRenderCard](#variables/TransferRenderCard)
-### interfaces
-  ### <a id="TransferRenderBoxDetailsProps"></a>TransferRenderBoxDetailsProps
-[**@xyo-network/react-chain-transfer-plugin**](#../README)
-***
-## Extends
-- `PayloadDetailsRenderProps`.`FlexBoxProps`
-## 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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.borderLeft
-```
-***
-### borderColor?
-```ts
-optional borderColor:
-  | ResponsiveStyleValue<BorderColor | readonly string[] | undefined>
-| (theme) => ResponsiveStyleValue<BorderColor | readonly string[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.borderRadius
-```
-***
-### display?
-```ts
-optional display:
-  | ResponsiveStyleValue<readonly string[] | Display | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.display
-```
-***
-### displayPrint?
-```ts
-optional displayPrint:
-  | ResponsiveStyleValue<readonly string[] | Display | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.displayPrint
-```
-***
-### overflow?
-```ts
-optional overflow:
-  | ResponsiveStyleValue<readonly string[] | Overflow | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Overflow | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.overflow
-```
-***
-### textOverflow?
-```ts
-optional textOverflow:
-  | ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.textOverflow
-```
-***
-### visibility?
-```ts
-optional visibility:
-  | ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.visibility
-```
-***
-### whiteSpace?
-```ts
-optional whiteSpace:
-  | ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.flexBasis
-```
-***
-### flexDirection?
-```ts
-optional flexDirection:
-  | ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.flexDirection
-```
-***
-### flexWrap?
-```ts
-optional flexWrap:
-  | ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.flexWrap
-```
-***
-### justifyContent?
-```ts
-optional justifyContent:
-  | ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.justifyContent
-```
-***
-### alignItems?
-```ts
-optional alignItems:
-  | ResponsiveStyleValue<readonly string[] | AlignItems | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | AlignItems | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.alignItems
-```
-***
-### alignContent?
-```ts
-optional alignContent:
-  | ResponsiveStyleValue<readonly string[] | AlignContent | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | AlignContent | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.alignContent
-```
-***
-### order?
-```ts
-optional order:
-  | ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.flex
-```
-***
-### flexGrow?
-```ts
-optional flexGrow:
-  | ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.flexGrow
-```
-***
-### flexShrink?
-```ts
-optional flexShrink:
-  | ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.flexShrink
-```
-***
-### alignSelf?
-```ts
-optional alignSelf:
-  | ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.alignSelf
-```
-***
-### justifyItems?
-```ts
-optional justifyItems:
-  | ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.justifyItems
-```
-***
-### justifySelf?
-```ts
-optional justifySelf:
-  | ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.rowGap
-```
-***
-### gridColumn?
-```ts
-optional gridColumn:
-  | ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.gridColumn
-```
-***
-### gridRow?
-```ts
-optional gridRow:
-  | ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.gridRow
-```
-***
-### gridAutoFlow?
-```ts
-optional gridAutoFlow:
-  | ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.gridTemplateRows
-```
-***
-### gridTemplateAreas?
-```ts
-optional gridTemplateAreas:
-  | ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.gridTemplateAreas
-```
-***
-### gridArea?
-```ts
-optional gridArea:
-  | ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.gridArea
-```
-***
-### bgcolor?
-```ts
-optional bgcolor:
-  | ResponsiveStyleValue<readonly string[] | BackgroundColor | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | BackgroundColor | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.bgcolor
-```
-***
-### color?
-```ts
-optional color:
-  | ResponsiveStyleValue<readonly string[] | Color | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | Color | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.color
-```
-***
-### zIndex?
-```ts
-optional zIndex:
-  | ResponsiveStyleValue<string | string & object | number & object | undefined>
-| (theme) => ResponsiveStyleValue<string | string & object | number & object | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.zIndex
-```
-***
-### position?
-```ts
-optional position:
-  | ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.left
-```
-***
-### boxShadow?
-```ts
-optional boxShadow:
-  | ResponsiveStyleValue<number | BoxShadow | undefined>
-| (theme) => ResponsiveStyleValue<number | BoxShadow | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.minHeight
-```
-***
-### boxSizing?
-```ts
-optional boxSizing:
-  | ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.paddingBlockEnd
-```
-***
-### typography?
-```ts
-optional typography:
-  | ResponsiveStyleValue<string | undefined>
-| (theme) => ResponsiveStyleValue<string | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.typography
-```
-***
-### fontFamily?
-```ts
-optional fontFamily:
-  | ResponsiveStyleValue<readonly string[] | FontFamily | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | FontFamily | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.fontSize
-```
-***
-### fontStyle?
-```ts
-optional fontStyle:
-  | ResponsiveStyleValue<readonly string[] | FontStyle | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | FontStyle | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.fontStyle
-```
-***
-### fontWeight?
-```ts
-optional fontWeight:
-  | ResponsiveStyleValue<string | string & object | number & object | undefined>
-| (theme) => ResponsiveStyleValue<string | string & object | number & object | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.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
-FlexBoxProps.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
-FlexBoxProps.lineHeight
-```
-***
-### textAlign?
-```ts
-optional textAlign:
-  | ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>
-| (theme) => ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.textAlign
-```
-***
-### textTransform?
-```ts
-optional textTransform:
-  | ResponsiveStyleValue<readonly string[] | TextTransform | undefined>
-| (theme) => ResponsiveStyleValue<readonly string[] | TextTransform | undefined>;
-```
-### Inherited from
-```ts
-FlexBoxProps.textTransform
-```
-***
-### options?
-```ts
-optional options: TransferRenderOptions;
-```
-***
-### payload?
-```ts
-optional payload: Payload;
-```
-### Overrides
-```ts
-PayloadDetailsRenderProps.payload
-```
-  ### <a id="TransferRenderCardProps"></a>TransferRenderCardProps
-[**@xyo-network/react-chain-transfer-plugin**](#../README)
-***
-## Extends
-- `PayloadDetailsRenderProps`.`CardProps`
-## Properties
-### options?
-```ts
-optional options: TransferRenderOptions;
-```
-***
-### payload?
-```ts
-optional payload: Payload;
-```
-### Overrides
-```ts
-PayloadDetailsRenderProps.payload
-```
-### variables
-  ### <a id="TransferRenderBoxDetails"></a>TransferRenderBoxDetails
-[**@xyo-network/react-chain-transfer-plugin**](#../README)
-***
-```ts
-const TransferRenderBoxDetails: React.FC<TransferRenderBoxDetailsProps>;
+```sh
+{{pm}} add {{name}}
 ```
-  ### <a id="TransferRenderCard"></a>TransferRenderCard
-[**@xyo-network/react-chain-transfer-plugin**](#../README)
-***
-```ts
-const TransferRenderCard: React.FC<TransferRenderCardProps>;
-```
-  ### <a id="TransferRenderPlugin"></a>TransferRenderPlugin
-[**@xyo-network/react-chain-transfer-plugin**](#../README)
-***
-```ts
-const TransferRenderPlugin: PayloadRenderPlugin;
-```
-## 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
-## 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-transfer-plugin.svg
-[npm-link]: https://www.npmjs.com/package/@xyo-network/react-chain-transfer-plugin
+See the [LICENSE](LICENSE) file for license rights and limitations (LGPL-3.0-only).
-[npm-downloads-badge]: https://img.shields.io/npm/dw/@xyo-network/react-chain-transfer-plugin
-[npm-license-badge]: https://img.shields.io/npm/l/@xyo-network/react-chain-transfer-plugin
-[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@xyo-network/react-chain-transfer-plugin/badge
-[jsdelivr-link]: https://www.jsdelivr.com/package/npm/@xyo-network/react-chain-transfer-plugin
-[socket-badge]: https://socket.dev/api/badge/npm/package/@xyo-network/react-chain-transfer-plugin
-[socket-link]: https://socket.dev/npm/package/@xyo-network/react-chain-transfer-plugin
+[npm-badge]: https://img.shields.io/npm/v/@xyo-network/xl1-react-transaction.svg
+[npm-link]: https://www.npmjs.com/package/@xyo-network/xl1-react-transaction
+[license-badge]: https://img.shields.io/npm/l/@xyo-network/xl1-react-transaction.svg
+[license-link]: https://github.com/xylabs/sdk-js/blob/main/LICENSE