@wordpress/components 17.0.0 → 19.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"range-control-styles.d.ts","sourceRoot":"","sources":["../../../src/range-control/styles/range-control-styles.js"],"names":[],"mappings":"AAiBA;;;0GAUE;AAQF;;;;;0GAYE;AAEF;;;4GAIE;AAEF;;;4GAIE;AAcF;;;;;;4GAcE;AAcF;;;;;;4GAYE;AAEF;;;4GAOE;AAcF;;;;;;4GASE;AAQF;;;;;4GAWE;AAWF;;;;;4GAkBE;AAoBF;;;;;4GAYE;AAEF;;;mHAaE;AAsBF;;;;;4GAwBE;AAIF;;;;;;;;;;;;;;;;;;WAYE;AAEF;;;4GAYE"}
+{"version":3,"file":"range-control-styles.d.ts","sourceRoot":"","sources":["../../../src/range-control/styles/range-control-styles.js"],"names":[],"mappings":"AAoBA;;;0GAUE;AAQF;;;;;0GAWE;AAEF;;;4GAIE;AAEF;;;4GAIE;AAcF;;;;;;4GAcE;AAcF;;;;;;4GAYE;AAEF;;;4GAOE;AAcF;;;;;;4GASE;AAQF;;;;;4GAWE;AAWF;;;;;4GAqBE;AAoBF;;;;;4GAYE;AAEF;;;mHAaE;AAsBF;;;;;4GAwBE;AAIF;;;;;;;;;;;;;;;;;;WAYE;AAEF;;;4GAYE"}

package/build-types/range-control/tooltip.d.ts

@@ -1,8 +1,8 @@
-export default function SimpleTooltip({ className, inputRef, position: positionProp, show, style, value, renderTooltipContent, zIndex, ...restProps }: {
+export default function SimpleTooltip({ className, inputRef, tooltipPosition, show, style, value, renderTooltipContent, zIndex, ...restProps }: {
     [x: string]: any;
     className: any;
     inputRef: any;
-    position?: string | undefined;
+    tooltipPosition: any;
     show?: boolean | undefined;
     style?: {} | undefined;
     value?: number | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/range-control/tooltip.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;gBA+BC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/range-control/tooltip.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;gBA+BC"}

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

@@ -0,0 +1,29 @@
+import { Resizable } from 're-resizable';
+import type { ResizableProps } from 're-resizable';
+import type { ReactNode, Ref } from 'react';
+declare const _default: import("react").ForwardRefExoticComponent<ResizableProps & {
+    className: string;
+    children: ReactNode;
+    showHandle: boolean;
+    __experimentalShowTooltip: boolean;
+    __experimentalTooltipProps: Pick<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        'aria-hidden'?: boolean | undefined;
+        axis?: import("./resize-tooltip/utils").Axis | undefined;
+        className?: string | undefined;
+        fadeTimeout?: number | undefined;
+        isVisible?: boolean | undefined;
+        labelRef?: Ref<HTMLDivElement> | undefined;
+        onResize?: ((data: {
+            width: number | null;
+            height: number | null;
+        }) => void) | undefined;
+        position?: import("./resize-tooltip/utils").Position | undefined;
+        showPx?: boolean | undefined;
+        zIndex?: number | undefined;
+    }, "as" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex" | "theme" | "onResize" | "axis" | "fadeTimeout" | "showPx" | "isVisible" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>;
+} & import("react").RefAttributes<Resizable>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resizable-box/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAmH5C,wBAA0C"}

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

@@ -0,0 +1,22 @@
+import type { Ref } from 'react';
+import { Axis, Position } from './utils';
+declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    'aria-hidden'?: boolean | undefined;
+    axis?: Axis | undefined;
+    className?: string | undefined;
+    fadeTimeout?: number | undefined;
+    isVisible?: boolean | undefined;
+    labelRef?: Ref<HTMLDivElement> | undefined;
+    onResize?: ((data: {
+        width: number | null;
+        height: number | null;
+    }) => void) | undefined;
+    position?: Position | undefined;
+    showPx?: boolean | undefined;
+    zIndex?: number | undefined;
+}, "as" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex" | "theme" | "onResize" | "axis" | "fadeTimeout" | "showPx" | "isVisible" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>>;
+export default ForwardedComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAkB,IAAI,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;AAyDpE,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;sOAA8B,CAAC;AAEvD,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import { Position } from './utils';
+declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    label?: string | undefined;
+    position: Position;
+    zIndex: number;
+}, "label" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex"> & import("react").RefAttributes<HTMLDivElement>>;
+export default ForwardedComponent;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/label.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;AA+E9C,QAAA,MAAM,kBAAkB;;cAhEb,QAAQ;YACV,MAAM;mJA+D+B,CAAC;AAE/C,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,20 @@
+export const Root: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export const Tooltip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export const LabelText: import("@emotion/styled").StyledComponent<import("../../../text/types").Props & 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;
+}, "as" | keyof import("../../../text/types").Props> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=resize-tooltip.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize-tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js"],"names":[],"mappings":"AAWA;;;0GAQE;AAEF;;;0GAQE;AAEF;;;0GAQE;AAKF;;;;;;WAOE"}

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export declare type Axis = 'x' | 'y';
+export declare const POSITIONS: {
+    readonly bottom: "bottom";
+    readonly corner: "corner";
+};
+export declare type Position = typeof POSITIONS[keyof typeof POSITIONS];
+interface UseResizeLabelProps {
+    /** The label value. */
+    label?: string;
+    /** Element to be rendered for resize listening events. */
+    resizeListener: JSX.Element;
+}
+interface UseResizeLabelArgs {
+    axis?: Axis;
+    fadeTimeout: number;
+    onResize(data: {
+        width: number | null;
+        height: number | null;
+    }): void;
+    position: Position;
+    showPx: boolean;
+}
+/**
+ * Custom hook that manages resize listener events. It also provides a label
+ * based on current resize width x height values.
+ *
+ * @param  props
+ * @param  props.axis        Only shows the label corresponding to the axis.
+ * @param  props.fadeTimeout Duration (ms) before deactivating the resize label.
+ * @param  props.onResize    Callback when a resize occurs. Provides { width, height } callback.
+ * @param  props.position    Adjusts label value.
+ * @param  props.showPx      Whether to add `PX` to the label.
+ *
+ * @return Properties for hook.
+ */
+export declare function useResizeLabel({ axis, fadeTimeout, onResize, position, showPx, }: UseResizeLabelArgs): UseResizeLabelProps;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

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

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

@@ -0,0 +1 @@
+//# sourceMappingURL=resizable-box.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-box.styles.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/styles/resizable-box.styles.js"],"names":[],"mappings":""}

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

@@ -1,10 +1,10 @@
-export default Scrollable;
+export default ConnectedScrollable;
 /**
  * `Scrollable` is a layout component that content in a scrollable container.
  *
  * @example
  * ```jsx
- * import { __experimentalScrollable as Scrollable } from `@wordpress/components/ui`;
+ * import { __experimentalScrollable as Scrollable } from `@wordpress/components`;
  *
  * function Example() {
  * 	return (
@@ -15,5 +15,5 @@ export default Scrollable;
  * }
  * ```
  */
-declare const Scrollable: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
+declare const ConnectedScrollable: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.js"],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;;GAeG;AAEH,2GAII"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AAEH,oHAAuE"}

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

@@ -1,7 +1,7 @@
 import type { ChangeEvent, FocusEvent } from 'react';
 import type { InputBaseProps, LabelPosition } from '../input-control/types';
 import type { Size } from './types';
-export interface SelectControlProps extends Omit<InputBaseProps, 'children' | 'isFocused'> {
+export interface SelectControlProps extends Omit<InputBaseProps, 'isFocused'> {
     help?: string;
     hideLabelFromVision?: boolean;
     multiple?: boolean;
@@ -22,7 +22,7 @@ export interface SelectControlProps extends Omit<InputBaseProps, 'children' | 'i
 }
 declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<SelectControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & {
     ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
-}, "children" | "as" | keyof SelectControlProps> & {
+}, "as" | keyof SelectControlProps> & {
     as?: undefined;
 }, "form" | "slot" | "style" | "title" | "as" | "key" | "color" | "lang" | "name" | "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" | "onFocusCapture" | "onBlurCapture" | "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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "autoComplete" | "required" | keyof SelectControlProps> & import("react").RefAttributes<HTMLSelectElement>>;
 export default ForwardedComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAc1D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAUpC,MAAM,WAAW,kBAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,UAAU,GAAG,WAAW,CAAE;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B;AAiHD,QAAA,MAAM,kBAAkB;;;;2jJAA8B,CAAC;AAEvD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAc1D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAUpC,MAAM,WAAW,kBAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,WAAW,CAAE;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B;AAmHD,QAAA,MAAM,kBAAkB;;;;2jJAA8B,CAAC;AAEvD,eAAe,kBAAkB,CAAC"}

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

@@ -1,3 +1,4 @@
+import type { Props } from './types';
 /**
  * `Spacer` is a primitive layout component that providers inner (`padding`) or outer (`margin`) space in-between components. It can also be used to adaptively provide space within an `HStack` or `VStack`.
  *
@@ -21,6 +22,6 @@
  * }
  * ```
  */
-declare const Spacer: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
-export default Spacer;
+declare const ConnectedSpacer: import("../ui/context").WordPressComponent<"div", Props, true>;
+export default ConnectedSpacer;
 //# 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.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,MAAM,kFAIT,CAAC;AAEJ,eAAe,MAAM,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/spacer/component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAWrC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,eAAe,gEAAqC,CAAC;AAE3D,eAAe,eAAe,CAAC"}

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

@@ -1,3 +1,23 @@
-declare var _default: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
-export default _default;
+export default ConnectedSurface;
+/**
+ * `Surface` is a core component that renders a primary background color.
+ *
+ * In the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).
+ *
+ * ```jsx
+ * import {
+ *	__experimentalSurface as Surface,
+ *	__experimentalText as Text,
+ * } from '@wordpress/components';
+ *
+ * function Example() {
+ * 	return (
+ * 		<Surface>
+ * 			<Text>Code is Poetry</Text>
+ * 		</Surface>
+ * 	);
+ * }
+ * ```
+ */
+declare const ConnectedSurface: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/surface/component.js"],"names":[],"mappings":""}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/surface/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iHAA8D"}

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

@@ -1,4 +1,4 @@
-export default Text;
+export default ConnectedText;
 /**
  * `Text` is a core component that renders text in the library, using the
  * library's typography system.
@@ -15,5 +15,5 @@ export default Text;
  * }
  * ```
  */
-declare const Text: import("../ui/context").WordPressComponent<"span", import("./types").Props, true>;
+declare const ConnectedText: import("../ui/context").WordPressComponent<"span", import("./types").Props, true>;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.js"],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;;GAeG;AACH,sGAII"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AACH,+GAAqD"}

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

@@ -6,4 +6,4 @@ import type { ToggleGroupControlContextProps } from './types';
 declare const ToggleGroupControlContext: import("react").Context<ToggleGroupControlContextProps>;
 export declare const useToggleGroupControlContext: () => ToggleGroupControlContextProps;
 export default ToggleGroupControlContext;
-//# sourceMappingURL=toggle-group-control-context.d.ts.map
+//# sourceMappingURL=context.d.ts.map

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

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

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

@@ -1,3 +1,3 @@
-export { default as ToggleGroupControl } from './component';
-export { default as ToggleGroupControlOption } from './toggle-group-control-option';
+export { ToggleGroupControl } from './toggle-group-control';
+export { ToggleGroupControlOption } from './toggle-group-control-option';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { ToggleGroupControlProps } from '../types';
+/**
+ * `ToggleGroupControl` is a form component that lets users choose options
+ * represented in horizontal segments. To render options for this control use
+ * `ToggleGroupControlOption` component.
+ *
+ * Only use this control when you know for sure the labels of items inside won't
+ * wrap. For items with longer labels, you can consider a `SelectControl` or a
+ * `CustomSelectControl` component instead.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalToggleGroupControl as ToggleGroupControl,
+ *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+ * } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <ToggleGroupControl label="my label" value="vertical" isBlock>
+ *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
+ *       <ToggleGroupControlOption value="vertical" label="Vertical" />
+ *     </ToggleGroupControl>
+ *   );
+ * }
+ * ```
+ */
+declare const ConnectedToggleGroupControl: import("../../ui/context").WordPressComponent<"input", ToggleGroupControlProps, true>;
+export default ConnectedToggleGroupControl;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AA0FxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,2BAA2B,uFAGhC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as ToggleGroupControl } from './component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ToggleGroupControl: import("@emotion/utils").SerializedStyles;
+export declare const block: import("@emotion/utils").SerializedStyles;
+export declare const BackdropView: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, 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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,kBAAkB,2CAsB9B,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAWxB,CAAC"}

package/build-types/toggle-group-control/{toggle-group-control-backdrop.d.ts → toggle-group-control/toggle-group-control-backdrop.d.ts}

@@ -2,8 +2,8 @@
 /**
  * Internal dependencies
  */
-import type { ToggleGroupControlBackdropProps } from './types';
-declare function ToggleGroupControlBackdrop({ containerRef, containerWidth, isAdaptiveWidth, state, }: ToggleGroupControlBackdropProps): JSX.Element;
+import type { ToggleGroupControlBackdropProps } from '../types';
+declare function ToggleGroupControlBackdrop({ containerRef, containerWidth, isAdaptiveWidth, state, }: ToggleGroupControlBackdropProps): JSX.Element | null;
 declare const _default: import("react").MemoExoticComponent<typeof ToggleGroupControlBackdrop>;
 export default _default;
 //# sourceMappingURL=toggle-group-control-backdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-control-backdrop.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAGhE,iBAAS,0BAA0B,CAAE,EACpC,YAAY,EACZ,cAAc,EACd,eAAe,EACf,KAAK,GACL,EAAE,+BAA+B,sBAoDjC;;AAED,wBAAkD"}

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

@@ -0,0 +1,25 @@
+import type { ToggleGroupControlOptionProps } from '../types';
+/**
+ * `ToggleGroupControlOption` is a form component and is meant to be used as a
+ * child of `ToggleGroupControl`.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalToggleGroupControl as ToggleGroupControl,
+ *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+ * } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <ToggleGroupControl label="my label" value="vertical" isBlock>
+ *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
+ *       <ToggleGroupControlOption value="vertical" label="Vertical" />
+ *     </ToggleGroupControl>
+ *   );
+ * }
+ * ```
+ */
+declare const ConnectedToggleGroupControlOption: import("../../ui/context").WordPressComponent<"button", ToggleGroupControlOptionProps, true>;
+export default ConnectedToggleGroupControlOption;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAuD9D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,iCAAiC,8FAGtC,CAAC;AAEF,eAAe,iCAAiC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as ToggleGroupControlOption } from './component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,aAAa,CAAC"}

package/build-types/toggle-group-control/{styles.d.ts → toggle-group-control-option/styles.d.ts}

@@ -1,10 +1,4 @@
 /// <reference types="react" />
-export declare const ToggleGroupControl: import("@emotion/utils").SerializedStyles;
-export declare const block: import("@emotion/utils").SerializedStyles;
-export declare const BackdropView: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LabelView: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -16,10 +10,6 @@ export declare const ButtonContentView: import("@emotion/styled").StyledComponen
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SeparatorView: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const separatorActive: import("@emotion/utils").SerializedStyles;
 export declare const LabelPlaceholderView: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,2CA8BtB,CAAC;AAEF,eAAO,MAAM,YAAY,2CAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,2CAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,MAAM,2CAElB,CAAC"}

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

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { MutableRefObject, Ref, ReactNode, ReactText } from 'react';
+import type { MutableRefObject, ReactNode, ReactText } from 'react';
 import type { RadioStateReturn } from 'reakit';
 /**
  * Internal dependencies
@@ -9,6 +9,10 @@ import type { RadioStateReturn } from 'reakit';
 import type { FormElementProps } from '../utils/types';
 export declare type ToggleGroupControlOptionProps = {
     value: ReactText;
+    /**
+     * Label for the option. If needed, the `aria-label` prop can be used in addition
+     * to specify a different label for assistive technologies.
+     */
     label: string;
 };
 export declare type ToggleGroupControlProps = Omit<FormElementProps<any>, 'defaultValue'> & {
@@ -60,20 +64,6 @@ export declare type ToggleGroupControlContextProps = RadioStateReturn & {
      */
     isBlock?: boolean;
 };
-export declare type ToggleGroupControlButtonProps = {
-    className?: string;
-    forwardedRef?: Ref<any>;
-    /**
-     * Renders `ToggleGroupControl` is a (CSS) block element.
-     *
-     * @default false
-     */
-    isBlock?: boolean;
-    label: string;
-    showSeparator?: boolean;
-    value?: ReactText;
-    state?: any;
-};
 export declare type ToggleGroupControlBackdropProps = {
     containerRef: MutableRefObject<HTMLElement | undefined>;
     containerWidth?: number | null;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,oBAAY,6BAA6B,GAAG;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,uBAAuB,GAAG,IAAI,CACzC,gBAAgB,CAAE,GAAG,CAAE,EACvB,cAAc,CACd,GAAG;IACH;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAM,IAAI,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,oBAAY,8BAA8B,GAAG,gBAAgB,GAAG;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAE,GAAG,CAAE,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,+BAA+B,GAAG;IAC7C,YAAY,EAAE,gBAAgB,CAAE,WAAW,GAAG,SAAS,CAAE,CAAC;IAC1D,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,oBAAY,6BAA6B,GAAG;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,uBAAuB,GAAG,IAAI,CACzC,gBAAgB,CAAE,GAAG,CAAE,EACvB,cAAc,CACd,GAAG;IACH;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAM,IAAI,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,oBAAY,8BAA8B,GAAG,gBAAgB,GAAG;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,+BAA+B,GAAG;IAC7C,YAAY,EAAE,gBAAgB,CAAE,WAAW,GAAG,SAAS,CAAE,CAAC;IAC1D,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;CACZ,CAAC"}

package/build-types/tools-panel/context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { ToolsPanelContext as ToolsPanelContextType } from './types';
+export declare const ToolsPanelContext: import("react").Context<ToolsPanelContextType>;
+export declare const useToolsPanelContext: () => ToolsPanelContextType;
+//# sourceMappingURL=context.d.ts.map

package/build-types/tools-panel/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/tools-panel/context.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAI1E,eAAO,MAAM,iBAAiB,gDAS3B,CAAC;AAEJ,eAAO,MAAM,oBAAoB,6BACwB,CAAC"}

package/build-types/tools-panel/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ToolsPanel } from './tools-panel';
+export { default as ToolsPanelItem } from './tools-panel-item';
+export { ToolsPanelContext } from './context';
+//# sourceMappingURL=index.d.ts.map

package/build-types/tools-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tools-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}

package/build-types/tools-panel/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const ToolsPanel: import("@emotion/utils").SerializedStyles;
+/**
+ * Items injected into a ToolsPanel via a virtual bubbling slot will require
+ * an inner dom element to be injected. The following rule allows for the
+ * CSS grid display to be re-established.
+ */
+export declare const ToolsPanelWithInnerWrapper: (columns: number) => import("@emotion/utils").SerializedStyles;
+export declare const ToolsPanelHiddenInnerWrapper: import("@emotion/utils").SerializedStyles;
+export declare const ToolsPanelHeader: import("@emotion/utils").SerializedStyles;
+export declare const ToolsPanelHeading: import("@emotion/utils").SerializedStyles;
+export declare const ToolsPanelItem: import("@emotion/utils").SerializedStyles;
+export declare const ToolsPanelItemPlaceholder: import("@emotion/utils").SerializedStyles;
+export declare const DropdownMenu: import("@emotion/utils").SerializedStyles;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/tools-panel/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tools-panel/styles.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,UAAU,2CAMtB,CAAC;AAEF;;;;GAIG;AAEH,eAAO,MAAM,0BAA0B,YAAc,MAAM,8CAS1D,CAAC;AAEF,eAAO,MAAM,4BAA4B,2CAIxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,2CAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAS7B,CAAC;AAEF,eAAO,MAAM,cAAc,2CAoB1B,CAAC;AAEF,eAAO,MAAM,yBAAyB,2CAErC,CAAC;AAEF,eAAO,MAAM,YAAY,2CAExB,CAAC"}

package/build-types/tools-panel/tools-panel/component.d.ts

@@ -0,0 +1,4 @@
+import type { ToolsPanelProps } from '../types';
+declare const ConnectedToolsPanel: import("../../ui/context").WordPressComponent<"div", ToolsPanelProps, true>;
+export default ConnectedToolsPanel;
+//# sourceMappingURL=component.d.ts.map

package/build-types/tools-panel/tools-panel/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel/component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAgChD,QAAA,MAAM,mBAAmB,6EAA6C,CAAC;AAEvE,eAAe,mBAAmB,CAAC"}