npm - @wordpress/components - Versions diffs - 28.13.1-next.082ed6819.0 → 29.0.1-next.a9f418477.0 - Mend

@wordpress/components 28.13.1-next.082ed6819.0 → 29.0.1-next.a9f418477.0

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

Files changed (586) hide show

package/build-types/box-control/stories/index.story.d.ts CHANGED Viewed

@@ -8,90 +8,93 @@ import type { Meta } from '@storybook/react';
 import BoxControl from '../';
 declare const meta: Meta<typeof BoxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "units"> & {
+    onMouseOver?: import("../../unit-control/types").UnitControlProps["onMouseOver"];
+    onMouseOut?: import("../../unit-control/types").UnitControlProps["onMouseOut"];
+} & {
     allowReset?: boolean;
     id?: string;
     inputProps?: {
-        hidden?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        size?: import("../../input-control/types").Size;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        size?: import("../../input-control/types").Size | undefined;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: number | string | undefined;
-        translate?: "yes" | "no" | undefined;
-        width?: number | string | undefined;
-        multiple?: boolean | undefined;
-        disabled?: boolean;
-        form?: string | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        max?: number;
-        min?: number;
-        name?: string | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "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-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "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-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "false" | "true") | 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;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -182,9 +185,9 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDrag?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragEnd?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -194,7 +197,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragStart?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -204,7 +207,9 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
@@ -249,81 +254,82 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        nonce?: string | undefined;
+        nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
         prefix?: import("react").ReactNode;
-        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | 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;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: number | string;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        value?: number | string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: import("../../input-control/types").InputControlProps["required"];
-        src?: string | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        list?: string | undefined;
-        step?: import("../../input-control/types").InputControlProps["step"];
-        onValidate?: (nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void;
-        __next36pxDefaultSize?: boolean;
-        __next40pxDefaultSize?: boolean;
-        __unstableInputWidth?: import("react").CSSProperties["width"];
-        hideLabelFromVision?: boolean;
-        labelPosition?: import("../../input-control/types").LabelPosition;
-        dragDirection?: import("../../input-control/types").DragDirection;
-        dragThreshold?: number;
-        isDragEnabled?: import("../../input-control/types").InputControlProps["isDragEnabled"];
-        isPressEnterToChange?: boolean;
-        __unstableStateReducer?: import("../../input-control/types").InputFieldProps["stateReducer"];
-        hideHTMLArrows?: boolean;
-        isShiftStepEnabled?: boolean;
-        shiftStep?: number;
-        spinFactor?: number;
-        disableUnits?: boolean;
-        unit?: string;
-        isUnitSelectTabbable?: boolean;
-        isResetValueOnUnitChange?: boolean;
-        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: string | number | undefined;
+        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void) | undefined;
+        __next36pxDefaultSize?: boolean | undefined;
+        __next40pxDefaultSize?: boolean | undefined;
+        __unstableInputWidth?: import("csstype").Property.Width<string | number> | undefined;
+        hideLabelFromVision?: boolean | undefined;
+        labelPosition?: import("../../input-control/types").LabelPosition | undefined;
+        dragDirection?: import("../../input-control/types").DragDirection | undefined;
+        dragThreshold?: number | undefined;
+        isDragEnabled?: boolean | undefined;
+        isPressEnterToChange?: boolean | undefined;
+        __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
+        hideHTMLArrows?: boolean | undefined;
+        __shouldNotWarnDeprecated36pxSize?: boolean | undefined;
+        isShiftStepEnabled?: boolean | undefined;
+        shiftStep?: number | undefined;
+        spinFactor?: number | undefined;
+        disableUnits?: boolean | undefined;
+        unit?: string | undefined;
+        isUnitSelectTabbable?: boolean | undefined;
+        isResetValueOnUnitChange?: boolean | undefined;
+        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback | undefined;
     };
     label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
@@ -333,90 +339,93 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     values?: import("../types").BoxControlValue;
     __next40pxDefaultSize?: boolean;
 }>;
-export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "units"> & {
+    onMouseOver?: import("../../unit-control/types").UnitControlProps["onMouseOver"];
+    onMouseOut?: import("../../unit-control/types").UnitControlProps["onMouseOut"];
+} & {
     allowReset?: boolean;
     id?: string;
     inputProps?: {
-        hidden?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        size?: import("../../input-control/types").Size;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        size?: import("../../input-control/types").Size | undefined;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: number | string | undefined;
-        translate?: "yes" | "no" | undefined;
-        width?: number | string | undefined;
-        multiple?: boolean | undefined;
-        disabled?: boolean;
-        form?: string | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        max?: number;
-        min?: number;
-        name?: string | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "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-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "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-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "false" | "true") | 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;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -507,9 +516,9 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDrag?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragEnd?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -519,7 +528,7 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragStart?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -529,7 +538,9 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
@@ -574,81 +585,82 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        nonce?: string | undefined;
+        nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
         prefix?: import("react").ReactNode;
-        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | 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;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: number | string;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        value?: number | string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: import("../../input-control/types").InputControlProps["required"];
-        src?: string | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        list?: string | undefined;
-        step?: import("../../input-control/types").InputControlProps["step"];
-        onValidate?: (nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void;
-        __next36pxDefaultSize?: boolean;
-        __next40pxDefaultSize?: boolean;
-        __unstableInputWidth?: import("react").CSSProperties["width"];
-        hideLabelFromVision?: boolean;
-        labelPosition?: import("../../input-control/types").LabelPosition;
-        dragDirection?: import("../../input-control/types").DragDirection;
-        dragThreshold?: number;
-        isDragEnabled?: import("../../input-control/types").InputControlProps["isDragEnabled"];
-        isPressEnterToChange?: boolean;
-        __unstableStateReducer?: import("../../input-control/types").InputFieldProps["stateReducer"];
-        hideHTMLArrows?: boolean;
-        isShiftStepEnabled?: boolean;
-        shiftStep?: number;
-        spinFactor?: number;
-        disableUnits?: boolean;
-        unit?: string;
-        isUnitSelectTabbable?: boolean;
-        isResetValueOnUnitChange?: boolean;
-        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: string | number | undefined;
+        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void) | undefined;
+        __next36pxDefaultSize?: boolean | undefined;
+        __next40pxDefaultSize?: boolean | undefined;
+        __unstableInputWidth?: import("csstype").Property.Width<string | number> | undefined;
+        hideLabelFromVision?: boolean | undefined;
+        labelPosition?: import("../../input-control/types").LabelPosition | undefined;
+        dragDirection?: import("../../input-control/types").DragDirection | undefined;
+        dragThreshold?: number | undefined;
+        isDragEnabled?: boolean | undefined;
+        isPressEnterToChange?: boolean | undefined;
+        __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
+        hideHTMLArrows?: boolean | undefined;
+        __shouldNotWarnDeprecated36pxSize?: boolean | undefined;
+        isShiftStepEnabled?: boolean | undefined;
+        shiftStep?: number | undefined;
+        spinFactor?: number | undefined;
+        disableUnits?: boolean | undefined;
+        unit?: string | undefined;
+        isUnitSelectTabbable?: boolean | undefined;
+        isResetValueOnUnitChange?: boolean | undefined;
+        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback | undefined;
     };
     label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
@@ -658,90 +670,93 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
     values?: import("../types").BoxControlValue;
     __next40pxDefaultSize?: boolean;
 }>;
-export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "units"> & {
+    onMouseOver?: import("../../unit-control/types").UnitControlProps["onMouseOver"];
+    onMouseOut?: import("../../unit-control/types").UnitControlProps["onMouseOut"];
+} & {
     allowReset?: boolean;
     id?: string;
     inputProps?: {
-        hidden?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        size?: import("../../input-control/types").Size;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        size?: import("../../input-control/types").Size | undefined;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: number | string | undefined;
-        translate?: "yes" | "no" | undefined;
-        width?: number | string | undefined;
-        multiple?: boolean | undefined;
-        disabled?: boolean;
-        form?: string | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        max?: number;
-        min?: number;
-        name?: string | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "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-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "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-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "false" | "true") | 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;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -832,9 +847,9 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDrag?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragEnd?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -844,7 +859,7 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragStart?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -854,7 +869,9 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
@@ -899,81 +916,82 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        nonce?: string | undefined;
+        nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
         prefix?: import("react").ReactNode;
-        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | 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;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: number | string;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        value?: number | string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: import("../../input-control/types").InputControlProps["required"];
-        src?: string | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        list?: string | undefined;
-        step?: import("../../input-control/types").InputControlProps["step"];
-        onValidate?: (nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void;
-        __next36pxDefaultSize?: boolean;
-        __next40pxDefaultSize?: boolean;
-        __unstableInputWidth?: import("react").CSSProperties["width"];
-        hideLabelFromVision?: boolean;
-        labelPosition?: import("../../input-control/types").LabelPosition;
-        dragDirection?: import("../../input-control/types").DragDirection;
-        dragThreshold?: number;
-        isDragEnabled?: import("../../input-control/types").InputControlProps["isDragEnabled"];
-        isPressEnterToChange?: boolean;
-        __unstableStateReducer?: import("../../input-control/types").InputFieldProps["stateReducer"];
-        hideHTMLArrows?: boolean;
-        isShiftStepEnabled?: boolean;
-        shiftStep?: number;
-        spinFactor?: number;
-        disableUnits?: boolean;
-        unit?: string;
-        isUnitSelectTabbable?: boolean;
-        isResetValueOnUnitChange?: boolean;
-        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: string | number | undefined;
+        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void) | undefined;
+        __next36pxDefaultSize?: boolean | undefined;
+        __next40pxDefaultSize?: boolean | undefined;
+        __unstableInputWidth?: import("csstype").Property.Width<string | number> | undefined;
+        hideLabelFromVision?: boolean | undefined;
+        labelPosition?: import("../../input-control/types").LabelPosition | undefined;
+        dragDirection?: import("../../input-control/types").DragDirection | undefined;
+        dragThreshold?: number | undefined;
+        isDragEnabled?: boolean | undefined;
+        isPressEnterToChange?: boolean | undefined;
+        __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
+        hideHTMLArrows?: boolean | undefined;
+        __shouldNotWarnDeprecated36pxSize?: boolean | undefined;
+        isShiftStepEnabled?: boolean | undefined;
+        shiftStep?: number | undefined;
+        spinFactor?: number | undefined;
+        disableUnits?: boolean | undefined;
+        unit?: string | undefined;
+        isUnitSelectTabbable?: boolean | undefined;
+        isResetValueOnUnitChange?: boolean | undefined;
+        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback | undefined;
     };
     label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
@@ -983,90 +1001,93 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
     values?: import("../types").BoxControlValue;
     __next40pxDefaultSize?: boolean;
 }>;
-export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "units"> & {
+    onMouseOver?: import("../../unit-control/types").UnitControlProps["onMouseOver"];
+    onMouseOut?: import("../../unit-control/types").UnitControlProps["onMouseOut"];
+} & {
     allowReset?: boolean;
     id?: string;
     inputProps?: {
-        hidden?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        size?: import("../../input-control/types").Size;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        size?: import("../../input-control/types").Size | undefined;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: number | string | undefined;
-        translate?: "yes" | "no" | undefined;
-        width?: number | string | undefined;
-        multiple?: boolean | undefined;
-        disabled?: boolean;
-        form?: string | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        max?: number;
-        min?: number;
-        name?: string | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "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-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "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-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "false" | "true") | 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;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -1157,9 +1178,9 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDrag?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragEnd?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1169,7 +1190,7 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragStart?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1179,7 +1200,9 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
@@ -1224,81 +1247,82 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        nonce?: string | undefined;
+        nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
         prefix?: import("react").ReactNode;
-        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | 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;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: number | string;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        value?: number | string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: import("../../input-control/types").InputControlProps["required"];
-        src?: string | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        list?: string | undefined;
-        step?: import("../../input-control/types").InputControlProps["step"];
-        onValidate?: (nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void;
-        __next36pxDefaultSize?: boolean;
-        __next40pxDefaultSize?: boolean;
-        __unstableInputWidth?: import("react").CSSProperties["width"];
-        hideLabelFromVision?: boolean;
-        labelPosition?: import("../../input-control/types").LabelPosition;
-        dragDirection?: import("../../input-control/types").DragDirection;
-        dragThreshold?: number;
-        isDragEnabled?: import("../../input-control/types").InputControlProps["isDragEnabled"];
-        isPressEnterToChange?: boolean;
-        __unstableStateReducer?: import("../../input-control/types").InputFieldProps["stateReducer"];
-        hideHTMLArrows?: boolean;
-        isShiftStepEnabled?: boolean;
-        shiftStep?: number;
-        spinFactor?: number;
-        disableUnits?: boolean;
-        unit?: string;
-        isUnitSelectTabbable?: boolean;
-        isResetValueOnUnitChange?: boolean;
-        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: string | number | undefined;
+        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void) | undefined;
+        __next36pxDefaultSize?: boolean | undefined;
+        __next40pxDefaultSize?: boolean | undefined;
+        __unstableInputWidth?: import("csstype").Property.Width<string | number> | undefined;
+        hideLabelFromVision?: boolean | undefined;
+        labelPosition?: import("../../input-control/types").LabelPosition | undefined;
+        dragDirection?: import("../../input-control/types").DragDirection | undefined;
+        dragThreshold?: number | undefined;
+        isDragEnabled?: boolean | undefined;
+        isPressEnterToChange?: boolean | undefined;
+        __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
+        hideHTMLArrows?: boolean | undefined;
+        __shouldNotWarnDeprecated36pxSize?: boolean | undefined;
+        isShiftStepEnabled?: boolean | undefined;
+        shiftStep?: number | undefined;
+        spinFactor?: number | undefined;
+        disableUnits?: boolean | undefined;
+        unit?: string | undefined;
+        isUnitSelectTabbable?: boolean | undefined;
+        isResetValueOnUnitChange?: boolean | undefined;
+        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback | undefined;
     };
     label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
@@ -1308,90 +1332,93 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
     values?: import("../types").BoxControlValue;
     __next40pxDefaultSize?: boolean;
 }>;
-export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "units"> & {
+    onMouseOver?: import("../../unit-control/types").UnitControlProps["onMouseOver"];
+    onMouseOut?: import("../../unit-control/types").UnitControlProps["onMouseOut"];
+} & {
     allowReset?: boolean;
     id?: string;
     inputProps?: {
-        hidden?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        size?: import("../../input-control/types").Size;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        size?: import("../../input-control/types").Size | undefined;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: number | string | undefined;
-        translate?: "yes" | "no" | undefined;
-        width?: number | string | undefined;
-        multiple?: boolean | undefined;
-        disabled?: boolean;
-        form?: string | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        max?: number;
-        min?: number;
-        name?: string | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "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-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "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-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "false" | "true") | 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;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -1482,9 +1509,9 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDrag?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragEnd?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1494,7 +1521,7 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragStart?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1504,7 +1531,9 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
@@ -1549,81 +1578,82 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        nonce?: string | undefined;
+        nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
         prefix?: import("react").ReactNode;
-        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | 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;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: number | string;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        value?: number | string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: import("../../input-control/types").InputControlProps["required"];
-        src?: string | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        list?: string | undefined;
-        step?: import("../../input-control/types").InputControlProps["step"];
-        onValidate?: (nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void;
-        __next36pxDefaultSize?: boolean;
-        __next40pxDefaultSize?: boolean;
-        __unstableInputWidth?: import("react").CSSProperties["width"];
-        hideLabelFromVision?: boolean;
-        labelPosition?: import("../../input-control/types").LabelPosition;
-        dragDirection?: import("../../input-control/types").DragDirection;
-        dragThreshold?: number;
-        isDragEnabled?: import("../../input-control/types").InputControlProps["isDragEnabled"];
-        isPressEnterToChange?: boolean;
-        __unstableStateReducer?: import("../../input-control/types").InputFieldProps["stateReducer"];
-        hideHTMLArrows?: boolean;
-        isShiftStepEnabled?: boolean;
-        shiftStep?: number;
-        spinFactor?: number;
-        disableUnits?: boolean;
-        unit?: string;
-        isUnitSelectTabbable?: boolean;
-        isResetValueOnUnitChange?: boolean;
-        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: string | number | undefined;
+        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void) | undefined;
+        __next36pxDefaultSize?: boolean | undefined;
+        __next40pxDefaultSize?: boolean | undefined;
+        __unstableInputWidth?: import("csstype").Property.Width<string | number> | undefined;
+        hideLabelFromVision?: boolean | undefined;
+        labelPosition?: import("../../input-control/types").LabelPosition | undefined;
+        dragDirection?: import("../../input-control/types").DragDirection | undefined;
+        dragThreshold?: number | undefined;
+        isDragEnabled?: boolean | undefined;
+        isPressEnterToChange?: boolean | undefined;
+        __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
+        hideHTMLArrows?: boolean | undefined;
+        __shouldNotWarnDeprecated36pxSize?: boolean | undefined;
+        isShiftStepEnabled?: boolean | undefined;
+        shiftStep?: number | undefined;
+        spinFactor?: number | undefined;
+        disableUnits?: boolean | undefined;
+        unit?: string | undefined;
+        isUnitSelectTabbable?: boolean | undefined;
+        isResetValueOnUnitChange?: boolean | undefined;
+        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback | undefined;
     };
     label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
@@ -1633,90 +1663,93 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
     values?: import("../types").BoxControlValue;
     __next40pxDefaultSize?: boolean;
 }>;
-export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "units"> & {
+    onMouseOver?: import("../../unit-control/types").UnitControlProps["onMouseOver"];
+    onMouseOut?: import("../../unit-control/types").UnitControlProps["onMouseOut"];
+} & {
     allowReset?: boolean;
     id?: string;
     inputProps?: {
-        hidden?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        size?: import("../../input-control/types").Size;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        size?: import("../../input-control/types").Size | undefined;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: number | string | undefined;
-        translate?: "yes" | "no" | undefined;
-        width?: number | string | undefined;
-        multiple?: boolean | undefined;
-        disabled?: boolean;
-        form?: string | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        max?: number;
-        min?: number;
-        name?: string | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "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-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "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-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "false" | "true") | 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;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -1807,9 +1840,9 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDrag?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragEnd?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1819,7 +1852,7 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
+        onDragStart?: ((dragProps: import("../../input-control/types").DragProps) => void) | undefined;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1829,7 +1862,9 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
         onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
@@ -1874,81 +1909,82 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        nonce?: string | undefined;
+        nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
         prefix?: import("react").ReactNode;
-        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | 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;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: number | string;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        value?: number | string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: import("../../input-control/types").InputControlProps["required"];
-        src?: string | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        list?: string | undefined;
-        step?: import("../../input-control/types").InputControlProps["step"];
-        onValidate?: (nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void;
-        __next36pxDefaultSize?: boolean;
-        __next40pxDefaultSize?: boolean;
-        __unstableInputWidth?: import("react").CSSProperties["width"];
-        hideLabelFromVision?: boolean;
-        labelPosition?: import("../../input-control/types").LabelPosition;
-        dragDirection?: import("../../input-control/types").DragDirection;
-        dragThreshold?: number;
-        isDragEnabled?: import("../../input-control/types").InputControlProps["isDragEnabled"];
-        isPressEnterToChange?: boolean;
-        __unstableStateReducer?: import("../../input-control/types").InputFieldProps["stateReducer"];
-        hideHTMLArrows?: boolean;
-        isShiftStepEnabled?: boolean;
-        shiftStep?: number;
-        spinFactor?: number;
-        disableUnits?: boolean;
-        unit?: string;
-        isUnitSelectTabbable?: boolean;
-        isResetValueOnUnitChange?: boolean;
-        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: string | number | undefined;
+        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement>) => void) | undefined;
+        __next36pxDefaultSize?: boolean | undefined;
+        __next40pxDefaultSize?: boolean | undefined;
+        __unstableInputWidth?: import("csstype").Property.Width<string | number> | undefined;
+        hideLabelFromVision?: boolean | undefined;
+        labelPosition?: import("../../input-control/types").LabelPosition | undefined;
+        dragDirection?: import("../../input-control/types").DragDirection | undefined;
+        dragThreshold?: number | undefined;
+        isDragEnabled?: boolean | undefined;
+        isPressEnterToChange?: boolean | undefined;
+        __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
+        hideHTMLArrows?: boolean | undefined;
+        __shouldNotWarnDeprecated36pxSize?: boolean | undefined;
+        isShiftStepEnabled?: boolean | undefined;
+        shiftStep?: number | undefined;
+        spinFactor?: number | undefined;
+        disableUnits?: boolean | undefined;
+        unit?: string | undefined;
+        isUnitSelectTabbable?: boolean | undefined;
+        isResetValueOnUnitChange?: boolean | undefined;
+        onUnitChange?: import("../../unit-control/types").UnitControlOnChangeCallback | undefined;
     };
     label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;