@wordpress/components 28.3.0 → 28.5.0

package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 export declare const Root: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Tooltip: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LabelText: import("@emotion/styled").StyledComponent<import("../../../text/types").Props & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "as" | keyof import("react").RefAttributes<any> | keyof import("../../../text/types").Props> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 //# sourceMappingURL=resize-tooltip.styles.d.ts.map

package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,IAAI;;;yGAQhB,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAQ1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGASnB,CAAC;AAKF,eAAO,MAAM,SAAS;;;;UAQrB,CAAC"}
+{"version":3,"file":"resize-tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI;;SAiBH,MAAO,WAAW;yGAT/B,CAAC;AAEF,eAAO,MAAM,cAAc;;eAON,WAAW;yGAC/B,CAAC;AAEF,eAAO,MAAM,OAAO;;eAHC,WAAW;yGAY/B,CAAC;AAKF,eAAO,MAAM,SAAS;;;;UAQrB,CAAC"}

package/build-types/resizable-box/resize-tooltip/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Axis = 'x' | 'y';
 export declare const POSITIONS: {
     readonly bottom: "bottom";

package/build-types/resizable-box/resize-tooltip/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/utils.ts"],"names":[],"mappings":";AAQA,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAE,OAAO,SAAS,CAAE,CAAE,MAAM,OAAO,SAAS,CAAE,CAAC;AAEtE,UAAU,mBAAmB;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAM,IAAI,CAAC;IAC5E,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,WAAiB,EACjB,QAAe,EACf,QAA2B,EAC3B,MAAc,GACd,EAAE,kBAAkB,GAAI,mBAAmB,CAoH3C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/utils.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAE,OAAO,SAAS,CAAE,CAAE,MAAM,OAAO,SAAS,CAAE,CAAC;AAEtE,UAAU,mBAAmB;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAM,IAAI,CAAC;IAC5E,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,WAAiB,EACjB,QAAe,EACf,QAA2B,EAC3B,MAAc,GACd,EAAE,kBAAkB,GAAI,mBAAmB,CAoH3C"}

package/build-types/resizable-box/stories/index.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -11,51 +10,45 @@ declare const meta: Meta<typeof ResizableBox>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("re-resizable").ResizableProps & {
     children: import("react").ReactNode;
-    showHandle?: boolean | undefined;
-    __experimentalShowTooltip?: boolean | undefined;
-    __experimentalTooltipProps?: (Omit<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    showHandle?: boolean;
+    __experimentalShowTooltip?: boolean;
+    __experimentalTooltipProps?: Parameters<import("react").ForwardRefExoticComponent<Omit<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        'aria-hidden'?: boolean | undefined;
-        axis?: import("../resize-tooltip/utils").Axis | undefined;
-        className?: string | undefined;
-        fadeTimeout?: number | undefined;
-        isVisible?: boolean | undefined;
-        labelRef?: import("react").Ref<HTMLDivElement> | undefined;
-        onResize?: ((data: {
-            width: number | null;
-            height: number | null;
-        }) => void) | undefined;
-        position?: import("../resize-tooltip/utils").Position | undefined;
-        showPx?: boolean | undefined;
-        zIndex?: number | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>) | undefined;
+        'aria-hidden'?: boolean;
+        axis?: import("../resize-tooltip/utils").Axis;
+        className?: string;
+        fadeTimeout?: number;
+        isVisible?: boolean;
+        labelRef?: import("react").Ref<HTMLDivElement>;
+        onResize?: Parameters<typeof import("../resize-tooltip/utils").useResizeLabel>[0]["onResize"];
+        position?: import("../resize-tooltip/utils").Position;
+        showPx?: boolean;
+        zIndex?: number;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>>[0];
 } & import("react").RefAttributes<import("re-resizable").Resizable>>;
 /**
  * The `enable` prop can be used to disable resizing in specific directions.
  */
 export declare const DisabledDirections: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("re-resizable").ResizableProps & {
     children: import("react").ReactNode;
-    showHandle?: boolean | undefined;
-    __experimentalShowTooltip?: boolean | undefined;
-    __experimentalTooltipProps?: (Omit<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    showHandle?: boolean;
+    __experimentalShowTooltip?: boolean;
+    __experimentalTooltipProps?: Parameters<import("react").ForwardRefExoticComponent<Omit<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        'aria-hidden'?: boolean | undefined;
-        axis?: import("../resize-tooltip/utils").Axis | undefined;
-        className?: string | undefined;
-        fadeTimeout?: number | undefined;
-        isVisible?: boolean | undefined;
-        labelRef?: import("react").Ref<HTMLDivElement> | undefined;
-        onResize?: ((data: {
-            width: number | null;
-            height: number | null;
-        }) => void) | undefined;
-        position?: import("../resize-tooltip/utils").Position | undefined;
-        showPx?: boolean | undefined;
-        zIndex?: number | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>) | undefined;
+        'aria-hidden'?: boolean;
+        axis?: import("../resize-tooltip/utils").Axis;
+        className?: string;
+        fadeTimeout?: number;
+        isVisible?: boolean;
+        labelRef?: import("react").Ref<HTMLDivElement>;
+        onResize?: Parameters<typeof import("../resize-tooltip/utils").useResizeLabel>[0]["onResize"];
+        position?: import("../resize-tooltip/utils").Position;
+        showPx?: boolean;
+        zIndex?: number;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>>[0];
 } & import("react").RefAttributes<import("re-resizable").Resizable>>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/resizable-box/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAO9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAYpC,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;oEAAsB,CAAC;AAkB3C;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;oEAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAO9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAYpC,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO;;;;;;aAhCjB,MAAO,WAAW;;;;;;;;mBAKQ,sEAE3B;;;;;oEAyBwC,CAAC;AAkB3C;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;mBArDrB,WAAW;;;;;;;;;;;;;oEAqDgC,CAAC"}

package/build-types/responsive-wrapper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */

package/build-types/responsive-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive-wrapper/index.tsx"],"names":[],"mappings":";AAUA;;GAEG;AACH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,iBAAiB,CAAE,EAC3B,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAgB,GAChB,EAAE,sBAAsB,sCA2BxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive-wrapper/index.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,iBAAiB,CAAE,EAC3B,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAgB,GAChB,EAAE,sBAAsB,sCA2BxB;AAED,eAAe,iBAAiB,CAAC"}

package/build-types/responsive-wrapper/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ResponsiveWrapperProps = {
     /**
      * The intrinsic width of the element to wrap. Will be used to determine the aspect ratio.

package/build-types/responsive-wrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/responsive-wrapper/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/responsive-wrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/build-types/sandbox/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */

package/build-types/sandbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAsG5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EACjB,IAAS,EACT,KAAU,EACV,IAAI,EACJ,MAAW,EACX,OAAY,EACZ,OAAO,EACP,QAAQ,GACR,EAAE,YAAY,+BAgKd;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAsG5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EACjB,IAAS,EACT,KAAU,EACV,IAAI,EACJ,MAAW,EACX,OAAY,EACZ,OAAO,EACP,QAAQ,GACR,EAAE,YAAY,+BAgKd;AAED,eAAe,OAAO,CAAC"}

package/build-types/sandbox/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SandBoxProps = {
     /**
      * The HTML to render in the body of the iframe document.

package/build-types/sandbox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sandbox/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,iBAAiB,CAAE,CAAE,SAAS,CAAE,CAAC;IAChE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;CACrC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sandbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,iBAAiB,CAAE,CAAE,SAAS,CAAE,CAAC;IAChE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;CACrC,CAAC"}

package/build-types/scrollable/component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ScrollableProps } from './types';
 /**
  * `Scrollable` is a layout component that content in a scrollable container.

package/build-types/scrollable/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,4GAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,4GAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}

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

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="react" />
 /**
  * Internal dependencies
  */
@@ -22,27 +20,27 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     tabIndex?: number | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -57,9 +55,9 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -242,7 +240,7 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     suppressContentEditableWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
@@ -270,7 +268,7 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "numeric" | "search" | "tel" | "url" | "email" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };

package/build-types/scrollable/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.ts"],"names":[],"mappings":";;AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WordPressComponentProps } from '../context/wordpress-component';
 import type { SearchControlProps } from './types';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/search-control/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,SAAS,CAAC;AAwGnE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa,4KAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/search-control/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,SAAS,CAAC;AAwGnE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa,4KAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

package/build-types/search-control/stories/index.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * External dependencies
  */

package/build-types/search-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/search-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,IAAI,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAWrC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,mQAAsB,CAAC;AAK3C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,mQAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/search-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,IAAI,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAWrC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,mQAAsB,CAAC;AAK3C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,mQAAsB,CAAC"}

package/build-types/search-control/styles.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { SearchControlProps } from './types';
 export declare const SuffixItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Required<Pick<SearchControlProps, "size">>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledInputControl: import("@emotion/styled").StyledComponent<import("../input-control/types").InputControlProps & import("react").RefAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/search-control/styles.ts"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,eAAO,MAAM,iBAAiB;;;sJAO7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;UAa9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/search-control/styles.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,eAAO,MAAM,iBAAiB;;SAK5B,MAAM,WAAU;sJAEjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;UAa9B,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/search-control/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAE,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAAE,GAAG;IAC9E;;;OAGG;IACH,qBAAqB,CAAC,EAAE,iBAAiB,CAAE,uBAAuB,CAAE,CAAC;IACrE;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAE,qBAAqB,CAAE,CAAC;IACjE;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAE,QAAQ,CAAE,CAAC;IACvC,cAAc;IACd,WAAW,CAAC,EAAE,iBAAiB,CAAE,aAAa,CAAE,CAAC;IACjD,cAAc;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAE,WAAW,CAAE,CAAC;IAC7C;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAE,aAAa,CAAE,CAAC;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,SAAS,CAChC,GAAG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAE,gBAAgB,CAAE,CAAC;CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/search-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAE,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAAE,GAAG;IAC9E;;;OAGG;IACH,qBAAqB,CAAC,EAAE,iBAAiB,CAAE,uBAAuB,CAAE,CAAC;IACrE;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAE,qBAAqB,CAAE,CAAC;IACjE;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAE,QAAQ,CAAE,CAAC;IACvC,cAAc;IACd,WAAW,CAAC,EAAE,iBAAiB,CAAE,aAAa,CAAE,CAAC;IACjD,cAAc;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAE,WAAW,CAAE,CAAC;IAC7C;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAE,aAAa,CAAE,CAAC;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,SAAS,CAChC,GAAG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAE,gBAAgB,CAAE,CAAC;CAC/C,CAAC"}

package/build-types/select-control/chevron-down.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SelectControlChevronDown: () => import("react").JSX.Element;
 export default SelectControlChevronDown;
 //# sourceMappingURL=chevron-down.d.ts.map

package/build-types/select-control/chevron-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-down.d.ts","sourceRoot":"","sources":["../../src/select-control/chevron-down.tsx"],"names":[],"mappings":";AAcA,QAAA,MAAM,wBAAwB,mCAQ7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"chevron-down.d.ts","sourceRoot":"","sources":["../../src/select-control/chevron-down.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,wBAAwB,mCAQ7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WordPressComponentProps } from '../context';
 import type { SelectControlProps } from './types';
 /**
@@ -14,6 +13,7 @@ import type { SelectControlProps } from './types';
  *
  *   return (
  *     <SelectControl
+ *       __nextHasNoMarginBottom
  *       label="Size"
  *       value={ size }
  *       options={ [
@@ -27,6 +27,8 @@ import type { SelectControlProps } from './types';
  * };
  * ```
  */
-export declare const SelectControl: import("react").ForwardRefExoticComponent<WordPressComponentProps<SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const SelectControl: <V extends string>(props: WordPressComponentProps<SelectControlProps<V>, "select", false> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}) => React.JSX.Element | null;
 export default SelectControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoHlD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,4JAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA6HlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa,EAA6C,CACtE,CAAgB,SAAN,MAAM,EAEhB,KAAK,EAAE,uBAAuB,CAC7B,kBAAkB,CAAE,CAAC,CAAE,EACvB,QAAQ,EACR,KAAK,CACL,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAE,iBAAiB,CAAE,CAAA;CAAE,KACxC,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAE9B,eAAe,aAAa,CAAC"}

package/build-types/select-control/stories/index.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -9,11 +8,18 @@ import type { Meta, StoryFn } from '@storybook/react';
 import SelectControl from '../';
 declare const meta: Meta<typeof SelectControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
-export declare const WithLabelAndHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps<string>, "select", false> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}>;
+export declare const WithLabelAndHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps<string>, "select", false> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}>;
 /**
  * As an alternative to the `options` prop, `optgroup`s and `options` can be
  * passed in as `children` for more customizeability.
  */
 export declare const WithCustomChildren: StoryFn<typeof SelectControl>;
+export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps<string>, "select", false> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/select-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/select-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,KAAK,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAerC,CAAC;AACF,eAAe,IAAI,CAAC;AAgCpB,eAAO,MAAM,OAAO,mPAAoC,CAAC;AAUzD,eAAO,MAAM,oBAAoB,mPAAoC,CAAC;AAOtE;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAE,OAAO,aAAa,CAiB7D,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/select-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,KAAK,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAerC,CAAC;AACF,eAAe,IAAI,CAAC;AAgCpB,eAAO,MAAM,OAAO;UA6Cm0D,MAAO,GAAG;EA7CzyD,CAAC;AAUzD,eAAO,MAAM,oBAAoB;gBAmC6zD,GAAG;EAnC5xD,CAAC;AAOtE;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAE,OAAO,aAAa,CAiB7D,CAAC;AAEF,eAAO,MAAM,OAAO;gBAK00D,GAAG;EALzyD,CAAC"}

package/build-types/select-control/styles/select-control-styles.d.ts

@@ -1,26 +1,25 @@
-/// <reference types="react" />
 import type { SelectControlProps } from '../types';
-interface SelectProps extends Pick<SelectControlProps, '__next40pxDefaultSize' | 'disabled' | 'multiple'> {
+interface SelectProps extends Pick<SelectControlProps, '__next40pxDefaultSize' | 'disabled' | 'multiple' | 'variant'> {
     selectSize?: SelectControlProps['size'];
 }
 export declare const StyledInputBase: import("@emotion/styled").StyledComponent<import("../../input-control/types").InputBaseProps & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "as" | keyof import("react").RefAttributes<any> | keyof import("../../input-control/types").InputBaseProps> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & SelectProps, {}, {}>;
 export declare const chevronIconSize = 18;
 export declare const Select: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & SelectProps, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
 export declare const DownArrowWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputControlSuffixWrapperWithClickThrough: import("@emotion/styled").StyledComponent<import("../../input-control/types").InputControlSuffixWrapperProps & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof import("react").RefAttributes<any>> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export {};
 //# sourceMappingURL=select-control-styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-control-styles.d.ts","sourceRoot":"","sources":["../../../src/select-control/styles/select-control-styles.ts"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAKnD,UAAU,WACT,SAAQ,IAAI,CACX,kBAAkB,EAClB,uBAAuB,GAAG,UAAU,GAAG,UAAU,CACjD;IAGD,UAAU,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;CAC1C;AAaD,eAAO,MAAM,eAAe;;;;wBAK3B,CAAC;AAiDF,eAAO,MAAM,eAAe,KAAK,CAAC;AAyClC,eAAO,MAAM,MAAM;;;mIAqBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAO5B,CAAC;AAEF,eAAO,MAAM,yCAAyC;;;;UAOrD,CAAC"}
+{"version":3,"file":"select-control-styles.d.ts","sourceRoot":"","sources":["../../../src/select-control/styles/select-control-styles.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAKnD,UAAU,WACT,SAAQ,IAAI,CACX,kBAAkB,EAClB,uBAAuB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAC7D;IAGD,UAAU,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;CAC1C;AAuBD,eAAO,MAAM,eAAe;;;;wBAM3B,CAAC;AAiDF,eAAO,MAAM,eAAe,KAAK,CAAC;AAmDlC,eAAO,MAAM,MAAM;;SAxIjB,MAAO,WACJ;mIA8JJ,CAAC;AAEF,eAAO,MAAM,gBAAgB;;eAjKpB,WACJ;yGAuKJ,CAAC;AAEF,eAAO,MAAM,yCAAyC;;;;UAOrD,CAAC"}

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

@@ -1,16 +1,19 @@
 /**
  * External dependencies
  */
-import type { ChangeEvent, FocusEvent, ReactNode } from 'react';
+import type { ChangeEvent, ReactNode } from 'react';
 /**
  * Internal dependencies
  */
 import type { InputBaseProps } from '../input-control/types';
 import type { BaseControlProps } from '../base-control/types';
-type SelectControlBaseProps = Pick<InputBaseProps, '__next36pxDefaultSize' | '__next40pxDefaultSize' | 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'> & Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> & {
-    onBlur?: (event: FocusEvent<HTMLSelectElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLSelectElement>) => void;
-    options?: {
+type SelectControlBaseProps<V extends string> = Pick<InputBaseProps, '__next36pxDefaultSize' | '__next40pxDefaultSize' | 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'> & Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> & {
+    /**
+     * An array of option property objects to be rendered,
+     * each with a `label` and `value` property, as well as any other
+     * `<option>` attributes.
+     */
+    options?: readonly ({
         /**
          * The label to be shown to the user.
          */
@@ -19,28 +22,21 @@ type SelectControlBaseProps = Pick<InputBaseProps, '__next36pxDefaultSize' | '__
          * The internal value used to choose the selected value.
          * This is also the value passed to `onChange` when the option is selected.
          */
-        value: string;
-        id?: string;
-        /**
-         * Whether or not the option should have the disabled attribute.
-         *
-         * @default false
-         */
-        disabled?: boolean;
-        /**
-         * Whether or not the option should be hidden.
-         *
-         * @default false
-         */
-        hidden?: boolean;
-    }[];
+        value: V;
+    } & Omit<React.OptionHTMLAttributes<HTMLOptionElement>, 'label' | 'value'>)[];
     /**
      * As an alternative to the `options` prop, `optgroup`s and `options` can be
      * passed in as `children` for more customizability.
      */
     children?: ReactNode;
+    /**
+     * The style variant of the control.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'minimal';
 };
-export type SelectControlSingleSelectionProps = SelectControlBaseProps & {
+export type SelectControlSingleSelectionProps<V extends string = string> = SelectControlBaseProps<V> & {
     /**
      * If this property is added, multiple values can be selected. The `value` passed should be an array.
      *
@@ -49,18 +45,23 @@ export type SelectControlSingleSelectionProps = SelectControlBaseProps & {
      * @default false
      */
     multiple?: false;
-    value?: string;
+    /**
+     * The value of the selected option.
+     *
+     * If `multiple` is true, the `value` should be an array with the values of the selected options.
+     */
+    value?: NoInfer<V>;
     /**
      * A function that receives the value of the new option that is being selected as input.
      *
      * If `multiple` is `true`, the value received is an array of the selected value.
      * Otherwise, the value received is a single value with the new selected value.
      */
-    onChange?: (value: string, extra?: {
+    onChange?: (value: NoInfer<V>, extra?: {
         event?: ChangeEvent<HTMLSelectElement>;
     }) => void;
 };
-export type SelectControlMultipleSelectionProps = SelectControlBaseProps & {
+export type SelectControlMultipleSelectionProps<V extends string> = SelectControlBaseProps<V> & {
     /**
      * If this property is added, multiple values can be selected. The `value` passed should be an array.
      *
@@ -69,17 +70,22 @@ export type SelectControlMultipleSelectionProps = SelectControlBaseProps & {
      * @default false
      */
     multiple: true;
-    value?: string[];
+    /**
+     * The value of the selected option.
+     *
+     * If `multiple` is true, the `value` should be an array with the values of the selected options.
+     */
+    value?: NoInfer<V>[];
     /**
      * A function that receives the value of the new option that is being selected as input.
      *
      * If `multiple` is `true`, the value received is an array of the selected value.
      * Otherwise, the value received is a single value with the new selected value.
      */
-    onChange?: (value: string[], extra?: {
+    onChange?: (value: NoInfer<V>[], extra?: {
         event?: ChangeEvent<HTMLSelectElement>;
     }) => void;
 };
-export type SelectControlProps = SelectControlSingleSelectionProps | SelectControlMultipleSelectionProps;
+export type SelectControlProps<V extends string = string> = SelectControlSingleSelectionProps<V> | SelectControlMultipleSelectionProps<V>;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,KAAK,sBAAsB,GAAG,IAAI,CACjC,cAAc,EACZ,uBAAuB,GACvB,uBAAuB,GACvB,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,GACA,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE,GAAG;IAC9D,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;;WAIG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC;KACjB,EAAE,CAAC;IACJ;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEH,MAAM,MAAM,iCAAiC,GAAG,sBAAsB,GAAG;IACxE;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,sBAAsB,GAAG;IAC1E;;;;;;OAMG;IACH,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC3B,iCAAiC,GACjC,mCAAmC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,KAAK,sBAAsB,CAAE,CAAC,SAAS,MAAM,IAAK,IAAI,CACrD,cAAc,EACZ,uBAAuB,GACvB,uBAAuB,GACvB,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,GACA,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE,GAAG;IAC9D;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAE;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,CAAC,CAAC;KACT,GAAG,IAAI,CACP,KAAK,CAAC,oBAAoB,CAAE,iBAAiB,CAAE,EAC/C,OAAO,GAAG,OAAO,CACjB,CAAE,EAAE,CAAC;IACN;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC,CAAC;AAEH,MAAM,MAAM,iCAAiC,CAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IACvE,sBAAsB,CAAE,CAAC,CAAE,GAAG;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAE,CAAC,CAAE,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,OAAO,CAAE,CAAC,CAAE,EACnB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;CACV,CAAC;AAEH,MAAM,MAAM,mCAAmC,CAAE,CAAC,SAAS,MAAM,IAChE,sBAAsB,CAAE,CAAC,CAAE,GAAG;IAC7B;;;;;;OAMG;IACH,QAAQ,EAAE,IAAI,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAE,CAAC,CAAE,EAAE,CAAC;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,OAAO,CAAE,CAAC,CAAE,EAAE,EACrB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;CACV,CAAC;AAEH,MAAM,MAAM,kBAAkB,CAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IACtD,iCAAiC,CAAE,CAAC,CAAE,GACtC,mCAAmC,CAAE,CAAC,CAAE,CAAC"}

package/build-types/shortcut/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */

package/build-types/shortcut/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shortcut/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;;GAYG;AACH,iBAAS,QAAQ,CAAE,KAAK,EAAE,aAAa,sCAwBtC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shortcut/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;;GAYG;AACH,iBAAS,QAAQ,CAAE,KAAK,EAAE,aAAa,sCAwBtC;AAED,eAAe,QAAQ,CAAC"}