npm - @xyo-network/react-xns - Versions diffs - 6.1.3 → 6.2.0 - Mend

@xyo-network/react-xns 6.1.3 → 6.2.0

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 (3) hide show

package/dist/browser/index.d.ts CHANGED Viewed

@@ -1,500 +1,2 @@
-import * as _mui_material from '@mui/material';
-import { TextFieldProps } from '@mui/material';
-import * as react from 'react';
-import react__default, { ReactNode, Dispatch } from 'react';
-import * as _xylabs_react_shared from '@xylabs/react-shared';
-import * as _mui_system_styleFunctionSx from '@mui/system/styleFunctionSx';
-import * as csstype from 'csstype';
-import * as _mui_system from '@mui/system';
-import * as react_router_dom from 'react-router-dom';
-import { To } from 'react-router-dom';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { LinkExProps } from '@xylabs/react-link';
-interface XnsEstimateNameTextFieldProps {
-    maskOutput?: boolean;
-}
-declare const XnsEstimateNameTextField: react__default.FC<XnsEstimateNameTextFieldProps & TextFieldProps>;
-interface XnsNameCaptureErrorsProps {
-    error?: Error;
-    errorUi?: 'alert' | 'toast';
-    resetError?: () => void;
-}
-declare const XnsNameCaptureErrors: react__default.FC<XnsNameCaptureErrorsProps>;
-interface XnsNameCaptureBuyCallbacks {
-    onCaptureName?: (name: string) => Promise<void>;
-}
-/**
- * Trackers for user actions
- */
-interface XnsNameCaptureTrackingProps {
-    funnel?: string;
-    intent?: string;
-    placement?: string;
-}
-/**
- * Properties derived from the route and used for navigation
- */
-interface XnsNameCaptureRoutingProps {
-    navigate?: (to: string) => void;
-    paramsString?: string;
-    routingError?: Error;
-    to?: To;
-}
-/**
- * Base properties for the XnsNameCapture component related to the UI and Events
- */
-interface XnsNameCaptureBaseProps {
-    autoFocus?: boolean;
-    buttonText?: string;
-    defaultXnsName?: string;
-    disabled?: boolean;
-    errorUi?: 'alert' | 'toast';
-    mobileButtonText?: string;
-    onNameChange?: (name: string) => void;
-    showSecondary?: boolean | ReactNode;
-}
-interface XnsNameCaptureProps extends XnsNameCaptureBaseProps, XnsNameCaptureTrackingProps, XnsNameCaptureBuyCallbacks, XnsNameCaptureRoutingProps, FlexBoxProps {
-}
-type WithXnsCapture<T> = T & {
-    XnsCapture?: React.FC<XnsNameCaptureProps>;
-};
-declare const useXnsNameCaptureRouting: (props: XnsNameCaptureProps) => {
-    defaultXnsName: string | undefined;
-    routingError: Error | undefined;
-    navigate: (to: string) => void;
-    paramsString: string;
-    autoFocus?: boolean;
-    buttonText?: string;
-    disabled?: boolean;
-    errorUi?: "alert" | "toast";
-    mobileButtonText?: string;
-    onNameChange?: (name: string) => void;
-    showSecondary?: boolean | react.ReactNode;
-    funnel?: string;
-    intent?: string;
-    placement?: string;
-    onCaptureName?: (name: string) => Promise<void>;
-    to?: react_router_dom.To;
-    background?: boolean;
-    paper?: boolean;
-    children?: react.ReactNode;
-    ref?: react.Ref<unknown>;
-    sx?: _mui_system.SxProps<_mui_material.Theme> | undefined;
-    color?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Color | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Color | undefined>);
-    margin?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Margin<string | number> | readonly NonNullable<csstype.Property.Margin<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Margin<string | number> | readonly NonNullable<csstype.Property.Margin<string | number> | undefined>[] | undefined>);
-    p?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Padding<string | number> | readonly NonNullable<csstype.Property.Padding<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Padding<string | number> | readonly NonNullable<csstype.Property.Padding<string | number> | undefined>[] | undefined>);
-    border?: _mui_system_styleFunctionSx.ResponsiveStyleValue<number | "hidden" | "medium" | (string & {}) | "none" | "inherit" | "grey" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "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" | "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" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "inset" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<number | "hidden" | "medium" | (string & {}) | "none" | "inherit" | "grey" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "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" | "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" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "inset" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | undefined>);
-    height?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Height<string | number> | readonly NonNullable<csstype.Property.Height<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Height<string | number> | readonly NonNullable<csstype.Property.Height<string | number> | undefined>[] | undefined>);
-    width?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Width<string | number> | readonly NonNullable<csstype.Property.Width<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Width<string | number> | readonly NonNullable<csstype.Property.Width<string | number> | undefined>[] | undefined>);
-    position?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Position | readonly NonNullable<csstype.Property.Position | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Position | readonly NonNullable<csstype.Property.Position | undefined>[] | undefined>);
-    boxShadow?: _mui_system_styleFunctionSx.ResponsiveStyleValue<number | csstype.Property.BoxShadow | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<number | csstype.Property.BoxShadow | undefined>);
-    fontWeight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined>);
-    zIndex?: _mui_system_styleFunctionSx.ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined>);
-    alignContent?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.AlignContent | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.AlignContent | undefined>);
-    alignItems?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.AlignItems | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.AlignItems | undefined>);
-    alignSelf?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.AlignSelf | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.AlignSelf | undefined>);
-    bottom?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Bottom<string | number> | readonly NonNullable<csstype.Property.Bottom<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Bottom<string | number> | readonly NonNullable<csstype.Property.Bottom<string | number> | undefined>[] | undefined>);
-    boxSizing?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BoxSizing | readonly NonNullable<csstype.Property.BoxSizing | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BoxSizing | readonly NonNullable<csstype.Property.BoxSizing | undefined>[] | undefined>);
-    columnGap?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.ColumnGap<string | number> | readonly NonNullable<csstype.Property.ColumnGap<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.ColumnGap<string | number> | readonly NonNullable<csstype.Property.ColumnGap<string | number> | undefined>[] | undefined>);
-    display?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Display | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Display | undefined>);
-    flexBasis?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexBasis<string | number> | readonly NonNullable<csstype.Property.FlexBasis<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexBasis<string | number> | readonly NonNullable<csstype.Property.FlexBasis<string | number> | undefined>[] | undefined>);
-    flexDirection?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexDirection | readonly NonNullable<csstype.Property.FlexDirection | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexDirection | readonly NonNullable<csstype.Property.FlexDirection | undefined>[] | undefined>);
-    flexGrow?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexGrow | readonly NonNullable<csstype.Property.FlexGrow | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexGrow | readonly NonNullable<csstype.Property.FlexGrow | undefined>[] | undefined>);
-    flexShrink?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined>);
-    flexWrap?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | undefined>);
-    fontFamily?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.FontFamily | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.FontFamily | undefined>);
-    fontSize?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FontSize<string | number> | readonly NonNullable<csstype.Property.FontSize<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.FontSize<string | number> | readonly NonNullable<csstype.Property.FontSize<string | number> | undefined>[] | undefined>);
-    fontStyle?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.FontStyle | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.FontStyle | undefined>);
-    gridAutoColumns?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined>);
-    gridAutoFlow?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.GridAutoFlow | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.GridAutoFlow | undefined>);
-    gridAutoRows?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridAutoRows<string | number> | readonly NonNullable<csstype.Property.GridAutoRows<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridAutoRows<string | number> | readonly NonNullable<csstype.Property.GridAutoRows<string | number> | undefined>[] | undefined>);
-    gridTemplateAreas?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.GridTemplateAreas | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.GridTemplateAreas | undefined>);
-    gridTemplateColumns?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridTemplateColumns<string | number> | readonly NonNullable<csstype.Property.GridTemplateColumns<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridTemplateColumns<string | number> | readonly NonNullable<csstype.Property.GridTemplateColumns<string | number> | undefined>[] | undefined>);
-    gridTemplateRows?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridTemplateRows<string | number> | readonly NonNullable<csstype.Property.GridTemplateRows<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridTemplateRows<string | number> | readonly NonNullable<csstype.Property.GridTemplateRows<string | number> | undefined>[] | undefined>);
-    justifyContent?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.JustifyContent | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.JustifyContent | undefined>);
-    justifyItems?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.JustifyItems | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.JustifyItems | undefined>);
-    justifySelf?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.JustifySelf | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.JustifySelf | undefined>);
-    left?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Left<string | number> | readonly NonNullable<csstype.Property.Left<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Left<string | number> | readonly NonNullable<csstype.Property.Left<string | number> | undefined>[] | undefined>);
-    letterSpacing?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.LetterSpacing<string | number> | readonly NonNullable<csstype.Property.LetterSpacing<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.LetterSpacing<string | number> | readonly NonNullable<csstype.Property.LetterSpacing<string | number> | undefined>[] | undefined>);
-    lineHeight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.LineHeight<string | number> | readonly NonNullable<csstype.Property.LineHeight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.LineHeight<string | number> | readonly NonNullable<csstype.Property.LineHeight<string | number> | undefined>[] | undefined>);
-    marginBlockEnd?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBlockEnd<string | number> | readonly NonNullable<csstype.Property.MarginBlockEnd<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBlockEnd<string | number> | readonly NonNullable<csstype.Property.MarginBlockEnd<string | number> | undefined>[] | undefined>);
-    marginBlockStart?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBlockStart<string | number> | readonly NonNullable<csstype.Property.MarginBlockStart<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBlockStart<string | number> | readonly NonNullable<csstype.Property.MarginBlockStart<string | number> | undefined>[] | undefined>);
-    marginBottom?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBottom<string | number> | readonly NonNullable<csstype.Property.MarginBottom<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBottom<string | number> | readonly NonNullable<csstype.Property.MarginBottom<string | number> | undefined>[] | undefined>);
-    marginInlineEnd?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginInlineEnd<string | number> | readonly NonNullable<csstype.Property.MarginInlineEnd<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginInlineEnd<string | number> | readonly NonNullable<csstype.Property.MarginInlineEnd<string | number> | undefined>[] | undefined>);
-    marginInlineStart?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginInlineStart<string | number> | readonly NonNullable<csstype.Property.MarginInlineStart<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginInlineStart<string | number> | readonly NonNullable<csstype.Property.MarginInlineStart<string | number> | undefined>[] | undefined>);
-    marginLeft?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined>);
-    marginRight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginRight<string | number> | readonly NonNullable<csstype.Property.MarginRight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginRight<string | number> | readonly NonNullable<csstype.Property.MarginRight<string | number> | undefined>[] | undefined>);
-    marginTop?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined>);
-    maxHeight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MaxHeight<string | number> | readonly NonNullable<csstype.Property.MaxHeight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MaxHeight<string | number> | readonly NonNullable<csstype.Property.MaxHeight<string | number> | undefined>[] | undefined>);
-    maxWidth?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MaxWidth<string | number> | readonly NonNullable<csstype.Property.MaxWidth<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MaxWidth<string | number> | readonly NonNullable<csstype.Property.MaxWidth<string | number> | undefined>[] | undefined>);
-    minHeight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MinHeight<string | number> | readonly NonNullable<csstype.Property.MinHeight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MinHeight<string | number> | readonly NonNullable<csstype.Property.MinHeight<string | number> | undefined>[] | undefined>);
-    minWidth?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MinWidth<string | number> | readonly NonNullable<csstype.Property.MinWidth<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MinWidth<string | number> | readonly NonNullable<csstype.Property.MinWidth<string | number> | undefined>[] | undefined>);
-    order?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Order | readonly NonNullable<csstype.Property.Order | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Order | readonly NonNullable<csstype.Property.Order | undefined>[] | undefined>);
-    paddingBlockEnd?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBlockEnd<string | number> | readonly NonNullable<csstype.Property.PaddingBlockEnd<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBlockEnd<string | number> | readonly NonNullable<csstype.Property.PaddingBlockEnd<string | number> | undefined>[] | undefined>);
-    paddingBlockStart?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBlockStart<string | number> | readonly NonNullable<csstype.Property.PaddingBlockStart<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBlockStart<string | number> | readonly NonNullable<csstype.Property.PaddingBlockStart<string | number> | undefined>[] | undefined>);
-    paddingBottom?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBottom<string | number> | readonly NonNullable<csstype.Property.PaddingBottom<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBottom<string | number> | readonly NonNullable<csstype.Property.PaddingBottom<string | number> | undefined>[] | undefined>);
-    paddingInlineEnd?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingInlineEnd<string | number> | readonly NonNullable<csstype.Property.PaddingInlineEnd<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingInlineEnd<string | number> | readonly NonNullable<csstype.Property.PaddingInlineEnd<string | number> | undefined>[] | undefined>);
-    paddingInlineStart?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingInlineStart<string | number> | readonly NonNullable<csstype.Property.PaddingInlineStart<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingInlineStart<string | number> | readonly NonNullable<csstype.Property.PaddingInlineStart<string | number> | undefined>[] | undefined>);
-    paddingLeft?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined>);
-    paddingRight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingRight<string | number> | readonly NonNullable<csstype.Property.PaddingRight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingRight<string | number> | readonly NonNullable<csstype.Property.PaddingRight<string | number> | undefined>[] | undefined>);
-    paddingTop?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined>);
-    right?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Right<string | number> | readonly NonNullable<csstype.Property.Right<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Right<string | number> | readonly NonNullable<csstype.Property.Right<string | number> | undefined>[] | undefined>);
-    rowGap?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.RowGap<string | number> | readonly NonNullable<csstype.Property.RowGap<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.RowGap<string | number> | readonly NonNullable<csstype.Property.RowGap<string | number> | undefined>[] | undefined>);
-    textAlign?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.TextAlign | readonly NonNullable<csstype.Property.TextAlign | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.TextAlign | readonly NonNullable<csstype.Property.TextAlign | undefined>[] | undefined>);
-    textOverflow?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.TextOverflow | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.TextOverflow | undefined>);
-    textTransform?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.TextTransform | readonly NonNullable<csstype.Property.TextTransform | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.TextTransform | readonly NonNullable<csstype.Property.TextTransform | undefined>[] | undefined>);
-    top?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Top<string | number> | readonly NonNullable<csstype.Property.Top<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Top<string | number> | readonly NonNullable<csstype.Property.Top<string | number> | undefined>[] | undefined>);
-    visibility?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Visibility | readonly NonNullable<csstype.Property.Visibility | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Visibility | readonly NonNullable<csstype.Property.Visibility | undefined>[] | undefined>);
-    whiteSpace?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.WhiteSpace | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.WhiteSpace | undefined>);
-    borderBottom?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined>);
-    borderColor?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.BorderColor | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.BorderColor | undefined>);
-    borderLeft?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderLeft<string | number> | readonly NonNullable<csstype.Property.BorderLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderLeft<string | number> | readonly NonNullable<csstype.Property.BorderLeft<string | number> | undefined>[] | undefined>);
-    borderRadius?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined>);
-    borderRight?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderRight<string | number> | readonly NonNullable<csstype.Property.BorderRight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderRight<string | number> | readonly NonNullable<csstype.Property.BorderRight<string | number> | undefined>[] | undefined>);
-    borderTop?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderTop<string | number> | readonly NonNullable<csstype.Property.BorderTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.BorderTop<string | number> | readonly NonNullable<csstype.Property.BorderTop<string | number> | undefined>[] | undefined>);
-    flex?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined>);
-    gap?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Gap<string | number> | readonly NonNullable<csstype.Property.Gap<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Gap<string | number> | readonly NonNullable<csstype.Property.Gap<string | number> | undefined>[] | undefined>);
-    gridArea?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridArea | readonly NonNullable<csstype.Property.GridArea | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridArea | readonly NonNullable<csstype.Property.GridArea | undefined>[] | undefined>);
-    gridColumn?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridColumn | readonly NonNullable<csstype.Property.GridColumn | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridColumn | readonly NonNullable<csstype.Property.GridColumn | undefined>[] | undefined>);
-    gridRow?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridRow | readonly NonNullable<csstype.Property.GridRow | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.GridRow | readonly NonNullable<csstype.Property.GridRow | undefined>[] | undefined>);
-    marginBlock?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined>);
-    marginInline?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined>);
-    overflow?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Overflow | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Overflow | undefined>);
-    padding?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Padding<string | number> | readonly NonNullable<csstype.Property.Padding<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Padding<string | number> | readonly NonNullable<csstype.Property.Padding<string | number> | undefined>[] | undefined>);
-    paddingBlock?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBlock<string | number> | readonly NonNullable<csstype.Property.PaddingBlock<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBlock<string | number> | readonly NonNullable<csstype.Property.PaddingBlock<string | number> | undefined>[] | undefined>);
-    paddingInline?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingInline<string | number> | readonly NonNullable<csstype.Property.PaddingInline<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingInline<string | number> | readonly NonNullable<csstype.Property.PaddingInline<string | number> | undefined>[] | undefined>);
-    bgcolor?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.BackgroundColor | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.BackgroundColor | undefined>);
-    m?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Margin<string | number> | readonly NonNullable<csstype.Property.Margin<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.Margin<string | number> | readonly NonNullable<csstype.Property.Margin<string | number> | undefined>[] | undefined>);
-    mt?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined>);
-    mr?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginRight<string | number> | readonly NonNullable<csstype.Property.MarginRight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginRight<string | number> | readonly NonNullable<csstype.Property.MarginRight<string | number> | undefined>[] | undefined>);
-    mb?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBottom<string | number> | readonly NonNullable<csstype.Property.MarginBottom<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginBottom<string | number> | readonly NonNullable<csstype.Property.MarginBottom<string | number> | undefined>[] | undefined>);
-    ml?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined>);
-    mx?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined>);
-    marginX?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginLeft<string | number> | readonly NonNullable<csstype.Property.MarginLeft<string | number> | undefined>[] | undefined>);
-    my?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined>);
-    marginY?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.MarginTop<string | number> | readonly NonNullable<csstype.Property.MarginTop<string | number> | undefined>[] | undefined>);
-    pt?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined>);
-    pr?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingRight<string | number> | readonly NonNullable<csstype.Property.PaddingRight<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingRight<string | number> | readonly NonNullable<csstype.Property.PaddingRight<string | number> | undefined>[] | undefined>);
-    pb?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBottom<string | number> | readonly NonNullable<csstype.Property.PaddingBottom<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingBottom<string | number> | readonly NonNullable<csstype.Property.PaddingBottom<string | number> | undefined>[] | undefined>);
-    pl?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined>);
-    px?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined>);
-    paddingX?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingLeft<string | number> | readonly NonNullable<csstype.Property.PaddingLeft<string | number> | undefined>[] | undefined>);
-    py?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined>);
-    paddingY?: _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<csstype.Property.PaddingTop<string | number> | readonly NonNullable<csstype.Property.PaddingTop<string | number> | undefined>[] | undefined>);
-    typography?: _mui_system_styleFunctionSx.ResponsiveStyleValue<string | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<string | undefined>);
-    displayPrint?: _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Display | undefined> | ((theme: _mui_material.Theme) => _mui_system_styleFunctionSx.ResponsiveStyleValue<readonly string[] | csstype.Property.Display | undefined>);
-    className?: string;
-    style?: react.CSSProperties;
-    classes?: Partial<_mui_material.ClassNameMap<never>> | undefined;
-    slot?: string | undefined | undefined;
-    title?: string | undefined | undefined;
-    key?: react.Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: react.AriaRole | undefined;
-    about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    component?: React.ElementType;
-    busy?: boolean;
-    busyCircularProps?: _xylabs_react_shared.BusyCircularProgressProps;
-    busyColor?: _xylabs_react_shared.MaterialUIThemeColor;
-    busyLinearProps?: _xylabs_react_shared.BusyLinearProgressProps;
-    busyMinimum?: number;
-    busyOpacity?: string | number;
-    busySize?: number;
-    busyVariant?: _xylabs_react_shared.BusyVariant;
-};
-/**
- * Assumes the user was redirected with a link that contains a username query parameter.
- * @returns The xNS name from the URI username query parameter.
- */
-declare const useXnsNameFromLocation: () => [name: string | undefined, error: Error | undefined];
-type XnsCaptureSecondaryLinkProps = XnsNameCaptureTrackingProps & XnsNameCaptureRoutingProps & XnsNameCaptureBuyCallbacks & LinkExProps & {
-    setError?: Dispatch<Error | undefined>;
-    text?: string;
-    xnsName: string;
-};
-declare const XnsCaptureSecondaryLink: react__default.FC<XnsCaptureSecondaryLinkProps>;
-declare const XnsNameCapture: react__default.FC<XnsNameCaptureProps>;
-declare const XnsNameCaptureWithContext: react__default.FC<XnsNameCaptureProps>;
-export { XnsCaptureSecondaryLink, XnsEstimateNameTextField, XnsNameCapture, XnsNameCaptureErrors, XnsNameCaptureWithContext, useXnsNameCaptureRouting, useXnsNameFromLocation };
-export type { WithXnsCapture, XnsCaptureSecondaryLinkProps, XnsEstimateNameTextFieldProps, XnsNameCaptureBaseProps, XnsNameCaptureBuyCallbacks, XnsNameCaptureErrorsProps, XnsNameCaptureProps, XnsNameCaptureRoutingProps, XnsNameCaptureTrackingProps };
+export * from './components/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-xns",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -39,24 +39,24 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/browser/index.d.ts",
   "dependencies": {
-    "@xylabs/react-button": "^6.3.13",
-    "@xylabs/react-flexbox": "^6.3.13",
-    "@xylabs/react-link": "^6.3.13",
-    "@xylabs/react-pixel": "^6.3.13",
-    "@xylabs/react-theme": "^6.3.13",
-    "@xyo-network/xns-record-payloadset-plugins": "^4.1.0"
+    "@xylabs/react-button": "^6.4.0",
+    "@xylabs/react-flexbox": "^6.4.0",
+    "@xylabs/react-link": "^6.4.0",
+    "@xylabs/react-pixel": "^6.4.0",
+    "@xylabs/react-theme": "^6.4.0",
+    "@xyo-network/xns-record-payloadset-plugins": "^4.1.1"
   },
   "devDependencies": {
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.17",
+    "@storybook/react-vite": "^9.0.18",
     "@types/react": "^19.1.8",
-    "@xylabs/ts-scripts-yarn3": "next",
-    "@xylabs/tsconfig-react": "next",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-router-dom": "^7.7.0",
-    "storybook": "^9.0.17",
+    "@xylabs/ts-scripts-yarn3": "^7.0.1",
+    "@xylabs/tsconfig-react": "^7.0.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-router-dom": "^7.7.1",
+    "storybook": "^9.0.18",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {

package/src/global.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~type {} from~~ '@mui/material/themeCssVarsAugmentation'
1	+ import '@mui/material/themeCssVarsAugmentation'