@wordpress/components 28.3.0 → 28.5.0

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

@@ -24,27 +24,27 @@ export default function useText(props: WordPressComponentProps<Props, 'span'>):
     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;
@@ -59,9 +59,9 @@ export default function useText(props: WordPressComponentProps<Props, 'span'>):
     "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;
@@ -244,7 +244,7 @@ export default function useText(props: WordPressComponentProps<Props, 'span'>):
     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;
@@ -272,7 +272,7 @@ export default function useText(props: WordPressComponentProps<Props, 'span'>):
     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/text/stories/index.story.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAsB5B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;EAAsB,CAAC;AAK3C,eAAO,MAAM,QAAQ;;EAAsB,CAAC;AAmB5C,eAAO,MAAM,SAAS;;EAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAsB5B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;EAAsB,CAAC;AAK3C,eAAO,MAAM,QAAQ;;EAAsB,CAAC;AAmB5C,eAAO,MAAM,SAAS;;EAAsB,CAAC"}

package/build-types/text/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FindAllArgs } from 'highlight-words-core';
 /**
  * Source:

package/build-types/text/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/text/utils.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQxD;;;GAGG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,OAAO;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,WAAW,CAAE,YAAY,CAAE,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAC;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;CACxE;AAkBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAE,EACtC,eAAoB,EACpB,WAAgB,EAChB,WAAW,EACX,UAAU,EACV,aAAqB,EACrB,QAAQ,EACR,UAAU,EACV,kBAAuB,EACvB,cAAmB,EACnB,YAAqB,EACrB,QAAQ,EACR,WAAgB,EAChB,oBAAyB,EACzB,gBAAgB,GAChB,EAAE,OAAO;;;;;0BA+ET"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/text/utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQxD;;;GAGG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,OAAO;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,WAAW,CAAE,YAAY,CAAE,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAC;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;CACxE;AAkBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAE,EACtC,eAAoB,EACpB,WAAgB,EAChB,WAAW,EACX,UAAU,EACV,aAAqB,EACrB,QAAQ,EACR,UAAU,EACV,kBAAuB,EACvB,cAAmB,EACnB,YAAqB,EACrB,QAAQ,EACR,WAAgB,EAChB,oBAAyB,EACzB,gBAAgB,GAChB,EAAE,OAAO;;;;;0BA+ET"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * TextControl components let users enter and edit text.
  *
@@ -11,6 +10,7 @@
  *
  *   return (
  *     <TextControl
+ *       __nextHasNoMarginBottom
  *       label="Additional CSS Class"
  *       value={ className }
  *       onChange={ ( value ) => setClassName( value ) }
@@ -22,8 +22,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;;;;;;;;;;;;;;;;;;;;GAoBG;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,CAmD9C,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

@@ -1,9 +1,3 @@
-/**
- * External dependencies
- */
-import type { ForwardedRef } from 'react';
-import type { WordPressComponentProps } from '../context/wordpress-component';
-import type { ToggleControlProps } from './types';
 /**
  * ToggleControl is used to generate a toggle user interface.
  *
@@ -16,6 +10,7 @@ import type { ToggleControlProps } from './types';
  *
  *   return (
  *     <ToggleControl
+ *       __nextHasNoMarginBottom
  *       label="Fixed Background"
  *       checked={ value }
  *       onChange={ () => setValue( ( state ) => ! state ) }
@@ -24,11 +19,10 @@ import type { ToggleControlProps } from './types';
  * };
  * ```
  */
-export declare function ToggleControl({ __nextHasNoMarginBottom, label, checked, help, className, onChange, disabled, }: WordPressComponentProps<ToggleControlProps, 'input', false>, ref: ForwardedRef<HTMLInputElement>): import("react").JSX.Element;
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../form-toggle/types").FormToggleProps, "disabled" | "checked"> & Pick<import("../base-control/types").BaseControlProps, "className" | "__nextHasNoMarginBottom"> & {
+export declare const ToggleControl: import("react").ForwardRefExoticComponent<Pick<import("../form-toggle/types").FormToggleProps, "disabled" | "checked"> & Pick<import("../base-control/types").BaseControlProps, "className" | "__nextHasNoMarginBottom"> & {
     help?: import("react").ReactNode | ((checked: boolean) => import("react").ReactNode);
     label: import("react").ReactNode;
     onChange: (value: boolean) => void;
 } & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "help" | "disabled" | "label" | "className" | "children" | "onChange" | "checked" | "as" | "__nextHasNoMarginBottom"> & import("react").RefAttributes<HTMLInputElement>>;
-export default _default;
+export default ToggleControl;
 //# sourceMappingURL=index.d.ts.map

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":"AAuGA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa;;;;0SAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

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":";AAmBA,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
@@ -20,7 +19,12 @@
  *
  * function Example() {
  *   return (
- *     <ToggleGroupControl label="my label" value="vertical" isBlock>
+ *     <ToggleGroupControl
+ *       label="my label"
+ *       value="vertical"
+ *       isBlock
+ *       __nextHasNoMarginBottom
+ *     >
  *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
  *       <ToggleGroupControlOption value="vertical" label="Vertical" />
  *     </ToggleGroupControl>
@@ -30,15 +34,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":";AAgGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;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`.
@@ -11,7 +10,12 @@
  *
  * function Example() {
  *   return (
- *     <ToggleGroupControl label="my label" value="vertical" isBlock>
+ *     <ToggleGroupControl
+ *       label="my label"
+ *       value="vertical"
+ *       isBlock
+ *       __nextHasNoMarginBottom
+ *     >
  *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
  *       <ToggleGroupControlOption value="vertical" label="Vertical" />
  *     </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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;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":";AAaA;;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.
@@ -12,20 +11,20 @@
  * import { formatLowercase, formatUppercase } from '@wordpress/icons';
  *
  * function Example() {
- *	return (
- *		<ToggleGroupControl>
- *			<ToggleGroupControlOptionIcon
- *				value="uppercase"
- *				label="Uppercase"
- *				icon={ formatUppercase }
- *			/>
- *			<ToggleGroupControlOptionIcon
- *				value="lowercase"
- *				label="Lowercase"
- *				icon={ formatLowercase }
- *			/>
- *		</ToggleGroupControl>
- *	);
+ *  return (
+ *    <ToggleGroupControl __nextHasNoMarginBottom>
+ *      <ToggleGroupControlOptionIcon
+ *        value="uppercase"
+ *        label="Uppercase"
+ *        icon={ formatUppercase }
+ *      />
+ *      <ToggleGroupControlOptionIcon
+ *        value="lowercase"
+ *        label="Lowercase"
+ *        icon={ formatLowercase }
+ *      />
+ *    </ToggleGroupControl>
+ *  );
  * }
  * ```
  */

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":";AAgBA,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-button/index.d.ts

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

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,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"}
+{"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"}