@wordpress/components 32.0.1-next.v.0 → 32.1.0

package/src/validated-form-controls/components/combobox-control.tsx

@@ -60,3 +60,4 @@ const UnforwardedValidatedComboboxControl = (
 export const ValidatedComboboxControl = forwardRef(
 	UnforwardedValidatedComboboxControl
 );
+ValidatedComboboxControl.displayName = 'ValidatedComboboxControl';

package/src/validated-form-controls/components/custom-select-control.tsx

@@ -68,3 +68,4 @@ const UnforwardedValidatedCustomSelectControl = (
 export const ValidatedCustomSelectControl = forwardRef(
 	UnforwardedValidatedCustomSelectControl
 );
+ValidatedCustomSelectControl.displayName = 'ValidatedCustomSelectControl';

package/src/validated-form-controls/components/form-token-field.tsx

@@ -65,3 +65,4 @@ const UnforwardedValidatedFormTokenField = (
 export const ValidatedFormTokenField = forwardRef(
 	UnforwardedValidatedFormTokenField
 );
+ValidatedFormTokenField.displayName = 'ValidatedFormTokenField';

package/src/validated-form-controls/components/input-control.tsx

@@ -46,3 +46,4 @@ const UnforwardedValidatedInputControl = (
 export const ValidatedInputControl = forwardRef(
 	UnforwardedValidatedInputControl
 );
+ValidatedInputControl.displayName = 'ValidatedInputControl';

package/src/validated-form-controls/components/number-control.tsx

@@ -46,3 +46,4 @@ const UnforwardedValidatedNumberControl = (
 export const ValidatedNumberControl = forwardRef(
 	UnforwardedValidatedNumberControl
 );
+ValidatedNumberControl.displayName = 'ValidatedNumberControl';

package/src/validated-form-controls/components/radio-control.tsx

@@ -44,3 +44,4 @@ const UnforwardedValidatedRadioControl = (
 export const ValidatedRadioControl = forwardRef(
 	UnforwardedValidatedRadioControl
 );
+ValidatedRadioControl.displayName = 'ValidatedRadioControl';

package/src/validated-form-controls/components/range-control.tsx

@@ -46,3 +46,4 @@ const UnforwardedValidatedRangeControl = (
 export const ValidatedRangeControl = forwardRef(
 	UnforwardedValidatedRangeControl
 );
+ValidatedRangeControl.displayName = 'ValidatedRangeControl';

package/src/validated-form-controls/components/select-control.tsx

@@ -48,3 +48,4 @@ const UnforwardedValidatedSelectControl = (
 export const ValidatedSelectControl = forwardRef(
 	UnforwardedValidatedSelectControl
 );
+ValidatedSelectControl.displayName = 'ValidatedSelectControl';

package/src/validated-form-controls/components/stories/checkbox-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/combobox-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/custom-select-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/form-token-field.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/input-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * WordPress dependencies

package/src/validated-form-controls/components/stories/number-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/overview.story.tsx

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, waitFor, within } from 'storybook/test';
 import clsx from 'clsx';
 

package/src/validated-form-controls/components/stories/radio-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/range-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/select-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/story-utils.tsx

@@ -5,7 +5,7 @@
 /**
  * External dependencies
  */
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/text-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/textarea-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 /**
  * Internal dependencies
  */

package/src/validated-form-controls/components/stories/toggle-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/stories/toggle-group-control.story.tsx

@@ -6,7 +6,7 @@ import { useState } from '@wordpress/element';
 /**
  * External dependencies
  */
-import type { StoryObj, Meta } from '@storybook/react-webpack5';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/validated-form-controls/components/text-control.tsx

@@ -46,3 +46,4 @@ const UnforwardedValidatedTextControl = (
 export const ValidatedTextControl = forwardRef(
 	UnforwardedValidatedTextControl
 );
+ValidatedTextControl.displayName = 'ValidatedTextControl';

package/src/validated-form-controls/components/textarea-control.tsx

@@ -38,3 +38,4 @@ const UnforwardedValidatedTextareaControl = (
 export const ValidatedTextareaControl = forwardRef(
 	UnforwardedValidatedTextareaControl
 );
+ValidatedTextareaControl.displayName = 'ValidatedTextareaControl';

package/src/validated-form-controls/components/toggle-control.tsx

@@ -48,3 +48,4 @@ const UnforwardedValidatedToggleControl = (
 export const ValidatedToggleControl = forwardRef(
 	UnforwardedValidatedToggleControl
 );
+ValidatedToggleControl.displayName = 'ValidatedToggleControl';

package/src/validated-form-controls/components/toggle-group-control.tsx

@@ -66,3 +66,4 @@ const UnforwardedValidatedToggleGroupControl = (
 export const ValidatedToggleGroupControl = forwardRef(
 	UnforwardedValidatedToggleGroupControl
 );
+ValidatedToggleGroupControl.displayName = 'ValidatedToggleGroupControl';

package/src/validated-form-controls/control-with-error.tsx

@@ -271,3 +271,4 @@ function UnforwardedControlWithError< C extends React.ReactElement >(
 }
 
 export const ControlWithError = forwardRef( UnforwardedControlWithError );
+ControlWithError.displayName = 'ControlWithError';

package/src/view/stories/index.story.tsx

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { Meta, StoryFn } from '@storybook/react-webpack5';
+import type { Meta, StoryFn } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/visually-hidden/stories/index.story.tsx

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { Meta, StoryFn } from '@storybook/react-webpack5';
+import type { Meta, StoryFn } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/src/z-stack/stories/index.story.tsx

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import type { CSSProperties } from 'react';
-import type { Meta, StoryFn } from '@storybook/react-webpack5';
+import type { Meta, StoryFn } from '@storybook/react-vite';
 
 /**
  * Internal dependencies

package/build/slot-fill/bubbles-virtually/fill.cjs

@@ -1,63 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/slot-fill/bubbles-virtually/fill.tsx
-var fill_exports = {};
-__export(fill_exports, {
-  default: () => Fill
-});
-module.exports = __toCommonJS(fill_exports);
-var import_compose = require("@wordpress/compose");
-var import_element = require("@wordpress/element");
-var import_slot_fill_context = __toESM(require("./slot-fill-context.cjs"));
-var import_style_provider = __toESM(require("../../style-provider/index.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function Fill({
-  name,
-  children
-}) {
-  var _slot$fillProps;
-  const registry = (0, import_element.useContext)(import_slot_fill_context.default);
-  const slot = (0, import_compose.useObservableValue)(registry.slots, name);
-  const instanceRef = (0, import_element.useRef)({});
-  (0, import_element.useEffect)(() => {
-    const instance = instanceRef.current;
-    registry.registerFill(name, instance);
-    return () => registry.unregisterFill(name, instance);
-  }, [registry, name]);
-  if (!slot || !slot.ref.current) {
-    return null;
-  }
-  const wrappedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style_provider.default, {
-    document: slot.ref.current.ownerDocument,
-    children: typeof children === "function" ? children((_slot$fillProps = slot.fillProps) !== null && _slot$fillProps !== void 0 ? _slot$fillProps : {}) : children
-  });
-  return (0, import_element.createPortal)(wrappedChildren, slot.ref.current);
-}
-//# sourceMappingURL=fill.cjs.map

package/build/slot-fill/bubbles-virtually/fill.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/slot-fill/bubbles-virtually/fill.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useObservableValue } from '@wordpress/compose';\nimport { useContext, useRef, useEffect, createPortal } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport StyleProvider from '../../style-provider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Fill({\n  name,\n  children\n}) {\n  var _slot$fillProps;\n  const registry = useContext(SlotFillContext);\n  const slot = useObservableValue(registry.slots, name);\n  const instanceRef = useRef({});\n\n  // We register fills so we can keep track of their existence.\n  // Slots can use the `useSlotFills` hook to know if there're already fills\n  // registered so they can choose to render themselves or not.\n  useEffect(() => {\n    const instance = instanceRef.current;\n    registry.registerFill(name, instance);\n    return () => registry.unregisterFill(name, instance);\n  }, [registry, name]);\n  if (!slot || !slot.ref.current) {\n    return null;\n  }\n\n  // When using a `Fill`, the `children` will be rendered in the document of the\n  // `Slot`. This means that we need to wrap the `children` in a `StyleProvider`\n  // to make sure we're referencing the right document/iframe (instead of the\n  // context of the `Fill`'s parent).\n  const wrappedChildren = /*#__PURE__*/_jsx(StyleProvider, {\n    document: slot.ref.current.ownerDocument,\n    children: typeof children === 'function' ? children((_slot$fillProps = slot.fillProps) !== null && _slot$fillProps !== void 0 ? _slot$fillProps : {}) : children\n  });\n  return createPortal(wrappedChildren, slot.ref.current);\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAmC;AACnC,qBAA4D;AAK5D,+BAA4B;AAC5B,4BAA0B;AAC1B,yBAA4B;AACb,SAAR,KAAsB;AAAA,EAC3B;AAAA,EACA;AACF,GAAG;AACD,MAAI;AACJ,QAAM,eAAW,2BAAW,yBAAAA,OAAe;AAC3C,QAAM,WAAO,mCAAmB,SAAS,OAAO,IAAI;AACpD,QAAM,kBAAc,uBAAO,CAAC,CAAC;AAK7B,gCAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC7B,aAAS,aAAa,MAAM,QAAQ;AACpC,WAAO,MAAM,SAAS,eAAe,MAAM,QAAQ;AAAA,EACrD,GAAG,CAAC,UAAU,IAAI,CAAC;AACnB,MAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,SAAS;AAC9B,WAAO;AAAA,EACT;AAMA,QAAM,kBAA+B,uCAAAC,KAAK,sBAAAC,SAAe;AAAA,IACvD,UAAU,KAAK,IAAI,QAAQ;AAAA,IAC3B,UAAU,OAAO,aAAa,aAAa,UAAU,kBAAkB,KAAK,eAAe,QAAQ,oBAAoB,SAAS,kBAAkB,CAAC,CAAC,IAAI;AAAA,EAC1J,CAAC;AACD,aAAO,6BAAa,iBAAiB,KAAK,IAAI,OAAO;AACvD;",
-  "names": ["SlotFillContext", "_jsx", "StyleProvider"]
-}

package/build/slot-fill/bubbles-virtually/slot-fill-context.cjs

@@ -1,59 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/slot-fill/bubbles-virtually/slot-fill-context.ts
-var slot_fill_context_exports = {};
-__export(slot_fill_context_exports, {
-  default: () => slot_fill_context_default
-});
-module.exports = __toCommonJS(slot_fill_context_exports);
-var import_element = require("@wordpress/element");
-var import_warning = __toESM(require("@wordpress/warning"));
-var import_compose = require("@wordpress/compose");
-var initialContextValue = {
-  slots: (0, import_compose.observableMap)(),
-  fills: (0, import_compose.observableMap)(),
-  registerSlot: () => {
-    globalThis.SCRIPT_DEBUG === true ? (0, import_warning.default)("Components must be wrapped within `SlotFillProvider`. See https://developer.wordpress.org/block-editor/components/slot-fill/") : void 0;
-  },
-  updateSlot: () => {
-  },
-  unregisterSlot: () => {
-  },
-  registerFill: () => {
-  },
-  unregisterFill: () => {
-  },
-  // This helps the provider know if it's using the default context value or not.
-  isDefault: true
-};
-var SlotFillContext = (0, import_element.createContext)(initialContextValue);
-SlotFillContext.displayName = "SlotFillContext";
-var slot_fill_context_default = SlotFillContext;
-//# sourceMappingURL=slot-fill-context.cjs.map

package/build/slot-fill/bubbles-virtually/slot-fill-context.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/slot-fill/bubbles-virtually/slot-fill-context.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\nimport { observableMap } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nconst initialContextValue = {\n  slots: observableMap(),\n  fills: observableMap(),\n  registerSlot: () => {\n    globalThis.SCRIPT_DEBUG === true ? warning('Components must be wrapped within `SlotFillProvider`. ' + 'See https://developer.wordpress.org/block-editor/components/slot-fill/') : void 0;\n  },\n  updateSlot: () => {},\n  unregisterSlot: () => {},\n  registerFill: () => {},\n  unregisterFill: () => {},\n  // This helps the provider know if it's using the default context value or not.\n  isDefault: true\n};\nconst SlotFillContext = createContext(initialContextValue);\nSlotFillContext.displayName = 'SlotFillContext';\nexport default SlotFillContext;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAC9B,qBAAoB;AACpB,qBAA8B;AAM9B,IAAM,sBAAsB;AAAA,EAC1B,WAAO,8BAAc;AAAA,EACrB,WAAO,8BAAc;AAAA,EACrB,cAAc,MAAM;AAClB,eAAW,iBAAiB,WAAO,eAAAA,SAAQ,8HAAmI,IAAI;AAAA,EACpL;AAAA,EACA,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,gBAAgB,MAAM;AAAA,EAAC;AAAA;AAAA,EAEvB,WAAW;AACb;AACA,IAAM,sBAAkB,8BAAc,mBAAmB;AACzD,gBAAgB,cAAc;AAC9B,IAAO,4BAAQ;",
-  "names": ["warning"]
-}

package/build/slot-fill/bubbles-virtually/slot-fill-provider.cjs

@@ -1,105 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx
-var slot_fill_provider_exports = {};
-__export(slot_fill_provider_exports, {
-  default: () => SlotFillProvider
-});
-module.exports = __toCommonJS(slot_fill_provider_exports);
-var import_element = require("@wordpress/element");
-var import_is_shallow_equal = require("@wordpress/is-shallow-equal");
-var import_compose = require("@wordpress/compose");
-var import_slot_fill_context = __toESM(require("./slot-fill-context.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function createSlotRegistry() {
-  const slots = (0, import_compose.observableMap)();
-  const fills = (0, import_compose.observableMap)();
-  const registerSlot = (name, ref, fillProps) => {
-    slots.set(name, {
-      ref,
-      fillProps
-    });
-  };
-  const unregisterSlot = (name, ref) => {
-    const slot = slots.get(name);
-    if (!slot) {
-      return;
-    }
-    if (slot.ref !== ref) {
-      return;
-    }
-    slots.delete(name);
-  };
-  const updateSlot = (name, ref, fillProps) => {
-    const slot = slots.get(name);
-    if (!slot) {
-      return;
-    }
-    if (slot.ref !== ref) {
-      return;
-    }
-    if ((0, import_is_shallow_equal.isShallowEqual)(slot.fillProps, fillProps)) {
-      return;
-    }
-    slots.set(name, {
-      ref,
-      fillProps
-    });
-  };
-  const registerFill = (name, ref) => {
-    fills.set(name, [...fills.get(name) || [], ref]);
-  };
-  const unregisterFill = (name, ref) => {
-    const fillsForName = fills.get(name);
-    if (!fillsForName) {
-      return;
-    }
-    fills.set(name, fillsForName.filter((fillRef) => fillRef !== ref));
-  };
-  return {
-    slots,
-    fills,
-    registerSlot,
-    updateSlot,
-    unregisterSlot,
-    registerFill,
-    unregisterFill
-  };
-}
-function SlotFillProvider({
-  children
-}) {
-  const [registry] = (0, import_element.useState)(createSlotRegistry);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slot_fill_context.default.Provider, {
-    value: registry,
-    children
-  });
-}
-//# sourceMappingURL=slot-fill-provider.cjs.map

package/build/slot-fill/bubbles-virtually/slot-fill-provider.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport { observableMap } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction createSlotRegistry() {\n  const slots = observableMap();\n  const fills = observableMap();\n  const registerSlot = (name, ref, fillProps) => {\n    slots.set(name, {\n      ref,\n      fillProps\n    });\n  };\n  const unregisterSlot = (name, ref) => {\n    const slot = slots.get(name);\n    if (!slot) {\n      return;\n    }\n\n    // Make sure we're not unregistering a slot registered by another element\n    // See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n    if (slot.ref !== ref) {\n      return;\n    }\n    slots.delete(name);\n  };\n  const updateSlot = (name, ref, fillProps) => {\n    const slot = slots.get(name);\n    if (!slot) {\n      return;\n    }\n    if (slot.ref !== ref) {\n      return;\n    }\n    if (isShallowEqual(slot.fillProps, fillProps)) {\n      return;\n    }\n    slots.set(name, {\n      ref,\n      fillProps\n    });\n  };\n  const registerFill = (name, ref) => {\n    fills.set(name, [...(fills.get(name) || []), ref]);\n  };\n  const unregisterFill = (name, ref) => {\n    const fillsForName = fills.get(name);\n    if (!fillsForName) {\n      return;\n    }\n    fills.set(name, fillsForName.filter(fillRef => fillRef !== ref));\n  };\n  return {\n    slots,\n    fills,\n    registerSlot,\n    updateSlot,\n    unregisterSlot,\n    registerFill,\n    unregisterFill\n  };\n}\nexport default function SlotFillProvider({\n  children\n}) {\n  const [registry] = useState(createSlotRegistry);\n  return /*#__PURE__*/_jsx(SlotFillContext.Provider, {\n    value: registry,\n    children: children\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAyB;AACzB,8BAA+B;AAC/B,qBAA8B;AAK9B,+BAA4B;AAC5B,yBAA4B;AAC5B,SAAS,qBAAqB;AAC5B,QAAM,YAAQ,8BAAc;AAC5B,QAAM,YAAQ,8BAAc;AAC5B,QAAM,eAAe,CAAC,MAAM,KAAK,cAAc;AAC7C,UAAM,IAAI,MAAM;AAAA,MACd;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,iBAAiB,CAAC,MAAM,QAAQ;AACpC,UAAM,OAAO,MAAM,IAAI,IAAI;AAC3B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AAIA,QAAI,KAAK,QAAQ,KAAK;AACpB;AAAA,IACF;AACA,UAAM,OAAO,IAAI;AAAA,EACnB;AACA,QAAM,aAAa,CAAC,MAAM,KAAK,cAAc;AAC3C,UAAM,OAAO,MAAM,IAAI,IAAI;AAC3B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AACA,QAAI,KAAK,QAAQ,KAAK;AACpB;AAAA,IACF;AACA,YAAI,wCAAe,KAAK,WAAW,SAAS,GAAG;AAC7C;AAAA,IACF;AACA,UAAM,IAAI,MAAM;AAAA,MACd;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,CAAC,MAAM,QAAQ;AAClC,UAAM,IAAI,MAAM,CAAC,GAAI,MAAM,IAAI,IAAI,KAAK,CAAC,GAAI,GAAG,CAAC;AAAA,EACnD;AACA,QAAM,iBAAiB,CAAC,MAAM,QAAQ;AACpC,UAAM,eAAe,MAAM,IAAI,IAAI;AACnC,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AACA,UAAM,IAAI,MAAM,aAAa,OAAO,aAAW,YAAY,GAAG,CAAC;AAAA,EACjE;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACe,SAAR,iBAAkC;AAAA,EACvC;AACF,GAAG;AACD,QAAM,CAAC,QAAQ,QAAI,yBAAS,kBAAkB;AAC9C,SAAoB,uCAAAA,KAAK,yBAAAC,QAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;",
-  "names": ["_jsx", "SlotFillContext"]
-}

package/build-module/slot-fill/bubbles-virtually/fill.mjs

@@ -1,32 +0,0 @@
-// packages/components/src/slot-fill/bubbles-virtually/fill.tsx
-import { useObservableValue } from "@wordpress/compose";
-import { useContext, useRef, useEffect, createPortal } from "@wordpress/element";
-import SlotFillContext from "./slot-fill-context.mjs";
-import StyleProvider from "../../style-provider/index.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
-function Fill({
-  name,
-  children
-}) {
-  var _slot$fillProps;
-  const registry = useContext(SlotFillContext);
-  const slot = useObservableValue(registry.slots, name);
-  const instanceRef = useRef({});
-  useEffect(() => {
-    const instance = instanceRef.current;
-    registry.registerFill(name, instance);
-    return () => registry.unregisterFill(name, instance);
-  }, [registry, name]);
-  if (!slot || !slot.ref.current) {
-    return null;
-  }
-  const wrappedChildren = /* @__PURE__ */ _jsx(StyleProvider, {
-    document: slot.ref.current.ownerDocument,
-    children: typeof children === "function" ? children((_slot$fillProps = slot.fillProps) !== null && _slot$fillProps !== void 0 ? _slot$fillProps : {}) : children
-  });
-  return createPortal(wrappedChildren, slot.ref.current);
-}
-export {
-  Fill as default
-};
-//# sourceMappingURL=fill.mjs.map

package/build-module/slot-fill/bubbles-virtually/fill.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/slot-fill/bubbles-virtually/fill.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useObservableValue } from '@wordpress/compose';\nimport { useContext, useRef, useEffect, createPortal } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport StyleProvider from '../../style-provider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Fill({\n  name,\n  children\n}) {\n  var _slot$fillProps;\n  const registry = useContext(SlotFillContext);\n  const slot = useObservableValue(registry.slots, name);\n  const instanceRef = useRef({});\n\n  // We register fills so we can keep track of their existence.\n  // Slots can use the `useSlotFills` hook to know if there're already fills\n  // registered so they can choose to render themselves or not.\n  useEffect(() => {\n    const instance = instanceRef.current;\n    registry.registerFill(name, instance);\n    return () => registry.unregisterFill(name, instance);\n  }, [registry, name]);\n  if (!slot || !slot.ref.current) {\n    return null;\n  }\n\n  // When using a `Fill`, the `children` will be rendered in the document of the\n  // `Slot`. This means that we need to wrap the `children` in a `StyleProvider`\n  // to make sure we're referencing the right document/iframe (instead of the\n  // context of the `Fill`'s parent).\n  const wrappedChildren = /*#__PURE__*/_jsx(StyleProvider, {\n    document: slot.ref.current.ownerDocument,\n    children: typeof children === 'function' ? children((_slot$fillProps = slot.fillProps) !== null && _slot$fillProps !== void 0 ? _slot$fillProps : {}) : children\n  });\n  return createPortal(wrappedChildren, slot.ref.current);\n}"],
-  "mappings": ";AAGA,SAAS,0BAA0B;AACnC,SAAS,YAAY,QAAQ,WAAW,oBAAoB;AAK5D,OAAO,qBAAqB;AAC5B,OAAO,mBAAmB;AAC1B,SAAS,OAAO,YAAY;AACb,SAAR,KAAsB;AAAA,EAC3B;AAAA,EACA;AACF,GAAG;AACD,MAAI;AACJ,QAAM,WAAW,WAAW,eAAe;AAC3C,QAAM,OAAO,mBAAmB,SAAS,OAAO,IAAI;AACpD,QAAM,cAAc,OAAO,CAAC,CAAC;AAK7B,YAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC7B,aAAS,aAAa,MAAM,QAAQ;AACpC,WAAO,MAAM,SAAS,eAAe,MAAM,QAAQ;AAAA,EACrD,GAAG,CAAC,UAAU,IAAI,CAAC;AACnB,MAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,SAAS;AAC9B,WAAO;AAAA,EACT;AAMA,QAAM,kBAA+B,qBAAK,eAAe;AAAA,IACvD,UAAU,KAAK,IAAI,QAAQ;AAAA,IAC3B,UAAU,OAAO,aAAa,aAAa,UAAU,kBAAkB,KAAK,eAAe,QAAQ,oBAAoB,SAAS,kBAAkB,CAAC,CAAC,IAAI;AAAA,EAC1J,CAAC;AACD,SAAO,aAAa,iBAAiB,KAAK,IAAI,OAAO;AACvD;",
-  "names": []
-}

package/build-module/slot-fill/bubbles-virtually/slot-fill-context.mjs

@@ -1,28 +0,0 @@
-// packages/components/src/slot-fill/bubbles-virtually/slot-fill-context.ts
-import { createContext } from "@wordpress/element";
-import warning from "@wordpress/warning";
-import { observableMap } from "@wordpress/compose";
-var initialContextValue = {
-  slots: observableMap(),
-  fills: observableMap(),
-  registerSlot: () => {
-    globalThis.SCRIPT_DEBUG === true ? warning("Components must be wrapped within `SlotFillProvider`. See https://developer.wordpress.org/block-editor/components/slot-fill/") : void 0;
-  },
-  updateSlot: () => {
-  },
-  unregisterSlot: () => {
-  },
-  registerFill: () => {
-  },
-  unregisterFill: () => {
-  },
-  // This helps the provider know if it's using the default context value or not.
-  isDefault: true
-};
-var SlotFillContext = createContext(initialContextValue);
-SlotFillContext.displayName = "SlotFillContext";
-var slot_fill_context_default = SlotFillContext;
-export {
-  slot_fill_context_default as default
-};
-//# sourceMappingURL=slot-fill-context.mjs.map

package/build-module/slot-fill/bubbles-virtually/slot-fill-context.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/slot-fill/bubbles-virtually/slot-fill-context.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\nimport { observableMap } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nconst initialContextValue = {\n  slots: observableMap(),\n  fills: observableMap(),\n  registerSlot: () => {\n    globalThis.SCRIPT_DEBUG === true ? warning('Components must be wrapped within `SlotFillProvider`. ' + 'See https://developer.wordpress.org/block-editor/components/slot-fill/') : void 0;\n  },\n  updateSlot: () => {},\n  unregisterSlot: () => {},\n  registerFill: () => {},\n  unregisterFill: () => {},\n  // This helps the provider know if it's using the default context value or not.\n  isDefault: true\n};\nconst SlotFillContext = createContext(initialContextValue);\nSlotFillContext.displayName = 'SlotFillContext';\nexport default SlotFillContext;"],
-  "mappings": ";AAGA,SAAS,qBAAqB;AAC9B,OAAO,aAAa;AACpB,SAAS,qBAAqB;AAM9B,IAAM,sBAAsB;AAAA,EAC1B,OAAO,cAAc;AAAA,EACrB,OAAO,cAAc;AAAA,EACrB,cAAc,MAAM;AAClB,eAAW,iBAAiB,OAAO,QAAQ,8HAAmI,IAAI;AAAA,EACpL;AAAA,EACA,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,gBAAgB,MAAM;AAAA,EAAC;AAAA;AAAA,EAEvB,WAAW;AACb;AACA,IAAM,kBAAkB,cAAc,mBAAmB;AACzD,gBAAgB,cAAc;AAC9B,IAAO,4BAAQ;",
-  "names": []
-}