@wordpress/components 25.8.3 → 25.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/range-control/tooltip.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,aAAa,CACpC,KAAK,EAAE,uBAAuB,CAAE,YAAY,EAAE,MAAM,CAAE,eAiCtD"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/range-control/tooltip.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,aAAa,CACpC,KAAK,EAAE,uBAAuB,CAAE,YAAY,EAAE,MAAM,CAAE,eAiCtD"}

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

@@ -14,6 +14,6 @@ import type { SandBoxProps } from './types';
  * );
  * ```
  */
-declare function SandBox({ html, title, type, styles, scripts, onFocus, }: SandBoxProps): JSX.Element;
+declare function SandBox({ html, title, type, styles, scripts, onFocus, tabIndex, }: SandBoxProps): JSX.Element;
 export default SandBox;
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -32,5 +32,11 @@ export type SandBoxProps = {
      * The `onFocus` callback for the iframe.
      */
     onFocus?: React.DOMAttributes<HTMLIFrameElement>['onFocus'];
+    /**
+     * The `tabindex` the iframe should receive.
+     *
+     * @default 0
+     */
+    tabIndex?: HTMLElement['tabIndex'];
 };
 //# sourceMappingURL=types.d.ts.map

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

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

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

@@ -15,6 +15,6 @@ import type { ScrollableProps } from './types';
  * }
  * ```
  */
-export declare const Scrollable: import("../ui/context").WordPressComponent<"div", ScrollableProps & import("react").RefAttributes<any>, true>;
+export declare const Scrollable: import("../context").WordPressComponent<"div", ScrollableProps & import("react").RefAttributes<any>, true>;
 export default Scrollable;
 //# 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.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,+GAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,4GAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}

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

@@ -2,7 +2,7 @@
 /**
  * Internal dependencies
  */
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type { ScrollableProps } from './types';
 export declare function useScrollable(props: WordPressComponentProps<ScrollableProps, 'div'>): {
     className: string;

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

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

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

@@ -26,6 +26,6 @@ export declare const SearchControl: import("react").ForwardRefExoticComponent<Pi
     value?: string | undefined;
     size?: "default" | "compact" | undefined;
     __next40pxDefaultSize?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "label" | "onClose" | "help" | "onChange" | "size" | "as" | "placeholder" | "value" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "__next40pxDefaultSize"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "label" | "onClose" | "help" | "onChange" | "size" | "as" | "placeholder" | "value" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & import("react").RefAttributes<HTMLInputElement>>;
 export default SearchControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -17,7 +17,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     value?: string | undefined;
     size?: "default" | "compact" | undefined;
     __next40pxDefaultSize?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "label" | "onClose" | "help" | "onChange" | "size" | "as" | "placeholder" | "value" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "__next40pxDefaultSize"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "label" | "onClose" | "help" | "onChange" | "size" | "as" | "placeholder" | "value" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * When an `onClose` callback is provided, the search control will render a close button
  * that will trigger the given callback.
@@ -33,5 +33,5 @@ export declare const WithOnClose: import("@storybook/types").AnnotatedStoryFn<im
     value?: string | undefined;
     size?: "default" | "compact" | undefined;
     __next40pxDefaultSize?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "label" | "onClose" | "help" | "onChange" | "size" | "as" | "placeholder" | "value" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "__next40pxDefaultSize"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "label" | "onClose" | "help" | "onChange" | "size" | "as" | "placeholder" | "value" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type { SelectControlProps } from './types';
 /**
  * `SelectControl` allows users to select from a single or multiple option menu.

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":";AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAmIlD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,4JAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAwIlD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,4JAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

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

@@ -9,8 +9,8 @@ import type { Meta, StoryFn } from '@storybook/react';
 import SelectControl from '../';
 declare const meta: Meta<typeof SelectControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
-export declare const WithLabelAndHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const WithLabelAndHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
 /**
  * As an alternative to the `options` prop, `optgroup`s and `options` can be
  * passed in as `children` for more customizeability.

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SelectControlProps } from '../types';
-interface SelectProps extends Pick<SelectControlProps, '__next36pxDefaultSize' | 'disabled' | 'multiple'> {
+interface SelectProps extends Pick<SelectControlProps, '__next40pxDefaultSize' | 'disabled' | 'multiple'> {
     selectSize?: SelectControlProps['size'];
 }
 export declare const chevronIconSize = 18;

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

@@ -7,7 +7,7 @@ import type { ChangeEvent, FocusEvent, ReactNode } from 'react';
  */
 import type { InputBaseProps } from '../input-control/types';
 import type { BaseControlProps } from '../base-control/types';
-type SelectControlBaseProps = Pick<InputBaseProps, '__next36pxDefaultSize' | 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'> & Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> & {
+type SelectControlBaseProps = Pick<InputBaseProps, '__next36pxDefaultSize' | '__next40pxDefaultSize' | 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'> & Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> & {
     onBlur?: (event: FocusEvent<HTMLSelectElement>) => void;
     onFocus?: (event: FocusEvent<HTMLSelectElement>) => void;
     options?: {

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

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

package/build-types/slot-fill/bubbles-virtually/fill.d.ts

@@ -1,5 +1,4 @@
-export default function Fill({ name, children }: {
-    name: any;
-    children: any;
-}): import("react").ReactPortal | null;
+/// <reference types="react" />
+import type { FillComponentProps } from '../types';
+export default function Fill(props: FillComponentProps): import("react").ReactPortal | null;
 //# sourceMappingURL=fill.d.ts.map

package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"AA8BA;;;uCAkCC"}
+{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAoBnD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,KAAK,EAAE,kBAAkB,sCAiCtD"}

package/build-types/slot-fill/bubbles-virtually/slot-fill-context.d.ts

@@ -1,12 +1,8 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { SlotFillBubblesVirtuallyContext } from '../types';
+declare const SlotFillContext: import("react").Context<SlotFillBubblesVirtuallyContext>;
 export default SlotFillContext;
-declare const SlotFillContext: import("react").Context<{
-    slots: Map<any, any>;
-    fills: Map<any, any>;
-    registerSlot: () => void;
-    updateSlot: () => void;
-    unregisterSlot: () => void;
-    registerFill: () => void;
-    unregisterFill: () => void;
-    isDefault: boolean;
-}>;
 //# sourceMappingURL=slot-fill-context.d.ts.map

package/build-types/slot-fill/bubbles-virtually/slot-fill-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-fill-context.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-context.js"],"names":[],"mappings":";AAWA;;;;;;;;;GAgBI"}
+{"version":3,"file":"slot-fill-context.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-context.ts"],"names":[],"mappings":";AASA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAoBhE,QAAA,MAAM,eAAe,0DAAuC,CAAC;AAE7D,eAAe,eAAe,CAAC"}

package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts

@@ -1,4 +1,4 @@
-export default function SlotFillProvider({ children }: {
-    children: any;
-}): JSX.Element;
+/// <reference types="react" />
+import type { SlotFillProviderProps } from '../types';
+export default function SlotFillProvider({ children, }: SlotFillProviderProps): JSX.Element;
 //# sourceMappingURL=slot-fill-provider.d.ts.map

package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":[],"mappings":"AAuFA;;gBAOC"}
+{"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EACX,qBAAqB,EAErB,MAAM,UAAU,CAAC;AAsFlB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,QAAQ,GACR,EAAE,qBAAqB,eAOvB"}

package/build-types/slot-fill/bubbles-virtually/slot.d.ts

@@ -1,3 +1,10 @@
-declare const _default: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import type { SlotComponentProps } from '../types';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<SlotComponentProps, "bubblesVirtually"> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "className" | "children" | "as" | keyof {
+    name: import("../types").SlotKey;
+    fillProps?: import("../types").FillProps | undefined;
+}> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & import("react").RefAttributes<any>>;
 export default _default;
 //# sourceMappingURL=slot.d.ts.map

package/build-types/slot-fill/bubbles-virtually/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot.js"],"names":[],"mappings":""}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;;;;;;;AAkDnD,wBAAkC"}

package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts

@@ -1,2 +1,3 @@
-export default function useSlotFills(name: any): any;
+import type { SlotKey } from '../types';
+export default function useSlotFills(name: SlotKey): import("../types").SlotFillBubblesVirtuallyFillRef[] | undefined;
 //# sourceMappingURL=use-slot-fills.d.ts.map

package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slot-fills.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot-fills.js"],"names":[],"mappings":"AAgBA,qDAOC"}
+{"version":3,"file":"use-slot-fills.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot-fills.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,IAAI,EAAE,OAAO,oEAOlD"}

package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts

@@ -1,2 +1,10 @@
-export default function useSlot(name: any): any;
+import type { SlotFillBubblesVirtuallyFillRef, SlotFillBubblesVirtuallySlotRef, FillProps, SlotKey } from '../types';
+export default function useSlot(name: SlotKey): {
+    updateSlot: (fillProps: FillProps) => void;
+    unregisterSlot: (ref: SlotFillBubblesVirtuallySlotRef) => void;
+    registerFill: (ref: SlotFillBubblesVirtuallyFillRef) => void;
+    unregisterFill: (ref: SlotFillBubblesVirtuallyFillRef) => void;
+    ref?: SlotFillBubblesVirtuallySlotRef | undefined;
+    fillProps?: FillProps | undefined;
+};
 //# sourceMappingURL=use-slot.d.ts.map

package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot.js"],"names":[],"mappings":"AAgBA,gDAsBC"}
+{"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,+BAA+B,EAC/B,+BAA+B,EAC/B,SAAS,EACT,OAAO,EACP,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAE,IAAI,EAAE,OAAO;4BAUlB,SAAS;;;;;;EAgBpC"}

package/build-types/slot-fill/context.d.ts

@@ -1,11 +1,8 @@
-export const SlotFillContext: import("react").Context<{
-    registerSlot: () => void;
-    unregisterSlot: () => void;
-    registerFill: () => void;
-    unregisterFill: () => void;
-    getSlot: () => void;
-    getFills: () => void;
-    subscribe: () => void;
-}>;
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { BaseSlotFillContext } from './types';
+export declare const SlotFillContext: import("react").Context<BaseSlotFillContext>;
 export default SlotFillContext;
 //# sourceMappingURL=context.d.ts.map

package/build-types/slot-fill/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/slot-fill/context.js"],"names":[],"mappings":"AAMA;;;;;;;;GAQI"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/slot-fill/context.ts"],"names":[],"mappings":";AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAWnD,eAAO,MAAM,eAAe,8CAAgC,CAAC;AAE7D,eAAe,eAAe,CAAC"}

package/build-types/slot-fill/fill.d.ts

@@ -1,5 +1,3 @@
-export default function Fill({ name, children }: {
-    name: any;
-    children: any;
-}): null;
+import type { FillComponentProps } from './types';
+export default function Fill({ name, children }: FillComponentProps): null;
 //# sourceMappingURL=fill.d.ts.map

package/build-types/slot-fill/fill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/fill.js"],"names":[],"mappings":"AAaA;;;SA0CC"}
+{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/fill.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,QA0CnE"}

package/build-types/slot-fill/index.d.ts

@@ -1,31 +1,35 @@
-export function Fill(props: any): JSX.Element;
-export function Provider({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): any;
-export function createSlotFill(key: any): {
+/**
+ * External dependencies
+ */
+import type { ForwardedRef } from 'react';
+import type { WordPressComponentProps } from '../context';
+export { default as useSlot } from './bubbles-virtually/use-slot';
+export { default as useSlotFills } from './bubbles-virtually/use-slot-fills';
+import type { DistributiveOmit, FillComponentProps, SlotComponentProps, SlotFillProviderProps, SlotKey } from './types';
+export declare function Fill(props: FillComponentProps): JSX.Element;
+export declare function UnforwardedSlot(props: SlotComponentProps & Omit<WordPressComponentProps<{}, 'div'>, 'className'>, ref: ForwardedRef<any>): JSX.Element;
+export declare const Slot: import("react").ForwardRefExoticComponent<(SlotComponentProps & Omit<WordPressComponentProps<{}, "div">, "className">) & import("react").RefAttributes<any>>;
+export declare function Provider({ children }: SlotFillProviderProps): JSX.Element;
+export declare function createSlotFill(key: SlotKey): {
     Fill: {
-        (props: any): JSX.Element;
+        (props: Omit<FillComponentProps, 'name'>): JSX.Element;
         displayName: string;
     };
     Slot: {
-        (props: any): JSX.Element;
+        (props: DistributiveOmit<SlotComponentProps, 'name'>): JSX.Element;
         displayName: string;
-        __unstableName: any;
+        __unstableName: SlotKey;
     };
 };
-export { default as useSlot } from "./bubbles-virtually/use-slot";
-export { default as useSlotFills } from "./bubbles-virtually/use-slot-fills";
-export const Slot: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
-export function createPrivateSlotFill(name: any): {
+export declare const createPrivateSlotFill: (name: string) => {
     Fill: {
-        (props: any): JSX.Element;
+        (props: Omit<FillComponentProps, 'name'>): JSX.Element;
         displayName: string;
     };
     Slot: {
-        (props: any): JSX.Element;
+        (props: DistributiveOmit<SlotComponentProps, 'name'>): JSX.Element;
         displayName: string;
-        __unstableName: any;
+        __unstableName: SlotKey;
     };
     privateKey: symbol;
 };

package/build-types/slot-fill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slot-fill/index.js"],"names":[],"mappings":"AAmBA,8CAUC;AAQD;;;QAYC;AAED;;;;;;;;;;EAaC;;;AAlCD,iGAKI;AA+BG;;;;;;;;;;;EAKN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slot-fill/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAiB1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,KAAK,EACX,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,OAAO,EACP,MAAM,SAAS,CAAC;AAEjB,wBAAgB,IAAI,CAAE,KAAK,EAAE,kBAAkB,eAU9C;AAED,wBAAgB,eAAe,CAC9B,KAAK,EAAE,kBAAkB,GACxB,IAAI,CAAE,uBAAuB,CAAE,EAAE,EAAE,KAAK,CAAE,EAAE,WAAW,CAAE,EAC1D,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAOxB;AACD,eAAO,MAAM,IAAI,8JAAgC,CAAC;AAElD,wBAAgB,QAAQ,CAAE,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAY5D;AAED,wBAAgB,cAAc,CAAE,GAAG,EAAE,OAAO;;gBAEZ,KAAM,kBAAkB,EAAE,MAAM,CAAE;;;;gBAMzD,iBAAkB,kBAAkB,EAAE,MAAM,CAAE;;;;EAStD;AAED,eAAO,MAAM,qBAAqB,SAAW,MAAM;;gBAjBnB,KAAM,kBAAkB,EAAE,MAAM,CAAE;;;;gBAMzD,iBAAkB,kBAAkB,EAAE,MAAM,CAAE;;;;;CAgBtD,CAAC"}

package/build-types/slot-fill/provider.d.ts

@@ -1,27 +1,5 @@
-export default class SlotFillProvider extends Component<any, any, any> {
-    constructor(...args: any[]);
-    registerSlot(name: any, slot: any): void;
-    registerFill(name: any, instance: any): void;
-    unregisterSlot(name: any, instance: any): void;
-    unregisterFill(name: any, instance: any): void;
-    getSlot(name: any): any;
-    getFills(name: any, slotInstance: any): any;
-    subscribe(listener: any): () => void;
-    slots: {};
-    fills: {};
-    listeners: any[];
-    contextValue: {
-        registerSlot: (name: any, slot: any) => void;
-        unregisterSlot: (name: any, instance: any) => void;
-        registerFill: (name: any, instance: any) => void;
-        unregisterFill: (name: any, instance: any) => void;
-        getSlot: (name: any) => any;
-        getFills: (name: any, slotInstance: any) => any;
-        subscribe: (listener: any) => () => void;
-    };
-    forceUpdateSlot(name: any): void;
-    triggerListeners(): void;
-    render(): JSX.Element;
-}
-import { Component } from '@wordpress/element';
+/// <reference types="react" />
+import type { SlotFillProviderProps } from './types';
+export declare function SlotFillProvider({ children }: SlotFillProviderProps): JSX.Element;
+export default SlotFillProvider;
 //# sourceMappingURL=provider.d.ts.map

package/build-types/slot-fill/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/slot-fill/provider.js"],"names":[],"mappings":"AAWA;IACC,4BAuBC;IAED,yCAgBC;IAED,6CAGC;IAED,+CAUC;IAED,+CAIC;IAED,wBAEC;IAED,4CAOC;IAcD,qCAMC;IAtFA,UAAe;IACf,UAAe;IACf,iBAAmB;IACnB;;;;;;;;MAQC;IAyDF,iCAMC;IAED,yBAEC;IAUD,sBAMC;CACD;0BAlHyB,oBAAoB"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/slot-fill/provider.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAIX,qBAAqB,EAErB,MAAM,SAAS,CAAC;AAuGjB,wBAAgB,gBAAgB,CAAE,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAOpE;AAED,eAAe,gBAAgB,CAAC"}

package/build-types/slot-fill/slot.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import type { SlotComponentProps } from './types';
+declare const Slot: (props: Omit<SlotComponentProps, 'bubblesVirtually'>) => JSX.Element;
 export default Slot;
-declare function Slot(props: any): JSX.Element;
 //# sourceMappingURL=slot.d.ts.map

package/build-types/slot-fill/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/slot.js"],"names":[],"mappings":";AA0FA,+CAWC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/slot.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAA0B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqF1E,QAAA,MAAM,IAAI,UAAY,KAAM,kBAAkB,EAAE,kBAAkB,CAAE,gBAWnE,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build-types/slot-fill/stories/index.story.d.ts

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import type { Meta, StoryFn } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Slot } from '../';
+declare const meta: Meta<typeof Slot>;
+export default meta;
+export declare const Default: StoryFn<typeof Slot>;
+export declare const WithFillProps: StoryFn<typeof Slot>;
+export declare const WithSlotChildren: StoryFn<typeof Slot>;
+export declare const WithContext: StoryFn<typeof Slot>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAsC,MAAM,KAAK,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAc5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,IAAI,CAczC,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,IAAI,CAoB/C,CAAC;AAKF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAE,OAAO,IAAI,CA8BlD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,IAAI,CAuB7C,CAAC"}

package/build-types/slot-fill/types.d.ts

@@ -0,0 +1,104 @@
+/**
+ * External dependencies
+ */
+import type { Component, MutableRefObject, ReactNode, RefObject } from 'react';
+export type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
+export type SlotKey = string | symbol;
+export type FillProps = Record<string, any>;
+type SlotPropBase = {
+    /**
+     * Slot name.
+     */
+    name: SlotKey;
+    /**
+     * props to pass from `Slot` to `Fill`.
+     *
+     * @default {}
+     */
+    fillProps?: FillProps;
+};
+export type SlotComponentProps = (SlotPropBase & {
+    /**
+     * By default, events will bubble to their parents on the DOM hierarchy (native event bubbling).
+     * If set to true, events will bubble to their virtual parent in the React elements hierarchy instead,
+     * also accept an optional `className`, `id`, etc.  to add to the slot container.
+     */
+    bubblesVirtually: true;
+    /**
+     * A function that returns nodes to be rendered.
+     * Not supported when `bubblesVirtually` is true.
+     */
+    children?: never;
+    /**
+     * className.
+     * Not supported when `bubblesVirtually` is true.
+     */
+    className?: string;
+}) | (SlotPropBase & {
+    /**
+     * By default, events will bubble to their parents on the DOM hierarchy (native event bubbling).
+     * If set to true, events will bubble to their virtual parent in the React elements hierarchy instead,
+     * also accept an optional `className`, `id`, etc.  to add to the slot container.
+     */
+    bubblesVirtually?: false;
+    /**
+     * A function that returns nodes to be rendered.
+     * Not supported when `bubblesVirtually` is true.
+     */
+    children?: (fills: ReactNode) => ReactNode;
+    /**
+     * className.
+     * Not supported when `bubblesVirtually` is false.
+     */
+    className?: never;
+});
+export type FillComponentProps = {
+    /**
+     * The name of the slot to fill into.
+     */
+    name: SlotKey;
+    /**
+     * Children elements or render function.
+     */
+    children?: ReactNode | ((fillProps: FillProps) => ReactNode);
+};
+export type SlotFillProviderProps = {
+    /**
+     * The children elements.
+     */
+    children: ReactNode;
+};
+export type SlotFillBubblesVirtuallySlotRef = RefObject<HTMLElement>;
+export type SlotFillBubblesVirtuallyFillRef = MutableRefObject<{
+    rerender: () => void;
+}>;
+export type SlotFillBubblesVirtuallyContext = {
+    slots: Map<SlotKey, {
+        ref: SlotFillBubblesVirtuallySlotRef;
+        fillProps: FillProps;
+    }>;
+    fills: Map<SlotKey, SlotFillBubblesVirtuallyFillRef[]>;
+    registerSlot: (name: SlotKey, ref: SlotFillBubblesVirtuallySlotRef, fillProps: FillProps) => void;
+    unregisterSlot: (name: SlotKey, ref: SlotFillBubblesVirtuallySlotRef) => void;
+    updateSlot: (name: SlotKey, fillProps: FillProps) => void;
+    registerFill: (name: SlotKey, ref: SlotFillBubblesVirtuallyFillRef) => void;
+    unregisterFill: (name: SlotKey, ref: SlotFillBubblesVirtuallyFillRef) => void;
+    /**
+     * This helps the provider know if it's using the default context value or not.
+     */
+    isDefault?: boolean;
+};
+export type BaseSlotFillContext = {
+    registerSlot: (name: SlotKey, slot: Component<BaseSlotComponentProps>) => void;
+    unregisterSlot: (name: SlotKey, slot: Component<BaseSlotComponentProps>) => void;
+    registerFill: (name: SlotKey, instance: FillComponentProps) => void;
+    unregisterFill: (name: SlotKey, instance: FillComponentProps) => void;
+    getSlot: (name: SlotKey) => Component<BaseSlotComponentProps> | undefined;
+    getFills: (name: SlotKey, slotInstance: Component<BaseSlotComponentProps>) => FillComponentProps[];
+    subscribe: (listener: () => void) => () => void;
+};
+export type BaseSlotComponentProps = Pick<BaseSlotFillContext, 'registerSlot' | 'unregisterSlot' | 'getFills'> & Omit<SlotComponentProps, 'bubblesVirtually'> & {
+    children?: (fills: ReactNode) => ReactNode;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/slot-fill/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/slot-fill/types.ts"],"names":[],"mappings":"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"}

package/build-types/slot-fill/use-slot.d.ts

@@ -1,9 +1,11 @@
-export default useSlot;
+/// <reference types="react" />
+import type { SlotKey } from './types';
 /**
  * React hook returning the active slot given a name.
  *
- * @param {string} name Slot name.
- * @return {Object} Slot object.
+ * @param name Slot name.
+ * @return Slot object.
  */
-declare function useSlot(name: string): Object;
+declare const useSlot: (name: SlotKey) => import("react").Component<import("./types").BaseSlotComponentProps, {}, any> | undefined;
+export default useSlot;
 //# sourceMappingURL=use-slot.d.ts.map

package/build-types/slot-fill/use-slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.js"],"names":[],"mappings":";AAWA;;;;;GAKG;AACH,+BAHW,MAAM,GACL,MAAM,CASjB"}
+{"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.ts"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;GAKG;AACH,QAAA,MAAM,OAAO,SAAW,OAAO,6FAO9B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build-types/snackbar/list.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SnackbarListProps } from './types';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 /**
  * Renders a list of notices.
  *

package/build-types/snackbar/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AA8B7D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAwCrD;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AA8B1D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAwCrD;AAED,eAAe,YAAY,CAAC"}

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

@@ -24,6 +24,6 @@ import type { SpacerProps } from './types';
  * }
  * ```
  */
-export declare const Spacer: import("../ui/context").WordPressComponent<"div", SpacerProps & import("react").RefAttributes<any>, true>;
+export declare const Spacer: import("../context").WordPressComponent<"div", SpacerProps & import("react").RefAttributes<any>, true>;
 export default Spacer;
 //# sourceMappingURL=component.d.ts.map