@xyo-network/react-xns 5.3.15 → 6.1.0

package/dist/browser/components/EstimateName/EstimateNameTextField.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./EstimateNameTextField.tsx").XnsEstimateNameTextFieldProps & import("@mui/material").TextFieldProps>;
+declare const WithExternalValue: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./EstimateNameTextField.tsx").XnsEstimateNameTextFieldProps & import("@mui/material").TextFieldProps>;
+export { Default, WithExternalValue };
+//# sourceMappingURL=EstimateNameTextField.stories.d.ts.map

package/dist/browser/components/EstimateName/EstimateNameTextField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EstimateNameTextField.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/EstimateName/EstimateNameTextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAKU,IAAI;AAAxE,wBAAwE;AAWxE,QAAA,MAAM,OAAO,gNAAoB,CAAA;AAGjC,QAAA,MAAM,iBAAiB,gNAAqC,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/browser/components/XnsNameCapture/SecondaryLink.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SecondaryLink.tsx").XnsCaptureSecondaryLinkProps>;
+declare const WithOnBuyName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SecondaryLink.tsx").XnsCaptureSecondaryLinkProps>;
+export { Default, WithOnBuyName };
+//# sourceMappingURL=SecondaryLink.stories.d.ts.map

package/dist/browser/components/XnsNameCapture/SecondaryLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryLink.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/SecondaryLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAKS,IAAI;AAAvE,wBAAuE;AAMvE,QAAA,MAAM,OAAO,8JAAoB,CAAA;AAGjC,QAAA,MAAM,aAAa,8JAAoB,CAAA;AAGvC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/browser/components/XnsNameCapture/XnsNameCapture.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
+declare const WithOnBuyName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
+export { Default, WithOnBuyName };
+//# sourceMappingURL=XnsNameCapture.stories.d.ts.map

package/dist/browser/components/XnsNameCapture/XnsNameCapture.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XnsNameCapture.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/XnsNameCapture.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAMA,IAAI;AAA9D,wBAA8D;AAM9D,QAAA,MAAM,OAAO,4IAAoB,CAAA;AAGjC,QAAA,MAAM,aAAa,4IAAoB,CAAA;AAGvC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/browser/components/XnsNameCapture/XnsNameCaptureWithContext.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
+declare const WithOnCaptureName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
+declare const WithBadXnsNameInRoute: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
+declare const WithUserName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
+export { Default, WithBadXnsNameInRoute, WithOnCaptureName, WithUserName, };
+//# sourceMappingURL=XnsNameCaptureWithContext.stories.d.ts.map

package/dist/browser/components/XnsNameCapture/XnsNameCaptureWithContext.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XnsNameCaptureWithContext.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/XnsNameCaptureWithContext.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAOuC,IAAI;AAAzE,wBAAyE;AA+BzE,QAAA,MAAM,OAAO,4IAAoB,CAAA;AAIjC,QAAA,MAAM,iBAAiB,4IAAoB,CAAA;AAI3C,QAAA,MAAM,qBAAqB,4IAAoB,CAAA;AAO/C,QAAA,MAAM,YAAY,4IAAoB,CAAA;AAItC,OAAO,EACL,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,YAAY,GAChE,CAAA"}

package/dist/browser/index.d.ts

@@ -0,0 +1,498 @@
+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;
+    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;
+    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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-xns",
-  "version": "5.3.15",
+  "version": "6.1.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -28,34 +28,35 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/types/index.d.ts",
+        "types": "./dist/browser/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/browser/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/browser/index.d.ts",
   "dependencies": {
-    "@xylabs/react-button": "^6.3.7",
-    "@xylabs/react-flexbox": "^6.3.7",
-    "@xylabs/react-link": "^6.3.7",
-    "@xylabs/react-pixel": "^6.3.7",
-    "@xylabs/react-theme": "^6.3.7",
-    "@xyo-network/xns-record-payloadset-plugins": "^3.6.1"
+    "@xylabs/react-button": "^6.3.10",
+    "@xylabs/react-flexbox": "^6.3.10",
+    "@xylabs/react-link": "^6.3.10",
+    "@xylabs/react-pixel": "^6.3.10",
+    "@xylabs/react-theme": "^6.3.10",
+    "@xyo-network/xns-record-payloadset-plugins": "^4.0.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "^7.1.1",
-    "@mui/material": "^7.1.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
+    "@storybook/react-vite": "^9.0.16",
     "@types/react": "^19.1.8",
-    "@xylabs/ts-scripts-yarn3": "^6.5.8",
-    "@xylabs/tsconfig-react": "^6.5.8",
+    "@xylabs/ts-scripts-yarn3": "next",
+    "@xylabs/tsconfig-react": "next",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.6.2",
-    "storybook": "^9.0.12",
+    "react-router-dom": "^7.6.3",
+    "storybook": "^9.0.16",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map