@wordpress/components 28.2.0 → 28.4.0

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * TextControl components let users enter and edit text.
  *
@@ -22,8 +21,8 @@
 export declare const TextControl: import("react").ForwardRefExoticComponent<Pick<import("../base-control/types").BaseControlProps, "help" | "label" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
     onChange: (value: string) => void;
     value: string | number;
-    type?: "number" | "text" | "search" | "time" | "tel" | "url" | "email" | "date" | "datetime-local" | "password" | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    type?: "date" | "datetime-local" | "email" | "number" | "password" | "tel" | "text" | "time" | "search" | "url";
+    __next40pxDefaultSize?: boolean;
 } & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "help" | "label" | "className" | "type" | "children" | "onChange" | "value" | "as" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & import("react").RefAttributes<HTMLInputElement>>;
 export default TextControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-control/index.tsx"],"names":[],"mappings":";AAiEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW;;;;;sVAAuC,CAAC;AAEhE,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-control/index.tsx"],"names":[],"mappings":"AAiEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW;;;;;sVAAuC,CAAC;AAEhE,eAAe,WAAW,CAAC"}

package/build-types/text-highlight/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TextHighlightProps } from './types';
 /**
  * Highlights occurrences of a given string within another string of text. Wraps

package/build-types/text-highlight/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-highlight/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,UAAY,kBAAkB,gCAgBvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-highlight/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,UAAY,kBAAkB,gCAgBvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * TextareaControls are TextControls that allow for multiple lines of text, and
  * wrap overflow text onto a new line. They are a fixed height and scroll
@@ -13,6 +12,7 @@
  *
  *   return (
  *     <TextareaControl
+ *       __nextHasNoMarginBottom
  *       label="Text"
  *       help="Enter some text"
  *       value={ text }
@@ -25,7 +25,7 @@
 export declare const TextareaControl: import("react").ForwardRefExoticComponent<Pick<import("../base-control/types").BaseControlProps, "help" | "label" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
     onChange: (value: string) => void;
     value: string;
-    rows?: number | undefined;
+    rows?: import("react").TextareaHTMLAttributes<HTMLTextAreaElement>["rows"];
 } & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "help" | "label" | "children" | "onChange" | "value" | "rows" | "as" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextareaControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea-control/index.tsx"],"names":[],"mappings":";AAyDA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe;;;;0TAA2C,CAAC;AAExE,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea-control/index.tsx"],"names":[],"mappings":"AAyDA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe;;;;0TAA2C,CAAC;AAExE,eAAe,eAAe,CAAC"}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const StyledTextarea: 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").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
 //# sourceMappingURL=textarea-control-styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea-control-styles.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/styles/textarea-control-styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,cAAc;;;2HAG1B,CAAC"}
+{"version":3,"file":"textarea-control-styles.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/styles/textarea-control-styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc;;SAIoQ,MAAO,WAAW;2HADhT,CAAC"}

package/build-types/theme/color-algorithms.d.ts

@@ -8,13 +8,5 @@ export declare function checkContrasts(inputs: ThemeInputValues, outputs: ThemeO
     foreground: string | undefined;
     grays: string | undefined;
 };
-export declare function generateShades(background: string, foreground: string): {
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    600: string;
-    700: string;
-    800: string;
-};
+export declare function generateShades(background: string, foreground: string): NonNullable<ThemeOutputValues["colors"]["gray"]>;
 //# sourceMappingURL=color-algorithms.d.ts.map

package/build-types/theme/color-algorithms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-algorithms.d.ts","sourceRoot":"","sources":["../../src/theme/color-algorithms.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKnE,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,gBAAgB,GACtB,iBAAiB,CAWnB;AAYD,wBAAgB,cAAc,CAC7B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,iBAAiB,CAAE,QAAQ,CAAE;;;;EAoBtC;AA0CD,wBAAgB,cAAc,CAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;;;;;;;;EAgCrE"}
+{"version":3,"file":"color-algorithms.d.ts","sourceRoot":"","sources":["../../src/theme/color-algorithms.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKnE,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,gBAAgB,GACtB,iBAAiB,CAWnB;AAYD,wBAAgB,cAAc,CAC7B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,iBAAiB,CAAE,QAAQ,CAAE;;;;EAoBtC;AA0CD,wBAAgB,cAAc,CAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GA+BpD,WAAW,CAAE,iBAAiB,CAAE,QAAQ,CAAE,CAAE,MAAM,CAAE,CAAE,CACvE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAK1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,KAAK,CAAE,EACf,MAAM,EACN,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAE,+BAcpD;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAK1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,KAAK,CAAE,EACf,MAAM,EACN,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAE,+BAcpD;AAED,eAAe,KAAK,CAAC"}

package/build-types/theme/stories/index.story.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/theme/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,MAAM,UAAU,CAAC;AAK7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAY7B,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO;;;;EAAsB,CAAC;AAG3C,eAAO,MAAM,MAAM,EAAE,OAAO,CAAE,OAAO,KAAK,CAUzC,CAAC;AAKF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,KAAK,CAiD9C,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/theme/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,MAAM,UAAU,CAAC;AAK7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAY7B,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO;;;;EAAsB,CAAC;AAG3C,eAAO,MAAM,MAAM,EAAE,OAAO,CAAE,OAAO,KAAK,CAUzC,CAAC;AAKF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,KAAK,CAmD9C,CAAC"}

package/build-types/theme/styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */
 import type { ThemeOutputValues } from './types';
 export declare const colorVariables: ({ colors }: ThemeOutputValues) => import("@emotion/utils").SerializedStyles[];
 export declare const Wrapper: 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>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/theme/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/theme/styles.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,cAAc,eAAiB,iBAAiB,gDAmB5D,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAEnB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/theme/styles.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,cAAc,eAAiB,iBAAiB,gDAmB5D,CAAC;AAEF,eAAO,MAAM,OAAO;;SAbkC,MAAO,WAC5D;yGAcA,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tip/index.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,GAAG,CAAE,KAAK,EAAE,QAAQ,+BASnC;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tip/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,GAAG,CAAE,KAAK,EAAE,QAAQ,+BASnC;AAED,eAAe,GAAG,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle-control/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAevD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAC5B,EACC,uBAAuB,EACvB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAE,EAChE,GAAG,EAAE,YAAY,CAAE,gBAAgB,CAAE,+BA0DrC;;;;;;AAED,wBAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle-control/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAgBvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAC5B,EACC,uBAAuB,EACvB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAE,EAChE,GAAG,EAAE,YAAY,CAAE,gBAAgB,CAAE,+BAkErC;;;;;;AAED,wBAA2C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toggle-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,CAarC,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,OAAO;;;;0SAAsB,CAAC;AAK3C,eAAO,MAAM,YAAY;;;;0SAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toggle-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,CAarC,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,OAAO;;;;0SAAsB,CAAC;AAK3C,eAAO,MAAM,YAAY;;;;0SAAsB,CAAC"}

package/build-types/toggle-group-control/context.d.ts

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

package/build-types/toggle-group-control/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/context.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAE9D,QAAA,MAAM,yBAAyB,yDAE9B,CAAC;AACF,eAAO,MAAM,4BAA4B,sCACD,CAAC;AACzC,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/context.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAE9D,QAAA,MAAM,yBAAyB,yDAE9B,CAAC;AACF,eAAO,MAAM,4BAA4B,sCACD,CAAC;AACzC,eAAe,yBAAyB,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ToggleGroupControlMainControlProps } from '../types';
 export declare const ToggleGroupControlAsButtonGroup: import("react").ForwardRefExoticComponent<ToggleGroupControlMainControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "label" | "children" | "onChange" | "value" | "as" | "isAdaptiveWidth"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=as-button-group.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"as-button-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-button-group.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EACX,kCAAkC,EAElC,MAAM,UAAU,CAAC;AAiElB,eAAO,MAAM,+BAA+B,uUAE3C,CAAC"}
+{"version":3,"file":"as-button-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-button-group.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,kCAAkC,EAElC,MAAM,UAAU,CAAC;AAiElB,eAAO,MAAM,+BAA+B,uUAE3C,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ToggleGroupControlMainControlProps } from '../types';
 export declare const ToggleGroupControlAsRadioGroup: import("react").ForwardRefExoticComponent<ToggleGroupControlMainControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "label" | "children" | "onChange" | "value" | "as" | "isAdaptiveWidth"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=as-radio-group.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"as-radio-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EACX,kCAAkC,EAElC,MAAM,UAAU,CAAC;AA6ElB,eAAO,MAAM,8BAA8B,uUAE1C,CAAC"}
+{"version":3,"file":"as-radio-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACX,kCAAkC,EAElC,MAAM,UAAU,CAAC;AA6ElB,eAAO,MAAM,8BAA8B,uUAE1C,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `ToggleGroupControl` is a form component that lets users choose options
  * represented in horizontal segments. To render options for this control use
@@ -30,15 +29,15 @@
  */
 export declare const ToggleGroupControl: import("../../context").WordPressComponent<"div", Pick<import("../../base-control/types").BaseControlProps, "help" | "__nextHasNoMarginBottom"> & {
     label: string;
-    hideLabelFromVision?: boolean | undefined;
-    isAdaptiveWidth?: boolean | undefined;
-    isBlock?: boolean | undefined;
-    isDeselectable?: boolean | undefined;
-    onChange?: ((value: string | number | undefined) => void) | undefined;
-    value?: string | number | undefined;
+    hideLabelFromVision?: boolean;
+    isAdaptiveWidth?: boolean;
+    isBlock?: boolean;
+    isDeselectable?: boolean;
+    onChange?: (value: string | number | undefined) => void;
+    value?: string | number;
     children: import("react").ReactNode;
-    size?: "default" | "__unstable-large" | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    size?: "default" | "__unstable-large";
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any>, false>;
 export default ToggleGroupControl;
 //# sourceMappingURL=component.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":";AAkGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;8CAG9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":"AAgGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;8CAG9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/styles.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import type { ToggleGroupControlProps } from '../types';
-export declare const toggleGroupControl: ({ isBlock, isDeselectable, size, }: Pick<ToggleGroupControlProps, 'isBlock' | 'isDeselectable'> & {
-    size: NonNullable<ToggleGroupControlProps['size']>;
+export declare const toggleGroupControl: ({ isBlock, isDeselectable, size, }: Pick<ToggleGroupControlProps, "isBlock" | "isDeselectable"> & {
+    size: NonNullable<ToggleGroupControlProps["size"]>;
 }) => import("@emotion/utils").SerializedStyles;
-export declare const toggleGroupControlSize: (size: NonNullable<ToggleGroupControlProps['size']>) => import("@emotion/utils").SerializedStyles;
+export declare const toggleGroupControlSize: (size: NonNullable<ToggleGroupControlProps["size"]>) => import("@emotion/utils").SerializedStyles;
 export declare const block: import("@emotion/utils").SerializedStyles;
 export declare const VisualLabelWrapper: 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>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,kBAAkB,uCAI5B,KAAM,uBAAuB,EAAE,SAAS,GAAG,gBAAgB,CAAE,GAAG;IAClE,IAAI,EAAE,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE,CAAC;CACvD,8CAUA,CAAC;AAyBF,eAAO,MAAM,sBAAsB,SAC5B,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE,8CActD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,kBAAkB,uCAI5B,IAAI,CAAE,uBAAuB,EAAE,SAAS,GAAG,gBAAgB,CAAE,GAAG;IAClE,IAAI,EAAE,WAAW,CAAE,uBAAuB,CAAE,MAAM,CAAE,CAAE,CAAC;CACvD,8CAUA,CAAC;AAyBF,eAAO,MAAM,sBAAsB,SAC5B,WAAW,CAAE,uBAAuB,CAAE,MAAM,CAAE,CAAE,8CActD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;SAvDF,MACzB,WAAW;yGAyDd,CAAC"}

package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `ToggleGroupControlOption` is a form component and is meant to be used as a
  * child of `ToggleGroupControl`.

package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":[],"mappings":";AAsCA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB;;iOAEpC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":[],"mappings":"AAsCA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB;;iOAEpC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */
@@ -25,6 +24,6 @@ import type { ToggleGroupControlOptionBaseProps } from '../types';
  * }
  * ```
  */
-declare const ConnectedToggleGroupControlOptionBase: import("../../context").WordPressComponent<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | null, Omit<WordPressComponentProps<ToggleGroupControlOptionBaseProps, "button", false>, "id"> & import("react").RefAttributes<any>, boolean>;
+declare const ConnectedToggleGroupControlOptionBase: import("../../context").WordPressComponent<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | null, Omit<WordPressComponentProps<ToggleGroupControlOptionBaseProps, "button", false>, "id" | "aria-disabled"> & import("react").RefAttributes<any>, boolean>;
 export default ConnectedToggleGroupControlOptionBase;
 //# sourceMappingURL=component.d.ts.map

package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"names":[],"mappings":";AAeA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EACX,iCAAiC,EAEjC,MAAM,UAAU,CAAC;AA8JlB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,qCAAqC,yQAG1C,CAAC;AAEF,eAAe,qCAAqC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"names":[],"mappings":"AAaA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EACX,iCAAiC,EAEjC,MAAM,UAAU,CAAC;AAmKlB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,qCAAqC,2RAG1C,CAAC;AAEF,eAAe,qCAAqC,CAAC"}

package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import type { ToggleGroupControlProps, ToggleGroupControlOptionBaseProps } from '../types';
 export declare const LabelView: 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 labelBlock: import("@emotion/utils").SerializedStyles;
-export declare const buttonView: ({ isDeselectable, isIcon, isPressed, size, }: Pick<ToggleGroupControlProps, 'isDeselectable' | 'size'> & Pick<ToggleGroupControlOptionBaseProps, 'isIcon'> & {
+export declare const buttonView: ({ isDeselectable, isIcon, isPressed, size, }: Pick<ToggleGroupControlProps, "isDeselectable" | "size"> & Pick<ToggleGroupControlOptionBaseProps, "isIcon"> & {
     isPressed?: boolean;
 }) => import("@emotion/utils").SerializedStyles;
 export declare const ButtonContentView: 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 backdropView: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,uBAAuB,EACvB,iCAAiC,EACjC,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,iDAKpB,KAAM,uBAAuB,EAAE,gBAAgB,GAAG,MAAM,CAAE,GAC5D,KAAM,iCAAiC,EAAE,QAAQ,CAAE,GAAG;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,8CAuCD,CAAC;AAqBF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAmBF,eAAO,MAAM,YAAY,2CASxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,uBAAuB,EACvB,iCAAiC,EACjC,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,SAAS;;SAgBnB,MAAO,WAAW;yGAXpB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,iDAKpB,IAAI,CAAE,uBAAuB,EAAE,gBAAgB,GAAG,MAAM,CAAE,GAC5D,IAAI,CAAE,iCAAiC,EAAE,QAAQ,CAAE,GAAG;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,8CA4CD,CAAC;AAqBF,eAAO,MAAM,iBAAiB;;eApEpB,WAAW;yGAwEpB,CAAC;AAmBF,eAAO,MAAM,YAAY,2CASxB,CAAC"}

package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `ToggleGroupControlOptionIcon` is a form component which is meant to be used as a
  * child of `ToggleGroupControl` and displays an icon.

package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-icon/component.tsx"],"names":[],"mappings":";AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,4BAA4B;;;0NAExC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-icon/component.tsx"],"names":[],"mappings":"AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,4BAA4B;UA7BlB,IAAK,OAAO;;0NA+BlC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/build-types/toolbar/stories/index.story.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toolbar/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAwBtD;;GAEG;AACH,OAAO,EACN,OAAO,EAKP,MAAM,IAAI,CAAC;AAGZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAwB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO,kVAAsB,CAAC;AA8F3C,eAAO,MAAM,YAAY,kVAAsB,CAAC;AAahD;;;GAGG;AAEH,eAAO,MAAM,QAAQ,kVAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toolbar/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAwBtD;;GAEG;AACH,OAAO,EACN,OAAO,EAKP,MAAM,IAAI,CAAC;AAGZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAwB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO,kVAAsB,CAAC;AA8F3C,eAAO,MAAM,YAAY,kVAAsB,CAAC;AAahD;;;GAGG;AAEH,eAAO,MAAM,QAAQ,kVAAsB,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ToolbarProps } from './types';
 /**
  * Renders a toolbar.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA+D5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,gPAAmC,CAAC;AACxD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA+D5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,gPAAmC,CAAC;AACxD,eAAe,OAAO,CAAC"}

package/build-types/toolbar/toolbar/toolbar-container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ToolbarProps } from './types';
 export declare const ToolbarContainer: import("react").ForwardRefExoticComponent<ToolbarProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "as" | keyof ToolbarProps> & import("react").RefAttributes<any>>;
 export default ToolbarContainer;

package/build-types/toolbar/toolbar/toolbar-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-container.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar/toolbar-container.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAyB5C,eAAO,MAAM,gBAAgB,gPAA4C,CAAC;AAC1E,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"toolbar-container.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar/toolbar-container.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAyB5C,eAAO,MAAM,gBAAgB,gPAA4C,CAAC;AAC1E,eAAe,gBAAgB,CAAC"}

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

@@ -21,5 +21,11 @@ export type ToolbarProps = {
      * @default undefined
      */
     variant?: 'unstyled' | undefined;
+    /**
+     * Orientation of the toolbar keyboard interactions.
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CACjC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACxC,CAAC"}

package/build-types/toolbar/toolbar-button/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { ToolbarButtonProps } from './types';
+import type { ToolbarButtonOverriddenProps, ToolbarButtonProps } from './types';
+import type { WordPressComponentProps } from '../../context';
 /**
  * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar
  * or ToolbarGroup when used to create general interfaces.
@@ -21,100 +21,6 @@ import type { ToolbarButtonProps } from './types';
  * }
  * ```
  */
-export declare const ToolbarButton: import("react").ForwardRefExoticComponent<ToolbarButtonProps & Omit<Omit<{
-    __next40pxDefaultSize?: boolean | undefined;
-    children?: import("react").ReactNode;
-    describedBy?: string | undefined;
-    icon?: import("../..").IconType | null | undefined;
-    iconPosition?: "left" | "right" | undefined;
-    iconSize?: number | undefined;
-    isBusy?: boolean | undefined;
-    isDestructive?: boolean | undefined;
-    isPressed?: boolean | undefined;
-    label?: string | undefined;
-    shortcut?: string | {
-        display: string;
-        ariaLabel: string;
-    } | undefined;
-    showTooltip?: boolean | undefined;
-    size?: "default" | "small" | "compact" | undefined;
-    text?: string | undefined;
-    tooltipPosition?: ("bottom" | "top" | "middle") | "bottom center" | "bottom left" | "bottom right" | "top center" | "top left" | "top right" | "middle center" | "middle left" | "middle right" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | undefined;
-    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
-    __experimentalIsFocusable?: boolean | undefined;
-} & {
-    disabled?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "as" | keyof {
-    __next40pxDefaultSize?: boolean | undefined;
-    children?: import("react").ReactNode;
-    describedBy?: string | undefined;
-    icon?: import("../..").IconType | null | undefined;
-    iconPosition?: "left" | "right" | undefined;
-    iconSize?: number | undefined;
-    isBusy?: boolean | undefined;
-    isDestructive?: boolean | undefined;
-    isPressed?: boolean | undefined;
-    label?: string | undefined;
-    shortcut?: string | {
-        display: string;
-        ariaLabel: string;
-    } | undefined;
-    showTooltip?: boolean | undefined;
-    size?: "default" | "small" | "compact" | undefined;
-    text?: string | undefined;
-    tooltipPosition?: ("bottom" | "top" | "middle") | "bottom center" | "bottom left" | "bottom right" | "top center" | "top left" | "top right" | "middle center" | "middle left" | "middle right" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | undefined;
-    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
-    __experimentalIsFocusable?: boolean | undefined;
-}> & import("../../button/types").DeprecatedButtonProps & import("react").RefAttributes<any>, "ref"> | Omit<{
-    __next40pxDefaultSize?: boolean | undefined;
-    children?: import("react").ReactNode;
-    describedBy?: string | undefined;
-    icon?: import("../..").IconType | null | undefined;
-    iconPosition?: "left" | "right" | undefined;
-    iconSize?: number | undefined;
-    isBusy?: boolean | undefined;
-    isDestructive?: boolean | undefined;
-    isPressed?: boolean | undefined;
-    label?: string | undefined;
-    shortcut?: string | {
-        display: string;
-        ariaLabel: string;
-    } | undefined;
-    showTooltip?: boolean | undefined;
-    size?: "default" | "small" | "compact" | undefined;
-    text?: string | undefined;
-    tooltipPosition?: ("bottom" | "top" | "middle") | "bottom center" | "bottom left" | "bottom right" | "top center" | "top left" | "top right" | "middle center" | "middle left" | "middle right" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | undefined;
-    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
-    __experimentalIsFocusable?: boolean | undefined;
-} & {
-    disabled?: false | undefined;
-    href: string;
-    target?: string | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "as" | keyof {
-    __next40pxDefaultSize?: boolean | undefined;
-    children?: import("react").ReactNode;
-    describedBy?: string | undefined;
-    icon?: import("../..").IconType | null | undefined;
-    iconPosition?: "left" | "right" | undefined;
-    iconSize?: number | undefined;
-    isBusy?: boolean | undefined;
-    isDestructive?: boolean | undefined;
-    isPressed?: boolean | undefined;
-    label?: string | undefined;
-    shortcut?: string | {
-        display: string;
-        ariaLabel: string;
-    } | undefined;
-    showTooltip?: boolean | undefined;
-    size?: "default" | "small" | "compact" | undefined;
-    text?: string | undefined;
-    tooltipPosition?: ("bottom" | "top" | "middle") | "bottom center" | "bottom left" | "bottom right" | "top center" | "top left" | "top right" | "middle center" | "middle left" | "middle right" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | undefined;
-    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
-    __experimentalIsFocusable?: boolean | undefined;
-} | keyof {
-    disabled?: false | undefined;
-    href: string;
-    target?: string | undefined;
-}> & import("../../button/types").DeprecatedButtonProps & import("react").RefAttributes<any>, "ref">, "as" | keyof ToolbarButtonProps> & import("react").RefAttributes<any>>;
+export declare const ToolbarButton: import("react").ForwardRefExoticComponent<Omit<WordPressComponentProps<ToolbarButtonProps, import("react").ForwardRefExoticComponent<(import("../../button/types").ButtonProps & import("../../button/types").DeprecatedButtonProps) & import("react").RefAttributes<any>>, false>, "accessibleWhenDisabled"> & ToolbarButtonOverriddenProps & import("react").RefAttributes<any>>;
 export default ToolbarButton;
 //# sourceMappingURL=index.d.ts.map

package/build-types/toolbar/toolbar-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-button/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+ElD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAyC,CAAC;AACpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-button/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AA2F7D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa,oXAAyC,CAAC;AACpE,eAAe,aAAa,CAAC"}

package/build-types/toolbar/toolbar-button/toolbar-button-container.d.ts

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

package/build-types/toolbar/toolbar-button/toolbar-button-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-button-container.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-button/toolbar-button-container.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,QAAA,MAAM,sBAAsB,6BAGzB,2BAA2B,gCAE7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"toolbar-button-container.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-button/toolbar-button-container.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,QAAA,MAAM,sBAAsB,6BAGzB,2BAA2B,gCAE7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build-types/toolbar/toolbar-button/types.d.ts

@@ -21,6 +21,9 @@ export type ToolbarButtonProps = {
     isActive?: boolean;
     /**
      * Indicates if the button is disabled.
+     *
+     * @deprecated Use `disabled` instead.
+     * @ignore
      */
     isDisabled?: boolean;
     /**
@@ -32,6 +35,21 @@ export type ToolbarButtonProps = {
      */
     title?: string;
 };
+export type ToolbarButtonOverriddenProps = {
+    /**
+     * Whether to keep the button focusable when disabled.
+     *
+     * In most cases, it is recommended to set this to `true`. Disabling a control without maintaining focusability
+     * can cause accessibility issues, by hiding their presence from screen reader users,
+     * or by preventing focus from returning to a trigger element.
+     *
+     * Learn more about the [focusability of disabled controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols)
+     * in the WAI-ARIA Authoring Practices Guide.
+     *
+     * @default true
+     */
+    accessibleWhenDisabled?: boolean;
+};
 export type ToolbarButtonContainerProps = {
     /**
      * Children to be rendered inside the button container.

package/build-types/toolbar/toolbar-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-button/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-button/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IAC1C;;;;;;;;;;;OAWG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}

package/build-types/toolbar/toolbar-context/index.d.ts

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

package/build-types/toolbar/toolbar-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-context/index.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAO/C,QAAA,MAAM,cAAc,2DAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/toolbar-context/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAO/C,QAAA,MAAM,cAAc,2DAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}