@wordpress/components 21.2.0 → 22.0.0

package/build-types/form-file-upload/types.d.ts

@@ -52,12 +52,13 @@ export declare type FormFileUploadProps = {
     /**
      * Optional callback function used to render the UI.
      *
-     * If passed, the component does not render any UI and calls this function to render it.
-     * This function receives an object with the property `openFileDialog`.
-     * The property is a function that when called opens the browser window to upload files.
+     * If passed, the component does not render the default UI (a button) and
+     * calls this function to render it. The function receives an object with
+     * property `openFileDialog`, a function that, when called, opens the browser
+     * native file upload modal window.
      */
     render?: (arg: {
         openFileDialog: () => void;
-    }) => void;
+    }) => ReactNode;
 };
 //# sourceMappingURL=types.d.ts.map

package/build-types/form-file-upload/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-file-upload/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;GAEG;AACH,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAGhC,oBAAY,mBAAmB,GAAG;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,QAAQ,CAAE,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAE,OAAO,IAAI,CAAE,CAAE,MAAM,CAAE,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,UAAU,CAAE,CAAC;IACjE;;;;OAIG;IACH,QAAQ,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,UAAU,CAAE,CAAC;IAChE;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,SAAS,CAAE,CAAC;IAC/D;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAE,GAAG,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAM,IAAI,CAAC;CACzD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-file-upload/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;GAEG;AACH,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAGhC,oBAAY,mBAAmB,GAAG;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,QAAQ,CAAE,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAE,OAAO,IAAI,CAAE,CAAE,MAAM,CAAE,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,UAAU,CAAE,CAAC;IACjE;;;;OAIG;IACH,QAAQ,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,UAAU,CAAE,CAAC;IAChE;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAE,gBAAgB,CAAE,CAAE,SAAS,CAAE,CAAC;IAC/D;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAE,GAAG,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAM,SAAS,CAAC;CAC9D,CAAC"}

package/build-types/grid/hook.d.ts

@@ -7,15 +7,16 @@ import type { GridProps } from './types';
 export default function useGrid(props: WordPressComponentProps<GridProps, 'div'>): {
     className: string;
     children: import("react").ReactNode;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    hidden?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     color?: string | undefined;
     translate?: "no" | "yes" | undefined;
+    hidden?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
     key?: import("react").Key | null | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -49,27 +50,27 @@ export default function useGrid(props: WordPressComponentProps<GridProps, 'div'>
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
     'aria-describedby'?: 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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -86,7 +87,7 @@ export default function useGrid(props: WordPressComponentProps<GridProps, 'div'>
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -118,7 +119,6 @@ export default function useGrid(props: WordPressComponentProps<GridProps, 'div'>
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;

package/build-types/h-stack/component.d.ts

@@ -23,7 +23,7 @@
  * ```
  */
 export declare const HStack: import("../ui/context").WordPressComponent<"div", Omit<import("../flex/types").FlexProps, "gap" | "align"> & {
-    alignment?: "top" | "bottom" | "left" | "right" | "center" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "edge" | undefined;
+    alignment?: "top" | "bottom" | "left" | "right" | "center" | "initial" | (string & {}) | "-moz-initial" | "inherit" | "revert" | "unset" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "edge" | undefined;
     spacing?: import("csstype").Property.Width<string | number> | undefined;
 } & import("react").RefAttributes<any>, true>;
 export default HStack;

package/build-types/h-stack/hook.d.ts

@@ -9,15 +9,16 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
     isColumn: boolean;
     children: import("react").ReactNode;
     isReversed?: boolean | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    hidden?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     color?: string | undefined;
     translate?: "no" | "yes" | undefined;
+    hidden?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
     key?: import("react").Key | null | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -51,27 +52,27 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
     'aria-describedby'?: 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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -88,7 +89,7 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -120,7 +121,6 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;

package/build-types/heading/hook.d.ts

@@ -10,15 +10,16 @@ export declare function useHeading(props: WordPressComponentProps<HeadingProps,
     'aria-level'?: number | undefined;
     children: import("react").ReactNode;
     className: string;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    hidden?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onChange?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
     color?: string | undefined;
     translate?: "no" | "yes" | undefined;
+    hidden?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
     key?: import("react").Key | null | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -51,27 +52,27 @@ export declare function useHeading(props: WordPressComponentProps<HeadingProps,
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
     'aria-describedby'?: 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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -87,7 +88,7 @@ export declare function useHeading(props: WordPressComponentProps<HeadingProps,
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -119,7 +120,6 @@ export declare function useHeading(props: WordPressComponentProps<HeadingProps,
     onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;

package/build-types/input-control/index.d.ts

@@ -1,6 +1,6 @@
 import type { ForwardedRef } from 'react';
 import type { InputControlProps } from './types';
-export declare function UnforwardedInputControl({ __next36pxDefaultSize, __unstableStateReducer: stateReducer, __unstableInputWidth, className, disabled, hideLabelFromVision, id: idProp, isPressEnterToChange, label, labelPosition, onChange, onValidate, onKeyDown, prefix, size, suffix, value, ...props }: InputControlProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element;
+export declare function UnforwardedInputControl({ __next36pxDefaultSize, __unstableStateReducer: stateReducer, __unstableInputWidth, className, disabled, hideLabelFromVision, id: idProp, isPressEnterToChange, label, labelPosition, onChange, onValidate, onKeyDown, prefix, size, style, suffix, value, ...props }: InputControlProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element;
 /**
  * InputControl components let users enter and edit text. This is an experimental component
  * intended to (in time) merge with or replace `TextControl`.

package/build-types/input-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-control/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAajD,wBAAgB,uBAAuB,CACtC,EACC,qBAAqB,EACrB,sBAAsB,EAAE,YAAiC,EACzD,oBAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,EAAE,EAAE,MAAM,EACV,oBAA4B,EAC5B,KAAK,EACL,aAAqB,EACrB,QAAe,EACf,UAAiB,EACjB,SAAgB,EAChB,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACR,EAAE,iBAAiB,EACpB,GAAG,EAAE,YAAY,CAAE,gBAAgB,CAAE,eAkDrC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,gHAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-control/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAajD,wBAAgB,uBAAuB,CACtC,EACC,qBAAqB,EACrB,sBAAsB,EAAE,YAAiC,EACzD,oBAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,EAAE,EAAE,MAAM,EACV,oBAA4B,EAC5B,KAAK,EACL,aAAqB,EACrB,QAAe,EACf,UAAiB,EACjB,SAAgB,EAChB,MAAM,EACN,IAAgB,EAChB,KAAK,EACL,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACR,EAAE,iBAAiB,EACpB,GAAG,EAAE,YAAY,CAAE,gBAAgB,CAAE,eAmDrC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,gHAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}

package/build-types/input-control/input-base.d.ts

@@ -3,7 +3,10 @@
  */
 import type { ForwardedRef } from 'react';
 import type { InputBaseProps } from './types';
-export declare function InputBase({ __next36pxDefaultSize, __unstableInputWidth, children, className, disabled, hideLabelFromVision, labelPosition, id: idProp, isFocused, label, prefix, size, suffix, ...props }: InputBaseProps, ref: ForwardedRef<HTMLDivElement>): JSX.Element;
-declare const _default: import("react").ForwardRefExoticComponent<InputBaseProps & import("react").RefAttributes<HTMLDivElement>>;
+import { WordPressComponentProps } from '../ui/context';
+export declare function InputBase({ __next36pxDefaultSize, __unstableInputWidth, children, className, disabled, hideLabelFromVision, labelPosition, id: idProp, isFocused, label, prefix, size, suffix, ...props }: WordPressComponentProps<InputBaseProps, 'div'>, ref: ForwardedRef<HTMLDivElement>): JSX.Element;
+declare const _default: import("react").ForwardRefExoticComponent<InputBaseProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof InputBaseProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;
 //# sourceMappingURL=input-base.d.ts.map

package/build-types/input-control/input-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-base.d.ts","sourceRoot":"","sources":["../../src/input-control/input-base.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAoB1C,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,SAAS,CAAC;AA8B7D,wBAAgB,SAAS,CACxB,EACC,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,aAAa,EACb,EAAE,EAAE,MAAM,EACV,SAAiB,EACjB,KAAK,EACL,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACR,EAAE,cAAc,EACjB,GAAG,EAAE,YAAY,CAAE,cAAc,CAAE,eA2DnC;;AAED,wBAAuC"}
+{"version":3,"file":"input-base.d.ts","sourceRoot":"","sources":["../../src/input-control/input-base.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAoB1C,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAyB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AA6B/E,wBAAgB,SAAS,CACxB,EACC,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,aAAa,EACb,EAAE,EAAE,MAAM,EACV,SAAiB,EACjB,KAAK,EACL,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,cAAc,EAAE,KAAK,CAAE,EACnD,GAAG,EAAE,YAAY,CAAE,cAAc,CAAE,eA2DnC;;;;AAED,wBAAuC"}

package/build-types/input-control/styles/input-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,aAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,aAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,IAAI;;;;sBAKhB,CAAC;AA2BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,aAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACvD,CAAC;AA+BF,eAAO,MAAM,aAAa,gDAGvB,UAAU;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAuBjB,CAAC;AAmBF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AAEF,aAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}
+{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,aAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,aAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,IAAI;;;;sBAMhB,CAAC;AA2BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,aAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACvD,CAAC;AA+BF,eAAO,MAAM,aAAa,gDAGvB,UAAU;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAuBjB,CAAC;AAmBF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AAEF,aAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}

package/build-types/input-control/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { CSSProperties, ReactNode, ChangeEvent, SyntheticEvent, PointerEvent, HTMLInputTypeAttribute } from 'react';
+import type { CSSProperties, ReactNode, SyntheticEvent, HTMLInputTypeAttribute } from 'react';
 import type { useDrag } from '@use-gesture/react';
 /**
  * Internal dependencies
@@ -48,8 +48,8 @@ interface BaseProps {
      */
     size?: Size;
 }
-export declare type InputChangeCallback<E = ChangeEvent<HTMLInputElement> | PointerEvent<HTMLInputElement>, P = {}> = (nextValue: string | undefined, extra: {
-    event: E;
+export declare type InputChangeCallback<P = {}> = (nextValue: string | undefined, extra: {
+    event: SyntheticEvent;
 } & P) => void;
 export interface InputFieldProps extends BaseProps {
     /**
@@ -145,11 +145,6 @@ export interface InputBaseProps extends BaseProps, FlexProps {
      * @default false
      */
     disabled?: boolean;
-    /**
-     * The class name to be added to the wrapper element.
-     */
-    className?: string;
-    id?: string;
     /**
      * If this property is added, a label will be generated using label property as the content.
      */

package/build-types/input-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/input-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,oBAAY,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/D,oBAAY,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,oBAAY,SAAS,GAAG,UAAU,CAAE,UAAU,CAAE,OAAO,OAAO,CAAE,CAAE,CAAC,CAAE,CAAE,CAAE,CAAC,CAAE,CAAC;AAE7E,oBAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC;AAE5D,UAAU,SAAS;IAClB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,oBAAY,mBAAmB,CAC9B,CAAC,GAAG,WAAW,CAAE,gBAAgB,CAAE,GAAG,YAAY,CAAE,gBAAgB,CAAE,EACtE,CAAC,GAAG,EAAE,IACH,CAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,GAAG,CAAC,KAAM,IAAI,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,UAAU,CAAC,EAAE,CACZ,SAAS,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,cAAc,CAAE,gBAAgB,CAAE,KACtC,IAAI,CAAC;IACV,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;IACvD,YAAY,EAAE,CAAE,SAAS,EAAE,OAAO,KAAM,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC9B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,SAAS;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,SAAS,CAAE;AACzE;;;;;;;;;GASG;AACH,IAAI,CACH,uBAAuB,CAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAE,EACxD,cAAc,GACd,QAAQ,GACR,WAAW,GACX,cAAc,GACd,oBAAoB,GACpB,kBAAkB,CACpB;IACF,sBAAsB,CAAC,EAAE,eAAe,CAAE,cAAc,CAAE,CAAC;CAC3D;AAED,MAAM,WAAW,sBAAsB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,SAAS,CAAE,qBAAqB,CAAE,CAAC;IACzD,aAAa,CAAC,EAAE,SAAS,CAAE,eAAe,CAAE,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;CAC3B;AAED,oBAAY,8BAA8B,GAAG;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/input-control/types.ts"],"names":[],"mappings":"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"}

package/build-types/input-control/utils.d.ts

@@ -29,6 +29,6 @@ export declare function useDraft(props: {
 }): {
     value: string | undefined;
     onBlur: FocusEventHandler<Element>;
-    onChange: InputChangeCallback<import("react").ChangeEvent<HTMLInputElement> | import("react").PointerEvent<HTMLInputElement>, {}>;
+    onChange: InputChangeCallback<{}>;
 };
 //# sourceMappingURL=utils.d.ts.map

package/build-types/isolated-event-container/index.d.ts

@@ -1,3 +1,4 @@
-declare var _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
-export default _default;
+/// <reference types="react" />
+declare const IsolatedEventContainer: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+export default IsolatedEventContainer;
 //# sourceMappingURL=index.d.ts.map

package/build-types/isolated-event-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/isolated-event-container/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/isolated-event-container/index.tsx"],"names":[],"mappings":";AAiBA,QAAA,MAAM,sBAAsB,kQAY3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build-types/item-group/item/hook.d.ts

@@ -6,15 +6,16 @@ import { WordPressComponentProps } from '../../ui/context';
 import type { ItemProps } from '../types';
 export declare function useItem(props: WordPressComponentProps<ItemProps, 'div'>): {
     children: import("react").ReactNode;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    hidden?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     color?: string | undefined;
     translate?: "no" | "yes" | undefined;
+    hidden?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
     key?: import("react").Key | null | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -47,27 +48,27 @@ export declare function useItem(props: WordPressComponentProps<ItemProps, 'div'>
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
     'aria-describedby'?: 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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -84,7 +85,7 @@ export declare function useItem(props: WordPressComponentProps<ItemProps, 'div'>
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -116,7 +117,6 @@ export declare function useItem(props: WordPressComponentProps<ItemProps, 'div'>
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -259,7 +259,7 @@ export declare function useItem(props: WordPressComponentProps<ItemProps, 'div'>
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    as: "symbol" | "object" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    as: "symbol" | "object" | "g" | "clipPath" | "filter" | "mask" | "marker" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "big" | "link" | "sup" | "map" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view";
     className: string;
     onClick: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     wrapperClassName: string;

package/build-types/item-group/item-group/hook.d.ts

@@ -5,17 +5,18 @@
 import { WordPressComponentProps } from '../../ui/context';
 import type { ItemGroupProps } from '../types';
 export declare function useItemGroup(props: WordPressComponentProps<ItemGroupProps, 'div'>): {
-    size?: ("small" | "medium" | "large") | undefined;
+    size?: ("medium" | "large" | "small") | undefined;
     children: import("react").ReactNode;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    hidden?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     color?: string | undefined;
     translate?: "no" | "yes" | undefined;
+    hidden?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
     key?: import("react").Key | null | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -48,27 +49,27 @@ export declare function useItemGroup(props: WordPressComponentProps<ItemGroupPro
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
     'aria-describedby'?: 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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -85,7 +86,7 @@ export declare function useItemGroup(props: WordPressComponentProps<ItemGroupPro
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -117,7 +118,6 @@ export declare function useItemGroup(props: WordPressComponentProps<ItemGroupPro
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;

package/build-types/modal/aria-helper.d.ts

@@ -8,9 +8,9 @@
  * we should consider removing these helper functions in favor of
  * `aria-modal="true"`.
  *
- * @param {Element} unhiddenElement The element that should not be hidden.
+ * @param {HTMLDivElement} unhiddenElement The element that should not be hidden.
  */
-export function hideApp(unhiddenElement: Element): void;
+export declare function hideApp(unhiddenElement?: HTMLDivElement): void;
 /**
  * Determines if the passed element should not be hidden from screen readers.
  *
@@ -18,10 +18,10 @@ export function hideApp(unhiddenElement: Element): void;
  *
  * @return {boolean} Whether the element should not be hidden from screen-readers.
  */
-export function elementShouldBeHidden(element: HTMLElement): boolean;
+export declare function elementShouldBeHidden(element: Element): boolean;
 /**
  * Makes all elements in the body that have been hidden by `hideApp`
  * visible again to screen-readers.
  */
-export function showApp(): void;
+export declare function showApp(): void;
 //# sourceMappingURL=aria-helper.d.ts.map

package/build-types/modal/aria-helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aria-helper.d.ts","sourceRoot":"","sources":["../../src/modal/aria-helper.js"],"names":[],"mappings":"AAaA;;;;;;;;;;;GAWG;AACH,yCAFW,OAAO,QAiBjB;AAED;;;;;;GAMG;AACH,+CAJW,WAAW,GAEV,OAAO,CAUlB;AAED;;;GAGG;AACH,gCASC"}
+{"version":3,"file":"aria-helper.d.ts","sourceRoot":"","sources":["../../src/modal/aria-helper.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAE,eAAe,CAAC,EAAE,cAAc,QAexD;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAE,OAAO,EAAE,OAAO,WAQtD;AAED;;;GAGG;AACH,wBAAgB,OAAO,SAStB"}