npm - @wordpress/components - Versions diffs - 28.3.0 → 28.5.0 - Mend

@wordpress/components 28.3.0 → 28.5.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 (1233) hide show

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

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -11,20 +9,20 @@ 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"> & {
-    allowReset?: boolean | undefined;
-    id?: string | undefined;
+    allowReset?: boolean;
+    id?: string;
     inputProps?: {
         hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        size?: import("../../input-control/types").Size | undefined;
+        size?: import("../../input-control/types").Size;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: string | number | undefined;
+        height?: number | string | undefined;
         translate?: "yes" | "no" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         multiple?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -33,34 +31,34 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         className?: string | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
+        max?: number;
+        min?: number;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | 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-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -75,9 +73,9 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -184,13 +182,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: ((dragProps: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -200,9 +194,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -262,7 +254,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -290,72 +282,72 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
-        formAction?: 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?: string | number | undefined;
+        value?: number | string;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
-        required?: 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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         list?: string | undefined;
-        step?: string | number | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => 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;
-        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;
-    } | undefined;
-    label?: 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;
+    };
+    label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
-    resetValues?: import("../types").BoxControlValue | undefined;
-    sides?: readonly ("horizontal" | "vertical" | keyof import("../types").BoxControlValue)[] | undefined;
-    splitOnAxis?: boolean | undefined;
-    values?: import("../types").BoxControlValue | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    resetValues?: import("../types").BoxControlValue;
+    sides?: readonly (keyof import("../types").BoxControlValue | "horizontal" | "vertical")[];
+    splitOnAxis?: boolean;
+    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"> & {
-    allowReset?: boolean | undefined;
-    id?: string | undefined;
+    allowReset?: boolean;
+    id?: string;
     inputProps?: {
         hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        size?: import("../../input-control/types").Size | undefined;
+        size?: import("../../input-control/types").Size;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: string | number | undefined;
+        height?: number | string | undefined;
         translate?: "yes" | "no" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         multiple?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -364,34 +356,34 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         className?: string | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
+        max?: number;
+        min?: number;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | 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-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -406,9 +398,9 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -515,13 +507,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: ((dragProps: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -531,9 +519,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -593,7 +579,7 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -621,72 +607,72 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
-        formAction?: 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?: string | number | undefined;
+        value?: number | string;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
-        required?: 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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         list?: string | undefined;
-        step?: string | number | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => 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;
-        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;
-    } | undefined;
-    label?: 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;
+    };
+    label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
-    resetValues?: import("../types").BoxControlValue | undefined;
-    sides?: readonly ("horizontal" | "vertical" | keyof import("../types").BoxControlValue)[] | undefined;
-    splitOnAxis?: boolean | undefined;
-    values?: import("../types").BoxControlValue | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    resetValues?: import("../types").BoxControlValue;
+    sides?: readonly (keyof import("../types").BoxControlValue | "horizontal" | "vertical")[];
+    splitOnAxis?: boolean;
+    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"> & {
-    allowReset?: boolean | undefined;
-    id?: string | undefined;
+    allowReset?: boolean;
+    id?: string;
     inputProps?: {
         hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        size?: import("../../input-control/types").Size | undefined;
+        size?: import("../../input-control/types").Size;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: string | number | undefined;
+        height?: number | string | undefined;
         translate?: "yes" | "no" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         multiple?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -695,34 +681,34 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         className?: string | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
+        max?: number;
+        min?: number;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | 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-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -737,9 +723,9 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -846,13 +832,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: ((dragProps: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -862,9 +844,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -924,7 +904,7 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -952,72 +932,72 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
-        formAction?: 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?: string | number | undefined;
+        value?: number | string;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
-        required?: 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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         list?: string | undefined;
-        step?: string | number | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => 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;
-        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;
-    } | undefined;
-    label?: 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;
+    };
+    label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
-    resetValues?: import("../types").BoxControlValue | undefined;
-    sides?: readonly ("horizontal" | "vertical" | keyof import("../types").BoxControlValue)[] | undefined;
-    splitOnAxis?: boolean | undefined;
-    values?: import("../types").BoxControlValue | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    resetValues?: import("../types").BoxControlValue;
+    sides?: readonly (keyof import("../types").BoxControlValue | "horizontal" | "vertical")[];
+    splitOnAxis?: boolean;
+    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"> & {
-    allowReset?: boolean | undefined;
-    id?: string | undefined;
+    allowReset?: boolean;
+    id?: string;
     inputProps?: {
         hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        size?: import("../../input-control/types").Size | undefined;
+        size?: import("../../input-control/types").Size;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: string | number | undefined;
+        height?: number | string | undefined;
         translate?: "yes" | "no" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         multiple?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -1026,34 +1006,34 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         className?: string | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
+        max?: number;
+        min?: number;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | 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-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1068,9 +1048,9 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1177,13 +1157,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: ((dragProps: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1193,9 +1169,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1255,7 +1229,7 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1283,72 +1257,72 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
-        formAction?: 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?: string | number | undefined;
+        value?: number | string;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
-        required?: 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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         list?: string | undefined;
-        step?: string | number | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => 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;
-        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;
-    } | undefined;
-    label?: 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;
+    };
+    label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
-    resetValues?: import("../types").BoxControlValue | undefined;
-    sides?: readonly ("horizontal" | "vertical" | keyof import("../types").BoxControlValue)[] | undefined;
-    splitOnAxis?: boolean | undefined;
-    values?: import("../types").BoxControlValue | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    resetValues?: import("../types").BoxControlValue;
+    sides?: readonly (keyof import("../types").BoxControlValue | "horizontal" | "vertical")[];
+    splitOnAxis?: boolean;
+    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"> & {
-    allowReset?: boolean | undefined;
-    id?: string | undefined;
+    allowReset?: boolean;
+    id?: string;
     inputProps?: {
         hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        size?: import("../../input-control/types").Size | undefined;
+        size?: import("../../input-control/types").Size;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: string | number | undefined;
+        height?: number | string | undefined;
         translate?: "yes" | "no" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         multiple?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -1357,34 +1331,34 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         className?: string | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
+        max?: number;
+        min?: number;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | 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-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1399,9 +1373,9 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1508,13 +1482,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: ((dragProps: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1524,9 +1494,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1586,7 +1554,7 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1614,72 +1582,72 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
-        formAction?: 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?: string | number | undefined;
+        value?: number | string;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
-        required?: 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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         list?: string | undefined;
-        step?: string | number | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => 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;
-        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;
-    } | undefined;
-    label?: 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;
+    };
+    label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
-    resetValues?: import("../types").BoxControlValue | undefined;
-    sides?: readonly ("horizontal" | "vertical" | keyof import("../types").BoxControlValue)[] | undefined;
-    splitOnAxis?: boolean | undefined;
-    values?: import("../types").BoxControlValue | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    resetValues?: import("../types").BoxControlValue;
+    sides?: readonly (keyof import("../types").BoxControlValue | "horizontal" | "vertical")[];
+    splitOnAxis?: boolean;
+    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"> & {
-    allowReset?: boolean | undefined;
-    id?: string | undefined;
+    allowReset?: boolean;
+    id?: string;
     inputProps?: {
         hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        size?: import("../../input-control/types").Size | undefined;
+        size?: import("../../input-control/types").Size;
         style?: import("react").CSSProperties | undefined;
         help?: import("react").ReactNode;
-        height?: string | number | undefined;
+        height?: number | string | undefined;
         translate?: "yes" | "no" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         multiple?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         form?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -1688,34 +1656,34 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         className?: string | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
+        max?: number;
+        min?: number;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | 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-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1730,9 +1698,9 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1839,13 +1807,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDrag?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: ((dragProps: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragEnd?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1855,9 +1819,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: Omit<import("@use-gesture/react").FullGestureState<"drag">, "event"> & {
-            event: unknown;
-        }) => void) | undefined;
+        onDragStart?: (dragProps: import("../../input-control/types").DragProps) => void;
         onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
@@ -1917,7 +1879,7 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1945,55 +1907,55 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
-        formAction?: 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?: string | number | undefined;
+        value?: number | string;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
-        required?: 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?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         list?: string | undefined;
-        step?: string | number | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => 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;
-        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;
-    } | undefined;
-    label?: 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;
+    };
+    label?: string;
     onChange: (next: import("../types").BoxControlValue) => void;
-    resetValues?: import("../types").BoxControlValue | undefined;
-    sides?: readonly ("horizontal" | "vertical" | keyof import("../types").BoxControlValue)[] | undefined;
-    splitOnAxis?: boolean | undefined;
-    values?: import("../types").BoxControlValue | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    resetValues?: import("../types").BoxControlValue;
+    sides?: readonly (keyof import("../types").BoxControlValue | "horizontal" | "vertical")[];
+    splitOnAxis?: boolean;
+    values?: import("../types").BoxControlValue;
+    __next40pxDefaultSize?: boolean;
 }>;
 //# sourceMappingURL=index.story.d.ts.map