npm - @wordpress/components - Versions diffs - 27.6.0 → 28.0.1 - Mend

@wordpress/components 27.6.0 → 28.0.1

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 (1742) hide show

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

@@ -14,28 +14,33 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
-        className?: string | undefined;
-        id?: string | undefined;
-        prefix?: import("react").ReactNode;
-        slot?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+        hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
+        size?: import("../../input-control/types").Size | undefined;
+        style?: import("react").CSSProperties | undefined;
+        help?: import("react").ReactNode;
         height?: string | number | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         width?: string | number | undefined;
-        help?: import("react").ReactNode;
-        hidden?: boolean | undefined;
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        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 | undefined;
         min?: number | undefined;
         name?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -45,17 +50,17 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "time" | "step" | "false" | "true" | "date" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -251,11 +256,6 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-        size?: import("../../input-control/types").Size | undefined;
-        value?: string | number | undefined;
-        form?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -272,6 +272,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
+        prefix?: import("react").ReactNode;
         property?: string | undefined;
         rel?: string | undefined;
         resource?: string | undefined;
@@ -288,30 +289,30 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
         is?: string | undefined;
-        src?: string | undefined;
-        disabled?: boolean | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
-        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        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;
+        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;
@@ -321,7 +322,6 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
         dragThreshold?: number | undefined;
         isDragEnabled?: boolean | undefined;
         isPressEnterToChange?: boolean | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => void) | undefined;
         __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
         hideHTMLArrows?: boolean | undefined;
         isShiftStepEnabled?: boolean | undefined;
@@ -345,28 +345,33 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
-        className?: string | undefined;
-        id?: string | undefined;
-        prefix?: import("react").ReactNode;
-        slot?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+        hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
+        size?: import("../../input-control/types").Size | undefined;
+        style?: import("react").CSSProperties | undefined;
+        help?: import("react").ReactNode;
         height?: string | number | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         width?: string | number | undefined;
-        help?: import("react").ReactNode;
-        hidden?: boolean | undefined;
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        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 | undefined;
         min?: number | undefined;
         name?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -376,17 +381,17 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "time" | "step" | "false" | "true" | "date" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -582,11 +587,6 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-        size?: import("../../input-control/types").Size | undefined;
-        value?: string | number | undefined;
-        form?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -603,6 +603,7 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
+        prefix?: import("react").ReactNode;
         property?: string | undefined;
         rel?: string | undefined;
         resource?: string | undefined;
@@ -619,30 +620,30 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
         is?: string | undefined;
-        src?: string | undefined;
-        disabled?: boolean | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
-        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        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;
+        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;
@@ -652,7 +653,6 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
         dragThreshold?: number | undefined;
         isDragEnabled?: boolean | undefined;
         isPressEnterToChange?: boolean | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => void) | undefined;
         __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
         hideHTMLArrows?: boolean | undefined;
         isShiftStepEnabled?: boolean | undefined;
@@ -676,28 +676,33 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
-        className?: string | undefined;
-        id?: string | undefined;
-        prefix?: import("react").ReactNode;
-        slot?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+        hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
+        size?: import("../../input-control/types").Size | undefined;
+        style?: import("react").CSSProperties | undefined;
+        help?: import("react").ReactNode;
         height?: string | number | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         width?: string | number | undefined;
-        help?: import("react").ReactNode;
-        hidden?: boolean | undefined;
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        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 | undefined;
         min?: number | undefined;
         name?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -707,17 +712,17 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "time" | "step" | "false" | "true" | "date" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -913,11 +918,6 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-        size?: import("../../input-control/types").Size | undefined;
-        value?: string | number | undefined;
-        form?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -934,6 +934,7 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
+        prefix?: import("react").ReactNode;
         property?: string | undefined;
         rel?: string | undefined;
         resource?: string | undefined;
@@ -950,30 +951,30 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
         is?: string | undefined;
-        src?: string | undefined;
-        disabled?: boolean | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
-        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        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;
+        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;
@@ -983,7 +984,6 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
         dragThreshold?: number | undefined;
         isDragEnabled?: boolean | undefined;
         isPressEnterToChange?: boolean | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => void) | undefined;
         __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
         hideHTMLArrows?: boolean | undefined;
         isShiftStepEnabled?: boolean | undefined;
@@ -1007,28 +1007,33 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
-        className?: string | undefined;
-        id?: string | undefined;
-        prefix?: import("react").ReactNode;
-        slot?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+        hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
+        size?: import("../../input-control/types").Size | undefined;
+        style?: import("react").CSSProperties | undefined;
+        help?: import("react").ReactNode;
         height?: string | number | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         width?: string | number | undefined;
-        help?: import("react").ReactNode;
-        hidden?: boolean | undefined;
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        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 | undefined;
         min?: number | undefined;
         name?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -1038,17 +1043,17 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "time" | "step" | "false" | "true" | "date" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1244,11 +1249,6 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-        size?: import("../../input-control/types").Size | undefined;
-        value?: string | number | undefined;
-        form?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -1265,6 +1265,7 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
+        prefix?: import("react").ReactNode;
         property?: string | undefined;
         rel?: string | undefined;
         resource?: string | undefined;
@@ -1281,30 +1282,30 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
         is?: string | undefined;
-        src?: string | undefined;
-        disabled?: boolean | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
-        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        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;
+        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;
@@ -1314,7 +1315,6 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
         dragThreshold?: number | undefined;
         isDragEnabled?: boolean | undefined;
         isPressEnterToChange?: boolean | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => void) | undefined;
         __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
         hideHTMLArrows?: boolean | undefined;
         isShiftStepEnabled?: boolean | undefined;
@@ -1338,28 +1338,33 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
-        className?: string | undefined;
-        id?: string | undefined;
-        prefix?: import("react").ReactNode;
-        slot?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+        hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
+        size?: import("../../input-control/types").Size | undefined;
+        style?: import("react").CSSProperties | undefined;
+        help?: import("react").ReactNode;
         height?: string | number | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         width?: string | number | undefined;
-        help?: import("react").ReactNode;
-        hidden?: boolean | undefined;
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        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 | undefined;
         min?: number | undefined;
         name?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -1369,17 +1374,17 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "time" | "step" | "false" | "true" | "date" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1575,11 +1580,6 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-        size?: import("../../input-control/types").Size | undefined;
-        value?: string | number | undefined;
-        form?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -1596,6 +1596,7 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
+        prefix?: import("react").ReactNode;
         property?: string | undefined;
         rel?: string | undefined;
         resource?: string | undefined;
@@ -1612,30 +1613,30 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
         is?: string | undefined;
-        src?: string | undefined;
-        disabled?: boolean | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
-        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        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;
+        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;
@@ -1645,7 +1646,6 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
         dragThreshold?: number | undefined;
         isDragEnabled?: boolean | undefined;
         isPressEnterToChange?: boolean | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => void) | undefined;
         __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
         hideHTMLArrows?: boolean | undefined;
         isShiftStepEnabled?: boolean | undefined;
@@ -1669,28 +1669,33 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
-        className?: string | undefined;
-        id?: string | undefined;
-        prefix?: import("react").ReactNode;
-        slot?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+        hidden?: boolean | undefined;
         color?: string | undefined;
         content?: string | undefined;
+        size?: import("../../input-control/types").Size | undefined;
+        style?: import("react").CSSProperties | undefined;
+        help?: import("react").ReactNode;
         height?: string | number | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         width?: string | number | undefined;
-        help?: import("react").ReactNode;
-        hidden?: boolean | undefined;
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        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 | undefined;
         min?: number | undefined;
         name?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
@@ -1700,17 +1705,17 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "time" | "step" | "false" | "true" | "date" | "location" | undefined;
+        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1906,11 +1911,6 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-        size?: import("../../input-control/types").Size | undefined;
-        value?: string | number | undefined;
-        form?: string | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -1927,6 +1927,7 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
+        prefix?: import("react").ReactNode;
         property?: string | undefined;
         rel?: string | undefined;
         resource?: string | undefined;
@@ -1943,30 +1944,30 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
         is?: string | undefined;
-        src?: string | undefined;
-        disabled?: boolean | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        alt?: string | undefined;
-        accept?: string | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
-        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        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;
+        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;
@@ -1976,7 +1977,6 @@ export declare const AxialControlsWithSingleSide: import("@storybook/types").Ann
         dragThreshold?: number | undefined;
         isDragEnabled?: boolean | undefined;
         isPressEnterToChange?: boolean | undefined;
-        onValidate?: ((nextValue: string, event?: import("react").SyntheticEvent<HTMLInputElement, Event> | undefined) => void) | undefined;
         __unstableStateReducer?: import("../../input-control/reducer/state").StateReducer | undefined;
         hideHTMLArrows?: boolean | undefined;
         isShiftStepEnabled?: boolean | undefined;