@wordpress/components 19.13.0 → 19.14.0

package/build-style/style.css

@@ -2354,6 +2354,22 @@ body.is-dragging-components-draggable {
   border-color: #1e1e1e;
 }
 
+.components-duotone-picker__color-indicator::before {
+  background: transparent;
+}
+
+.components-duotone-picker__color-indicator > .components-button {
+  background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
+  color: transparent;
+}
+.components-duotone-picker__color-indicator > .components-button.is-pressed:hover:not(:disabled) {
+  background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
+  color: transparent;
+}
+.components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active {
+  color: transparent;
+}
+
 .components-font-size-picker__header__hint {
   margin-left: 4px;
   color: #757575;

package/build-types/border-box-control/border-box-control/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAkHtD,QAAA,MAAM,yBAAyB,mFAG9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAmHtD,QAAA,MAAM,yBAAyB,mFAG9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/build-types/border-box-control/border-box-control-split-controls/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/component.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAwFnD,QAAA,MAAM,sCAAsC,gFAG3C,CAAC;AACF,eAAe,sCAAsC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/component.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAyFnD,QAAA,MAAM,sCAAsC,gFAG3C,CAAC;AACF,eAAe,sCAAsC,CAAC"}

package/build-types/border-control/border-control/component.d.ts

@@ -1,4 +1,38 @@
 import type { BorderControlProps } from '../types';
-declare const ConnectedBorderControl: import("../../ui/context").WordPressComponent<"div", BorderControlProps, true>;
-export default ConnectedBorderControl;
+/**
+ * The `BorderControl` brings together internal sub-components which allow users to
+ * set the various properties of a border. The first sub-component, a
+ * `BorderDropdown` contains options representing border color and style. The
+ * border width is controlled via a `UnitControl` and an optional `RangeControl`.
+ *
+ * Border radius is not covered by this control as it may be desired separate to
+ * color, style, and width. For example, the border radius may be absorbed under
+ * a "shape" abstraction.
+ *
+ * ```jsx
+ * import { __experimentalBorderControl as BorderControl } from '@wordpress/components';
+ * import { __ } from '@wordpress/i18n';
+ *
+ * const colors = [
+ * 	{ name: 'Blue 20', color: '#72aee6' },
+ * 	// ...
+ * ];
+ *
+ * const MyBorderControl = () => {
+ * 	const [ border, setBorder ] = useState();
+ * 	const onChange = ( newBorder ) => setBorder( newBorder );
+ *
+ * 	return (
+ * 		<BorderControl
+ * 			colors={ colors }
+ * 			label={ __( 'Border' ) }
+ * 			onChange={ onChange }
+ * 			value={ border }
+ * 		/>
+ * 	);
+ * };
+ * ```
+ */
+export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", BorderControlProps, false>;
+export default BorderControl;
 //# sourceMappingURL=component.d.ts.map

package/build-types/border-control/border-control/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;AAkG/D,QAAA,MAAM,sBAAsB,gFAAmD,CAAC;AAEhF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;AAkG/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa,iFAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build-types/border-control/stories/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { BorderControl } from '..';
+declare const meta: ComponentMeta<typeof BorderControl>;
+export default meta;
+export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").BorderControlProps, false>>;
+/**
+ * Render a slider beside the control.
+ */
+export declare const WithSlider: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").BorderControlProps, false>>;
+/**
+ * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
+ */
+export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").BorderControlProps, false>>;
+/**
+ * Restrict the width of the control and prevent it from expanding to take up additional space.
+ * When `true`, the `width` prop will be ignored.
+ */
+export declare const IsCompact: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").BorderControlProps, false>>;
+/**
+ * The `colors` object can contain multiple origins.
+ */
+export declare const WithMultipleOrigins: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").BorderControlProps, false>>;
+/**
+ * Allow the alpha channel to be edited on each color.
+ */
+export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").BorderControlProps, false>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAKnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AA8DpB,eAAO,MAAM,OAAO,oHAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU,oHAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,oHAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS,oHAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB,oHAAsB,CAAC;AAOvD;;GAEG;AACH,eAAO,MAAM,gBAAgB,oHAAsB,CAAC"}

package/build-types/color-indicator/index.d.ts

@@ -1,7 +1,18 @@
+/// <reference types="react" />
+import type { ColorIndicatorProps } from './types';
+/**
+ * ColorIndicator is a React component that renders a specific color in a
+ * circle. It's often used to summarize a collection of used colors in a child
+ * component.
+ *
+ * ```jsx
+ * import { ColorIndicator } from '@wordpress/components';
+ *
+ * const MyColorIndicator = () => <ColorIndicator colorValue="#0073aa" />;
+ * ```
+ */
+export declare const ColorIndicator: import("react").ForwardRefExoticComponent<Pick<ColorIndicatorProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "as" | "colorValue">, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "colorValue"> & import("react").RefAttributes<HTMLSpanElement>>;
 export default ColorIndicator;
-declare function ColorIndicator({ className, colorValue, ...props }: {
-    [x: string]: any;
-    className: any;
-    colorValue: any;
-}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build-types/color-indicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-indicator/index.js"],"names":[],"mappings":";AAOA;;;;gBAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-indicator/index.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAkBnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;;+kJAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}

package/build-types/color-indicator/stories/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import ColorIndicator from '..';
+declare const meta: ComponentMeta<typeof ColorIndicator>;
+export default meta;
+export declare const Default: ComponentStory<typeof ColorIndicator>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/color-indicator/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-indicator/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,cAAc,MAAM,IAAI,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAc/C,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAE1D,CAAC"}

package/build-types/color-indicator/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/color-indicator/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-indicator/test/index.tsx"],"names":[],"mappings":""}

package/build-types/color-indicator/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { CSSProperties } from 'react';
+export declare type ColorIndicatorProps = {
+    /**
+     * The color of the indicator. Any value from the CSS `background` property
+     * is supported.
+     */
+    colorValue: CSSProperties['background'];
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/color-indicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/color-indicator/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,mBAAmB,GAAG;IACjC;;;OAGG;IACH,UAAU,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;CAC1C,CAAC"}

package/build-types/color-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.js"],"names":[],"mappings":"AAkHA;;;gBAYC;AAkCD;;;;;;;;;;gBA8GC;AA9IM,yHA8BN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.js"],"names":[],"mappings":"AAkHA;;;gBAgBC;AAkCD;;;;;;;;;;gBA8GC;AA9IM,yHA8BN"}

package/build-types/color-palette/styles.d.ts

@@ -1,6 +1,8 @@
-export const ColorHeading: import("@emotion/styled").StyledComponent<import("../heading/hook").HeadingProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+export const ColorHeading: import("@emotion/styled").StyledComponent<Omit<import("../text/types").Props, "size"> & {
+    level?: import("../heading/types").HeadingSize | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
-}, "as" | keyof import("../heading/hook").HeadingProps> & {
+}, "children" | "as" | "color" | "display" | "letterSpacing" | "align" | "lineHeight" | "ellipsis" | "weight" | "variant" | "isBlock" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "level"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/build-types/color-palette/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-palette/styles.js"],"names":[],"mappings":"AAUA;;;;;;WAQE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-palette/styles.js"],"names":[],"mappings":"AAUA;;;;;;;;WAQE"}

package/build-types/color-picker/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/color-picker/component.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,MAAM,WAAW,gBAAgB;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB;AAgFD,QAAA,MAAM,oBAAoB,4EAA+C,CAAC;AAE1E,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/color-picker/component.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,MAAM,WAAW,gBAAgB;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB;AAiFD,QAAA,MAAM,oBAAoB,4EAA+C,CAAC;AAE1E,eAAe,oBAAoB,CAAC"}

package/build-types/color-picker/styles.d.ts

@@ -61,6 +61,23 @@ export declare const AuxiliaryColorArtefactWrapper: import("@emotion/styled").St
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AuxiliaryColorArtefactHStackHeader: import("@emotion/styled").StyledComponent<Omit<import("../flex/types").FlexProps, "align" | "gap"> & {
+    alignment?: "top" | "bottom" | "left" | "right" | "center" | "end" | (string & {}) | "baseline" | "inherit" | "initial" | "start" | "-moz-initial" | "revert" | "unset" | "normal" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "edge" | undefined;
+    spacing?: import("csstype").Property.Width<string | number> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "as" | "direction" | "spacing" | "justify" | "wrap" | "expanded" | "isReversed" | "alignment"> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ColorInputWrapper: import("@emotion/styled").StyledComponent<import("../flex/types").FlexProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "as" | keyof import("../flex/types").FlexProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 export declare const ColorfulWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/build-types/color-picker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAMxB,CAAC;AAiBF,eAAO,MAAM,6BAA6B;;;yGAEzC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAgD3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;UAEhC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAwBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOxB,CAAC;AAiBF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAiD3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;UAEhC,CAAC"}

package/build-types/date-time/date/index.d.ts

@@ -20,6 +20,6 @@ import type { DatePickerProps } from '../types';
  * };
  * ```
  */
-export declare function DatePicker({ currentDate, onChange, events, isInvalidDate, onMonthPreviewed, }: DatePickerProps): JSX.Element;
+export declare function DatePicker({ currentDate, onChange, events, isInvalidDate, onMonthPreviewed, startOfWeek, }: DatePickerProps): JSX.Element;
 export default DatePicker;
 //# sourceMappingURL=index.d.ts.map

package/build-types/date-time/date/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/index.tsx"],"names":[],"mappings":";AAOA,OAAO,wBAAwB,CAAC;AAgBhC,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,UAAU,CAAC;AAyDpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,WAAW,EACX,QAAQ,EACR,MAAM,EACN,aAAa,EACb,gBAAgB,GAChB,EAAE,eAAe,eAgIjB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/index.tsx"],"names":[],"mappings":";AAOA,OAAO,wBAAwB,CAAC;AAgBhC,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,UAAU,CAAC;AAyDpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,WAAW,EACX,QAAQ,EACR,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,WAAe,GACf,EAAE,eAAe,eAiIjB;AAED,eAAe,UAAU,CAAC"}

package/build-types/date-time/date-time/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAOhD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAsKlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;;;uCAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAOhD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAwKlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;;;uCAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}

package/build-types/date-time/types.d.ts

@@ -65,6 +65,12 @@ export declare type DatePickerProps = {
      * dot on the day of the event.
      */
     events?: DatePickerEvent[];
+    /**
+     * The day that the week should start on. 0 for Sunday, 1 for Monday, etc.
+     *
+     * @default 0
+     */
+    startOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 };
 export declare type DateTimePickerProps = Omit<DatePickerProps, 'onChange'> & Omit<TimePickerProps, 'currentTime' | 'onChange'> & {
     /**

package/build-types/date-time/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAChC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CAAE,eAAe,EAAE,aAAa,GAAG,UAAU,CAAE,GAAG;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IAE3C;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAChC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAE3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CAAE,eAAe,EAAE,aAAa,GAAG,UAAU,CAAE,GAAG;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IAE3C;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC"}

package/build-types/form-toggle/index.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { FormToggleProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
+export declare const noop: () => void;
+/**
+ * FormToggle switches a single setting on or off.
+ *
+ * ```jsx
+ * import { FormToggle } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyFormToggle = () => {
+ *   const [ isChecked, setChecked ] = useState( true );
+ *
+ *   return (
+ *     <FormToggle
+ *       checked={ isChecked }
+ *       onChange={ () => setChecked( ( state ) => ! state ) }
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare function FormToggle(props: Omit<WordPressComponentProps<FormToggleProps, 'input', false>, 'ref'>): JSX.Element;
+export default FormToggle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-toggle/index.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAGzB,KAAK,EAAE,IAAI,CACV,uBAAuB,CAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAE,EAC1D,KAAK,CACL,eA8BD;AAED,eAAe,UAAU,CAAC"}

package/build-types/form-toggle/stories/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { FormToggle } from '..';
+declare const meta: ComponentMeta<typeof FormToggle>;
+export default meta;
+export declare const Default: ComponentStory<typeof FormToggle>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form-toggle/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,UAAU,CAc3C,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,UAAU,CAAwB,CAAC"}

package/build-types/form-toggle/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/form-toggle/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form-toggle/test/index.tsx"],"names":[],"mappings":""}

package/build-types/form-toggle/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * External dependencies
+ */
+import type { ChangeEvent } from 'react';
+export declare type FormToggleProps = {
+    /**
+     * If checked is true the toggle will be checked. If checked is false the
+     * toggle will be unchecked. If no value is passed the toggle will be
+     * unchecked.
+     */
+    checked?: boolean;
+    /**
+     * If disabled is true the toggle will be disabled and apply the appropriate
+     * styles.
+     */
+    disabled?: boolean;
+    /**
+     * A callback function invoked when the toggle is clicked.
+     */
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/form-toggle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-toggle/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,oBAAY,eAAe,GAAG;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CAC7D,CAAC"}

package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts

@@ -1,3 +1,6 @@
+/**
+ * External dependencies
+ */
 import type { ComponentProps } from 'react';
 /**
  * WordPress dependencies

package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token-field-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/form-token-field/test/lib/token-field-wrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,cAAc,MAAM,QAAQ,CAAC;AAWpC,cAAM,iBAAkB,SAAQ,SAAS,CACxC,mBAAmB,EACnB;IACC,gBAAgB,EAAE,cAAc,CAC/B,OAAO,cAAc,CACrB,CAAE,aAAa,CAAE,CAAC;IACnB,MAAM,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IAC3D,UAAU,EAAE,OAAO,CAAC;CACpB,CACD;gBACa,KAAK,EAAE,mBAAmB;IAUvC,MAAM;IAgBN,cAAc,CACb,KAAK,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE;CAI1D;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"token-field-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/form-token-field/test/lib/token-field-wrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,cAAc,MAAM,QAAQ,CAAC;AAYpC,cAAM,iBAAkB,SAAQ,SAAS,CACxC,mBAAmB,EACnB;IACC,gBAAgB,EAAE,cAAc,CAC/B,OAAO,cAAc,CACrB,CAAE,aAAa,CAAE,CAAC;IACnB,MAAM,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IAC3D,UAAU,EAAE,OAAO,CAAC;CACpB,CACD;gBACa,KAAK,EAAE,mBAAmB;IAUvC,MAAM;IAgBN,cAAc,CACb,KAAK,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE;CAI1D;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -1,8 +1,7 @@
-import { HeadingProps } from './hook';
+import type { HeadingProps } from './types';
 /**
  * `Heading` renders headings and titles using the library's typography system.
  *
- * @example
  * ```jsx
  * import { __experimentalHeading as Heading } from "@wordpress/components";
  *

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/heading/component.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,YAAY,EAAE,MAAM,QAAQ,CAAC;AAWlD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,sEAAkD,CAAC;AAEvE,eAAe,OAAO,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/heading/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAW5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,sEAAkD,CAAC;AAEvE,eAAe,OAAO,CAAC"}

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

@@ -3,34 +3,7 @@
  * Internal dependencies
  */
 import { WordPressComponentProps } from '../ui/context';
-import type { Props as TextProps } from '../text/types';
-export declare type HeadingSize = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6';
-export interface HeadingProps extends Omit<TextProps, 'size'> {
-    /**
-     * `Heading` will typically render the sizes `1`, `2`, `3`, `4`, `5`, or `6`, which map to `h1`-`h6`.
-     *
-     * @default 2
-     *
-     * @example
-     * ```jsx
-     * import { __experimentalHeading as Heading } from `@wordpress/components`
-     *
-     * function Example() {
-     *   return (
-     *     <div>
-     *       <Heading level="1">Code is Poetry</Heading>
-     *       <Heading level="2">Code is Poetry</Heading>
-     *       <Heading level="3">Code is Poetry</Heading>
-     *       <Heading level="4">Code is Poetry</Heading>
-     *       <Heading level="5">Code is Poetry</Heading>
-     *       <Heading level="6">Code is Poetry</Heading>
-     *     </div>
-     *   );
-     * }
-     * ```
-     */
-    level: HeadingSize;
-}
+import type { HeadingProps } from './types';
 export declare function useHeading(props: WordPressComponentProps<HeadingProps, 'h1'>): {
     as: keyof JSX.IntrinsicElements;
     role?: string | (string & {}) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/heading/hook.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAKxD,oBAAY,WAAW,GACpB,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEP,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE;IAC9D;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,KAAK,EAAE,WAAW,CAAC;CACnB;AAED,wBAAgB,UAAU,CACzB,KAAK,EAAE,uBAAuB,CAAE,YAAY,EAAE,IAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpD"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/heading/hook.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,UAAU,CACzB,KAAK,EAAE,uBAAuB,CAAE,YAAY,EAAE,IAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpD"}

package/build-types/heading/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/heading/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAkBxC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,OAAO,CAEnD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/heading/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAsBxC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,OAAO,CAEnD,CAAC"}

package/build-types/heading/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/heading/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/heading/test/index.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,16 @@
+/**
+ * Internal dependencies
+ */
+import type { Props as TextProps } from '../text/types';
+export declare type HeadingSize = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6';
+export declare type HeadingProps = Omit<TextProps, 'size'> & {
+    /**
+     * Passing any of the heading levels to `level` will both render the correct
+     * typographic text size as well as the semantic element corresponding to
+     * the level (`h1` for `1` for example).
+     *
+     * @default 2
+     */
+    level?: HeadingSize;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/heading/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,oBAAY,WAAW,GACpB,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEP,oBAAY,YAAY,GAAG,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,GAAG;IACtD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC"}

package/build-types/range-control/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/range-control/utils.js"],"names":[],"mappings":"AAkBA;;;;;;;;GAQG;AACH,kCANW,MAAM,GAAC,IAAI,OACX,MAAM,OACN,MAAM,GAEL,MAAM,CAQjB;AAED;;;;;;;;;;GAUG;AACH;IAP4B,GAAG,EAApB,MAAM;IACW,GAAG,EAApB,MAAM;IACW,KAAK,EAAtB,MAAM;IACW,OAAO,EAAxB,GAAG;IAEF,eAAa,CAyBxB;AAED;;;;;;;;;;;;GAYG;AACH;IAR+B,MAAM;IACN,MAAM;IACN,WAAW;IACX,YAAY;IACZ,OAAO;IAE1B,MAAM,CAmDjB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/range-control/utils.js"],"names":[],"mappings":"AAeA;;;;;;;;GAQG;AACH,kCANW,MAAM,GAAC,IAAI,OACX,MAAM,OACN,MAAM,GAEL,MAAM,CAQjB;AAED;;;;;;;;;;GAUG;AACH;IAP4B,GAAG,EAApB,MAAM;IACW,GAAG,EAApB,MAAM;IACW,KAAK,EAAtB,MAAM;IACW,OAAO,EAAxB,GAAG;IAEF,eAAa,CAyBxB;AAED;;;;;;;;;;;;GAYG;AACH;IAR+B,MAAM;IACN,MAAM;IACN,WAAW;IACX,YAAY;IACZ,OAAO;IAE1B,MAAM,CAmDjB"}

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

@@ -4,7 +4,6 @@ import type { Props } from './types';
  *
  * `Spacer` comes with a bunch of shorthand props to adjust `margin` and `padding`. The values of these props work as a multiplier to the library's grid system (base of `4px`).
  *
- * @example
  * ```jsx
  * import { Spacer } from `@wordpress/components`
  *
@@ -22,6 +21,6 @@ import type { Props } from './types';
  * }
  * ```
  */
-declare const ConnectedSpacer: import("../ui/context").WordPressComponent<"div", Props, true>;
-export default ConnectedSpacer;
+export declare const Spacer: import("../ui/context").WordPressComponent<"div", Props, true>;
+export default Spacer;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/spacer/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAWrC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,eAAe,gEAAqC,CAAC;AAE3D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/spacer/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAWrC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM,gEAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}

package/build-types/spacer/stories/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Spacer } from '..';
+declare const meta: ComponentMeta<typeof Spacer>;
+export default meta;
+export declare const Default: ComponentStory<typeof Spacer>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/spacer/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAuB5B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,MAAM,CAgBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAkBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC"}