@astral/ui 4.18.0-rc.2 → 4.18.0

package/components/DescriptionList/styles.d.ts

@@ -10,13 +10,13 @@ export declare const StyledDescriptionName: import("../styled").StyledComponent<
 } & DescriptionNameProps, {}, {}>;
 export declare const Wrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $variant: DescriptionListVariant;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const ListWrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $direction?: Direction | undefined;
     $variant?: DescriptionListVariant | undefined;
@@ -35,7 +35,7 @@ export declare const StyledDescriptionValue: import("../styled").StyledComponent
 }, {}, {}>;
 export declare const DescriptionWrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: import("../styled").StyledComponent<{
     children?: import("react").ReactNode;
@@ -47,7 +47,7 @@ export declare const Title: import("../styled").StyledComponent<{
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/Dialog/Dialog.d.ts

@@ -17,4 +17,4 @@ export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title' |
      */
     size?: DialogSize;
 };
-export declare const Dialog: ({ children, title, disableBackdropClick, onClose, size, ...props }: DialogProps) => JSX.Element;
+export declare const Dialog: ({ children, title, disableBackdropClick, onClose, size, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/DialogActions/DialogActions.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { type DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 export type DialogActionsProps = WithoutEmotionSpecific<MuiDialogActionsProps>;
-export declare const DialogActions: ({ children, disableSpacing, ...props }: DialogActionsProps) => JSX.Element;
+export declare const DialogActions: ({ children, disableSpacing, ...props }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element;

package/components/DialogContent/DialogContent.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { type DialogContentProps as MuiDialogContentProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 export type DialogContentProps = WithoutEmotionSpecific<MuiDialogContentProps>;
-export declare const DialogContent: (props: DialogContentProps) => JSX.Element;
+export declare const DialogContent: (props: DialogContentProps) => import("react/jsx-runtime").JSX.Element;

package/components/DialogContentText/DialogContentText.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { type DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 export type DialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;
-export declare const DialogContentText: (props: DialogContentTextProps) => JSX.Element;
+export declare const DialogContentText: (props: DialogContentTextProps) => import("react/jsx-runtime").JSX.Element;

package/components/DialogContentText/styles.d.ts

@@ -1,19 +1,4 @@
 /// <reference types="react" />
-export declare const StyledDialogContentText: import("../styled").StyledComponent<{
-    classes?: Partial<import("@mui/material").DialogContentTextClasses> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & Omit<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
-    variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "align" | ("fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+export declare const StyledDialogContentText: import("../styled").StyledComponent<import("@mui/material").DialogContentTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/DialogHeader/DialogHeader.d.ts

@@ -18,4 +18,4 @@ export type DialogHeaderProps = {
      */
     className?: string;
 };
-export declare const DialogHeader: ({ children, title, justifyContent, disableSpacing, onClose, className, }: DialogHeaderProps) => JSX.Element;
+export declare const DialogHeader: ({ children, title, justifyContent, disableSpacing, onClose, className, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/components/DialogHeader/styles.d.ts

@@ -11,7 +11,7 @@ type DialogHeaderRootProps = {
 };
 export declare const Wrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & DialogHeaderRootProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export type DialogHeaderContentProps = {
     justifyContent: CSSProperties['justifyContent'];
@@ -19,6 +19,6 @@ export type DialogHeaderContentProps = {
 };
 export declare const HeaderContent: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & DialogHeaderContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/components/DialogTitle/DialogTitle.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { type ModalProps, type DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 export type DialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps> & {
     onClose?: ModalProps['onClose'];
 };
-export declare const DialogTitle: ({ children, onClose, ...props }: DialogTitleProps) => JSX.Element;
+export declare const DialogTitle: ({ children, onClose, ...props }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;

package/components/Divider/Divider.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { type DividerProps as MuiDividerProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 export type DividerProps = WithoutEmotionSpecific<MuiDividerProps>;
-export declare const Divider: (props: DividerProps) => JSX.Element;
+export declare const Divider: (props: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/components/DropdownButton/DropdownButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PopoverProps } from '@mui/material';
 import { type ButtonProps } from '../Button';
 export type DropdownButtonProps = Omit<ButtonProps, 'endIcon' | 'selected' | 'onClick'> & {
@@ -11,4 +10,4 @@ export type DropdownButtonProps = Omit<ButtonProps, 'endIcon' | 'selected' | 'on
      * */
     popoverProps?: Omit<PopoverProps, 'open'>;
 };
-export declare const DropdownButton: import("react").ForwardRefExoticComponent<Omit<DropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownButton: ({ children, name, popoverProps, ...props }: DropdownButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/DropdownButton/DropdownButton.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClickAwayListener } from '@mui/material';
-import { forwardRef } from 'react';
 import { Button } from '../Button';
 import { Chevron } from '../Chevron';
 import { useMenu } from '../hooks';
 import { Menu } from '../Menu';
-export const DropdownButton = forwardRef(({ children, name, popoverProps, ...props }, ref) => {
+export const DropdownButton = ({ children, name, popoverProps, ...props }) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu();
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: _jsx(Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: _jsx(Chevron, { isActive: open }), children: name }) }), _jsx(Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
-});
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { onClickAway: handleCloseMenu, children: _jsx(Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: _jsx(Chevron, { isActive: open }), children: name }) }), _jsx(Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
+};

package/components/EmailOrPhoneField/useLogic/useLogic.d.ts

@@ -1,293 +1,13 @@
+import { type InputBaseComponentProps } from '@mui/material';
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { EmailOrPhoneFieldProps } from '../types';
-export declare const useLogic: (props: EmailOrPhoneFieldProps) => {
+type UseLogicResult = {
     onBlur: (event: FocusEvent<HTMLInputElement>) => void;
-    restProps: {
-        label?: import("react").ReactNode;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        fullWidth?: boolean | undefined;
-        focused?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        size?: import("@mui/types").OverridableStringUnion<"medium" | "small", import("@mui/material").TextFieldPropsSizeOverrides> | undefined;
-        classes?: Partial<import("@mui/material").TextFieldClasses> | undefined;
-        defaultValue?: unknown;
-        children?: import("react").ReactNode;
-        defaultChecked?: boolean | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        placeholder?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "true" | "false") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
-        'aria-hidden'?: (boolean | "true" | "false") | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "true" | "false") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        error?: boolean | undefined;
-        success?: boolean | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        key?: import("react").Key | null | undefined;
-        autoComplete?: string | undefined;
-        required?: boolean | undefined;
-        inputRef?: import("react").Ref<any> | undefined;
-        startAdornment?: import("react").ReactNode;
-        hiddenLabel?: boolean | undefined;
-        hideHelperText?: boolean | undefined;
-        InputProps?: Partial<import("@mui/material").OutlinedInputProps> | Partial<import("@mui/material").FilledInputProps> | Partial<import("@mui/material").InputProps> | undefined;
-        FormHelperTextProps?: Partial<import("@mui/material").FormHelperTextProps> | undefined;
-        helperText?: import("react").ReactNode;
-        InputLabelProps?: Partial<import("@mui/material").InputLabelProps> | undefined;
-    };
-    inputValue: string | undefined;
+    inputValue?: string;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    inputProps: import("@mui/material").InputBaseComponentProps | undefined;
-    isHidePersonalData: boolean | undefined;
+    inputProps?: InputBaseComponentProps;
+    isHidePersonalData?: boolean;
+    restProps: Omit<EmailOrPhoneFieldProps, 'onBlur' | 'onChange' | 'value' | 'inputProps' | 'isHidePersonalData'>;
 };
+export declare const useLogic: (props: EmailOrPhoneFieldProps) => UseLogicResult;
+export {};

package/components/ErrorBoundary/ErrorBoundary.stubs.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 /**
  * Кнопка для вызова ошибки type = Default
  */
-export declare const BuggyButton: () => JSX.Element;
+export declare const BuggyButton: () => import("react/jsx-runtime").JSX.Element;
 /**
  * Кнопка для вызова ошибки чанков ErrorChunkError c type = OutdatedRelease
  */
-export declare const ChunkLoadErrorButton: () => JSX.Element;
+export declare const ChunkLoadErrorButton: () => import("react/jsx-runtime").JSX.Element;
 /**
  * Кнопка для вызова ошибки чанков Failed to fetch dynamically imported module c type = OutdatedRelease
  */
-export declare const FailedFetchModuleButton: () => JSX.Element;
+export declare const FailedFetchModuleButton: () => import("react/jsx-runtime").JSX.Element;

package/components/ExpansionPanel/Details/Details.d.ts

@@ -18,4 +18,4 @@ export type DetailsProps = {
      */
     onRetry?: () => void;
 };
-export declare const Details: (props: DetailsProps) => JSX.Element;
+export declare const Details: (props: DetailsProps) => import("react/jsx-runtime").JSX.Element;

package/components/ExpansionPanel/Details/ErrorState/ErrorState.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 type ErrorStateProps = {
     errorMsg?: string;
     onRetry?: () => void;
 };
-export declare const ErrorState: (props: ErrorStateProps) => JSX.Element;
+export declare const ErrorState: (props: ErrorStateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/ExpansionPanel/Details/ErrorState/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("../../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ExpansionPanel/Details/LoadingState/LoadingState.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const LoadingState: () => JSX.Element;
+export declare const LoadingState: () => import("react/jsx-runtime").JSX.Element;

package/components/ExpansionPanel/Details/LoadingState/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("../../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ExpansionPanel/Details/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const Wrapper: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StateWrapper: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ExpansionPanel/ExpansionPanel.d.ts

@@ -14,9 +14,9 @@ export type ExpansionPanelProps = {
     isDisabled?: boolean;
 };
 export declare const ExpansionPanel: {
-    (props: ExpansionPanelProps): JSX.Element;
+    (props: ExpansionPanelProps): import("react/jsx-runtime").JSX.Element;
     Summary: ({ children }: {
         children: ReactNode;
-    }) => JSX.Element;
-    Details: (props: import("./Details").DetailsProps) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Details: (props: import("./Details").DetailsProps) => import("react/jsx-runtime").JSX.Element;
 };

package/components/ExpansionPanel/ExpansionPanelContext/ExpansionPanelContextProvider/ExpansionPanelContextProvider.d.ts

@@ -3,5 +3,5 @@ import { type ExpansionPanelContextProps } from '../ExpansionPanelContext';
 type Props = ExpansionPanelContextProps & {
     children: ReactNode;
 };
-export declare const ExpansionPanelContextProvider: ({ children, isDisabled, isOpen, }: Props) => JSX.Element;
+export declare const ExpansionPanelContextProvider: ({ children, isDisabled, isOpen, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/ExpansionPanel/Summary/Summary.d.ts

@@ -2,5 +2,5 @@ import { type ReactNode } from 'react';
 type SummaryProps = {
     children: ReactNode;
 };
-export declare const Summary: ({ children }: SummaryProps) => JSX.Element;
+export declare const Summary: ({ children }: SummaryProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/ExpansionPanel/Summary/Summary.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
+import { getInertProps } from '../../utils';
 import { expansionPanelClassnames } from '../constants';
 import { ExpansionPanelContext } from '../ExpansionPanelContext';
 import { StyledChevron, Title, Wrapper } from './styles';
 export const Summary = ({ children }) => {
     const { isDisabled, isOpen } = useContext(ExpansionPanelContext);
-    return (_jsxs(Wrapper, { "$isSelected": isOpen, "$isDisabled": isDisabled, inert: isDisabled ? '' : undefined, className: expansionPanelClassnames.summary, children: [_jsx(Title, { children: children }), _jsx(StyledChevron, { isActive: isOpen })] }));
+    return (_jsxs(Wrapper, { "$isSelected": isOpen, "$isDisabled": isDisabled, ...getInertProps(isDisabled), className: expansionPanelClassnames.summary, children: [_jsx(Title, { children: children }), _jsx(StyledChevron, { isActive: isOpen })] }));
 };