@galaxy-ds/core 2.1.1 → 2.1.3

package/dist/Checkbox/Checkbox.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  *  ```js
@@ -14,6 +17,86 @@ declare const meta: {
     argTypes: {
         onFocusVisible: {
             control: {
+                type: undefined;
+            };
+        };
+        checkedIcon: {
+            control: {
+                type: undefined;
+            };
+        };
+        icon: {
+            control: {
+                type: undefined;
+            };
+        };
+        indeterminateIcon: {
+            control: {
+                type: undefined;
+            };
+        };
+        inputRef: {
+            control: {
+                type: undefined;
+            };
+        };
+        checked: {
+            control: {
+                type: undefined;
+            };
+        };
+        component: {
+            table: {
+                disable: boolean;
+            };
+        };
+        size: {
+            table: {
+                disable: boolean;
+            };
+        };
+        color: {
+            table: {
+                disable: boolean;
+            };
+        };
+        TouchRippleProps: {
+            table: {
+                disable: boolean;
+            };
+        };
+        touchRippleRef: {
+            table: {
+                disable: boolean;
+            };
+        };
+        centerRipple: {
+            table: {
+                disable: boolean;
+            };
+        };
+        disableTouchRipple: {
+            table: {
+                disable: boolean;
+            };
+        };
+        focusRipple: {
+            table: {
+                disable: boolean;
+            };
+        };
+        disableRipple: {
+            table: {
+                disable: boolean;
+            };
+        };
+        disableFocusRipple: {
+            table: {
+                disable: boolean;
+            };
+        };
+        LinkComponent: {
+            table: {
                 disable: boolean;
             };
         };
@@ -21,7 +104,9 @@ declare const meta: {
 };
 export default meta;
 export declare const Default: {
-    args: {};
+    args: {
+        edge: false;
+    };
     parameters: {
         docs: {
             source: {
@@ -32,26 +117,26 @@ export declare const Default: {
     render: (args: {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -62,27 +147,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -97,9 +182,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -283,7 +368,7 @@ export declare const Default: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -311,26 +396,26 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -345,29 +430,29 @@ export declare const Checked: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -378,27 +463,27 @@ export declare const Checked: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -413,9 +498,9 @@ export declare const Checked: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -599,7 +684,7 @@ export declare const Checked: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -627,51 +712,51 @@ export declare const Checked: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }>) => Promise<void>;
     render: (args: {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -682,27 +767,27 @@ export declare const Checked: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -717,9 +802,9 @@ export declare const Checked: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -903,7 +988,7 @@ export declare const Checked: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -931,26 +1016,26 @@ export declare const Checked: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -965,29 +1050,29 @@ export declare const Indeterminate: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -998,27 +1083,27 @@ export declare const Indeterminate: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1033,9 +1118,9 @@ export declare const Indeterminate: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1219,7 +1304,7 @@ export declare const Indeterminate: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1247,51 +1332,51 @@ export declare const Indeterminate: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }>) => Promise<void>;
     render: (args: {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -1302,27 +1387,27 @@ export declare const Indeterminate: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1337,9 +1422,9 @@ export declare const Indeterminate: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1523,7 +1608,7 @@ export declare const Indeterminate: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1551,26 +1636,26 @@ export declare const Indeterminate: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -1588,29 +1673,29 @@ export declare const Disabled: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -1621,27 +1706,27 @@ export declare const Disabled: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1656,9 +1741,9 @@ export declare const Disabled: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1842,7 +1927,7 @@ export declare const Disabled: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1870,51 +1955,51 @@ export declare const Disabled: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }>) => Promise<void>;
     render: (args: {
         label?: string | undefined;
         isAuth?: boolean | undefined;
-        checked?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["checked"];
-        checkedIcon?: React.ReactNode;
+        checked?: boolean | undefined;
+        checkedIcon?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").CheckboxClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning" | "default", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
-        disabled?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disabled"];
-        disableRipple?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["disableRipple"];
-        icon?: React.ReactNode;
-        id?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["id"];
+        color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").CheckboxPropsColorOverrides> | undefined;
+        disabled?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        icon?: import("react").ReactNode;
+        id?: string | undefined;
         indeterminate?: boolean | undefined;
-        indeterminateIcon?: React.ReactNode;
-        inputProps?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["inputProps"];
-        inputRef?: React.Ref<HTMLInputElement> | undefined;
-        onChange?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["onChange"];
-        required?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["required"];
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
+        indeterminateIcon?: import("react").ReactNode;
+        inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+        required?: boolean | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").CheckboxPropsSizeOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-        value?: import("@mui/material/internal/SwitchBase").SwitchBaseProps["value"];
-        ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        value?: unknown;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import("react").CSSProperties | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -1925,27 +2010,27 @@ export declare const Disabled: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1960,9 +2045,9 @@ export declare const Disabled: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2146,7 +2231,7 @@ export declare const Disabled: {
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2174,26 +2259,26 @@ export declare const Disabled: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+        formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         disableFocusRipple?: boolean | undefined;
-        edge?: ("start" | "end" | false) | undefined;
+        edge?: false | "end" | "start" | undefined;
         readOnly?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };