@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/slot-fill/index.js

@@ -1,86 +1,68 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import BaseFill from './fill';
-import BaseSlot from './slot';
-import BubblesVirtuallyFill from './bubbles-virtually/fill';
-import BubblesVirtuallySlot from './bubbles-virtually/slot';
-import BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';
-import SlotFillProvider from './provider';
-import SlotFillContext from './bubbles-virtually/slot-fill-context';
+import { forwardRef, useContext } from "@wordpress/element";
+import BaseFill from "./fill";
+import BaseSlot from "./slot";
+import BubblesVirtuallyFill from "./bubbles-virtually/fill";
+import BubblesVirtuallySlot from "./bubbles-virtually/slot";
+import BubblesVirtuallySlotFillProvider from "./bubbles-virtually/slot-fill-provider";
+import SlotFillProvider from "./provider";
+import SlotFillContext from "./bubbles-virtually/slot-fill-context";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export { default as useSlot } from './bubbles-virtually/use-slot';
-export { default as useSlotFills } from './bubbles-virtually/use-slot-fills';
-export function Fill(props) {
-  // We're adding both Fills here so they can register themselves before
-  // their respective slot has been registered. Only the Fill that has a slot
-  // will render. The other one will return null.
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(BaseFill, {
+import { default as default2 } from "./bubbles-virtually/use-slot";
+import { default as default3 } from "./bubbles-virtually/use-slot-fills";
+function Fill(props) {
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx(BaseFill, {
       ...props
-    }), /*#__PURE__*/_jsx(BubblesVirtuallyFill, {
+    }), /* @__PURE__ */ _jsx(BubblesVirtuallyFill, {
       ...props
     })]
   });
 }
-export function UnforwardedSlot(props, ref) {
+function UnforwardedSlot(props, ref) {
   const {
     bubblesVirtually,
     ...restProps
   } = props;
   if (bubblesVirtually) {
-    return /*#__PURE__*/_jsx(BubblesVirtuallySlot, {
+    return /* @__PURE__ */ _jsx(BubblesVirtuallySlot, {
       ...restProps,
-      ref: ref
+      ref
     });
   }
-  return /*#__PURE__*/_jsx(BaseSlot, {
+  return /* @__PURE__ */ _jsx(BaseSlot, {
     ...restProps
   });
 }
-export const Slot = forwardRef(UnforwardedSlot);
-export function Provider({
+const Slot = forwardRef(UnforwardedSlot);
+function Provider({
   children,
   passthrough = false
 }) {
   const parent = useContext(SlotFillContext);
   if (!parent.isDefault && passthrough) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
+    return /* @__PURE__ */ _jsx(_Fragment, {
+      children
     });
   }
-  return /*#__PURE__*/_jsx(SlotFillProvider, {
-    children: /*#__PURE__*/_jsx(BubblesVirtuallySlotFillProvider, {
-      children: children
+  return /* @__PURE__ */ _jsx(SlotFillProvider, {
+    children: /* @__PURE__ */ _jsx(BubblesVirtuallySlotFillProvider, {
+      children
     })
   });
 }
-Provider.displayName = 'SlotFillProvider';
-export function createSlotFill(key) {
-  const baseName = typeof key === 'symbol' ? key.description : key;
-  const FillComponent = props => /*#__PURE__*/_jsx(Fill, {
+Provider.displayName = "SlotFillProvider";
+function createSlotFill(key) {
+  const baseName = typeof key === "symbol" ? key.description : key;
+  const FillComponent = (props) => /* @__PURE__ */ _jsx(Fill, {
     name: key,
     ...props
   });
   FillComponent.displayName = `${baseName}Fill`;
-  const SlotComponent = props => /*#__PURE__*/_jsx(Slot, {
+  const SlotComponent = (props) => /* @__PURE__ */ _jsx(Slot, {
     name: key,
     ...props
   });
   SlotComponent.displayName = `${baseName}Slot`;
-  /**
-   * @deprecated 6.8.0
-   * Please use `slotFill.name` instead of `slotFill.Slot.__unstableName`.
-   */
   SlotComponent.__unstableName = key;
   return {
     name: key,
@@ -88,4 +70,13 @@ export function createSlotFill(key) {
     Slot: SlotComponent
   };
 }
-//# sourceMappingURL=index.js.map
+export {
+  Fill,
+  Provider,
+  Slot,
+  UnforwardedSlot,
+  createSlotFill,
+  default2 as useSlot,
+  default3 as useSlotFills
+};
+//# sourceMappingURL=index.js.map

package/build-module/slot-fill/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","useContext","BaseFill","BaseSlot","BubblesVirtuallyFill","BubblesVirtuallySlot","BubblesVirtuallySlotFillProvider","SlotFillProvider","SlotFillContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","default","useSlot","useSlotFills","Fill","props","children","UnforwardedSlot","ref","bubblesVirtually","restProps","Slot","Provider","passthrough","parent","isDefault","displayName","createSlotFill","key","baseName","description","FillComponent","name","SlotComponent","__unstableName"],"sources":["@wordpress/components/src/slot-fill/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseFill from './fill';\nimport BaseSlot from './slot';\nimport BubblesVirtuallyFill from './bubbles-virtually/fill';\nimport BubblesVirtuallySlot from './bubbles-virtually/slot';\nimport BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';\nimport SlotFillProvider from './provider';\nimport SlotFillContext from './bubbles-virtually/slot-fill-context';\nimport type { WordPressComponentProps } from '../context';\n\nexport { default as useSlot } from './bubbles-virtually/use-slot';\nexport { default as useSlotFills } from './bubbles-virtually/use-slot-fills';\nimport type {\n\tDistributiveOmit,\n\tFillComponentProps,\n\tSlotComponentProps,\n\tSlotFillProviderProps,\n\tSlotKey,\n} from './types';\n\nexport function Fill( props: FillComponentProps ) {\n\t// We're adding both Fills here so they can register themselves before\n\t// their respective slot has been registered. Only the Fill that has a slot\n\t// will render. The other one will return null.\n\treturn (\n\t\t<>\n\t\t\t<BaseFill { ...props } />\n\t\t\t<BubblesVirtuallyFill { ...props } />\n\t\t</>\n\t);\n}\n\nexport function UnforwardedSlot(\n\tprops: SlotComponentProps &\n\t\tOmit< WordPressComponentProps< {}, 'div' >, 'className' >,\n\tref: ForwardedRef< any >\n) {\n\tconst { bubblesVirtually, ...restProps } = props;\n\tif ( bubblesVirtually ) {\n\t\treturn <BubblesVirtuallySlot { ...restProps } ref={ ref } />;\n\t}\n\treturn <BaseSlot { ...restProps } />;\n}\nexport const Slot = forwardRef( UnforwardedSlot );\n\nexport function Provider( {\n\tchildren,\n\tpassthrough = false,\n}: SlotFillProviderProps ) {\n\tconst parent = useContext( SlotFillContext );\n\tif ( ! parent.isDefault && passthrough ) {\n\t\treturn <>{ children }</>;\n\t}\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<BubblesVirtuallySlotFillProvider>\n\t\t\t\t{ children }\n\t\t\t</BubblesVirtuallySlotFillProvider>\n\t\t</SlotFillProvider>\n\t);\n}\nProvider.displayName = 'SlotFillProvider';\n\nexport function createSlotFill( key: SlotKey ) {\n\tconst baseName = typeof key === 'symbol' ? key.description : key;\n\tconst FillComponent = ( props: Omit< FillComponentProps, 'name' > ) => (\n\t\t<Fill name={ key } { ...props } />\n\t);\n\tFillComponent.displayName = `${ baseName }Fill`;\n\n\tconst SlotComponent = (\n\t\tprops: DistributiveOmit< SlotComponentProps, 'name' >\n\t) => <Slot name={ key } { ...props } />;\n\tSlotComponent.displayName = `${ baseName }Slot`;\n\t/**\n\t * @deprecated 6.8.0\n\t * Please use `slotFill.name` instead of `slotFill.Slot.__unstableName`.\n\t */\n\tSlotComponent.__unstableName = key;\n\n\treturn {\n\t\tname: key,\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,QAAQ;AAC7B,OAAOC,QAAQ,MAAM,QAAQ;AAC7B,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,gCAAgC,MAAM,wCAAwC;AACrF,OAAOC,gBAAgB,MAAM,YAAY;AACzC,OAAOC,eAAe,MAAM,uCAAuC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGpE,SAASC,OAAO,IAAIC,OAAO,QAAQ,8BAA8B;AACjE,SAASD,OAAO,IAAIE,YAAY,QAAQ,oCAAoC;AAS5E,OAAO,SAASC,IAAIA,CAAEC,KAAyB,EAAG;EACjD;EACA;EACA;EACA,oBACCL,KAAA,CAAAF,SAAA;IAAAQ,QAAA,gBACCV,IAAA,CAACR,QAAQ;MAAA,GAAMiB;IAAK,CAAI,CAAC,eACzBT,IAAA,CAACN,oBAAoB;MAAA,GAAMe;IAAK,CAAI,CAAC;EAAA,CACpC,CAAC;AAEL;AAEA,OAAO,SAASE,eAAeA,CAC9BF,KAC0D,EAC1DG,GAAwB,EACvB;EACD,MAAM;IAAEC,gBAAgB;IAAE,GAAGC;EAAU,CAAC,GAAGL,KAAK;EAChD,IAAKI,gBAAgB,EAAG;IACvB,oBAAOb,IAAA,CAACL,oBAAoB;MAAA,GAAMmB,SAAS;MAAGF,GAAG,EAAGA;IAAK,CAAE,CAAC;EAC7D;EACA,oBAAOZ,IAAA,CAACP,QAAQ;IAAA,GAAMqB;EAAS,CAAI,CAAC;AACrC;AACA,OAAO,MAAMC,IAAI,GAAGzB,UAAU,CAAEqB,eAAgB,CAAC;AAEjD,OAAO,SAASK,QAAQA,CAAE;EACzBN,QAAQ;EACRO,WAAW,GAAG;AACQ,CAAC,EAAG;EAC1B,MAAMC,MAAM,GAAG3B,UAAU,CAAEO,eAAgB,CAAC;EAC5C,IAAK,CAAEoB,MAAM,CAACC,SAAS,IAAIF,WAAW,EAAG;IACxC,oBAAOjB,IAAA,CAAAE,SAAA;MAAAQ,QAAA,EAAIA;IAAQ,CAAI,CAAC;EACzB;EACA,oBACCV,IAAA,CAACH,gBAAgB;IAAAa,QAAA,eAChBV,IAAA,CAACJ,gCAAgC;MAAAc,QAAA,EAC9BA;IAAQ,CACuB;EAAC,CAClB,CAAC;AAErB;AACAM,QAAQ,CAACI,WAAW,GAAG,kBAAkB;AAEzC,OAAO,SAASC,cAAcA,CAAEC,GAAY,EAAG;EAC9C,MAAMC,QAAQ,GAAG,OAAOD,GAAG,KAAK,QAAQ,GAAGA,GAAG,CAACE,WAAW,GAAGF,GAAG;EAChE,MAAMG,aAAa,GAAKhB,KAAyC,iBAChET,IAAA,CAACQ,IAAI;IAACkB,IAAI,EAAGJ,GAAK;IAAA,GAAMb;EAAK,CAAI,CACjC;EACDgB,aAAa,CAACL,WAAW,GAAG,GAAIG,QAAQ,MAAO;EAE/C,MAAMI,aAAa,GAClBlB,KAAqD,iBACjDT,IAAA,CAACe,IAAI;IAACW,IAAI,EAAGJ,GAAK;IAAA,GAAMb;EAAK,CAAI,CAAC;EACvCkB,aAAa,CAACP,WAAW,GAAG,GAAIG,QAAQ,MAAO;EAC/C;AACD;AACA;AACA;EACCI,aAAa,CAACC,cAAc,GAAGN,GAAG;EAElC,OAAO;IACNI,IAAI,EAAEJ,GAAG;IACTd,IAAI,EAAEiB,aAAa;IACnBV,IAAI,EAAEY;EACP,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/slot-fill/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseFill from './fill';\nimport BaseSlot from './slot';\nimport BubblesVirtuallyFill from './bubbles-virtually/fill';\nimport BubblesVirtuallySlot from './bubbles-virtually/slot';\nimport BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';\nimport SlotFillProvider from './provider';\nimport SlotFillContext from './bubbles-virtually/slot-fill-context';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport { default as useSlot } from './bubbles-virtually/use-slot';\nexport { default as useSlotFills } from './bubbles-virtually/use-slot-fills';\nexport function Fill(props) {\n  // We're adding both Fills here so they can register themselves before\n  // their respective slot has been registered. Only the Fill that has a slot\n  // will render. The other one will return null.\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(BaseFill, {\n      ...props\n    }), /*#__PURE__*/_jsx(BubblesVirtuallyFill, {\n      ...props\n    })]\n  });\n}\nexport function UnforwardedSlot(props, ref) {\n  const {\n    bubblesVirtually,\n    ...restProps\n  } = props;\n  if (bubblesVirtually) {\n    return /*#__PURE__*/_jsx(BubblesVirtuallySlot, {\n      ...restProps,\n      ref: ref\n    });\n  }\n  return /*#__PURE__*/_jsx(BaseSlot, {\n    ...restProps\n  });\n}\nexport const Slot = forwardRef(UnforwardedSlot);\nexport function Provider({\n  children,\n  passthrough = false\n}) {\n  const parent = useContext(SlotFillContext);\n  if (!parent.isDefault && passthrough) {\n    return /*#__PURE__*/_jsx(_Fragment, {\n      children: children\n    });\n  }\n  return /*#__PURE__*/_jsx(SlotFillProvider, {\n    children: /*#__PURE__*/_jsx(BubblesVirtuallySlotFillProvider, {\n      children: children\n    })\n  });\n}\nProvider.displayName = 'SlotFillProvider';\nexport function createSlotFill(key) {\n  const baseName = typeof key === 'symbol' ? key.description : key;\n  const FillComponent = props => /*#__PURE__*/_jsx(Fill, {\n    name: key,\n    ...props\n  });\n  FillComponent.displayName = `${baseName}Fill`;\n  const SlotComponent = props => /*#__PURE__*/_jsx(Slot, {\n    name: key,\n    ...props\n  });\n  SlotComponent.displayName = `${baseName}Slot`;\n  /**\n   * @deprecated 6.8.0\n   * Please use `slotFill.name` instead of `slotFill.Slot.__unstableName`.\n   */\n  SlotComponent.__unstableName = key;\n  return {\n    name: key,\n    Fill: FillComponent,\n    Slot: SlotComponent\n  };\n}"],
+  "mappings": "AAOA,SAAS,YAAY,kBAAkB;AAKvC,OAAO,cAAc;AACrB,OAAO,cAAc;AACrB,OAAO,0BAA0B;AACjC,OAAO,0BAA0B;AACjC,OAAO,sCAAsC;AAC7C,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AAClE,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,gBAA+B;AACjC,SAAS,KAAK,OAAO;AAI1B,SAAoB,sBAAM,WAAW;AAAA,IACnC,UAAU,CAAc,qBAAK,UAAU;AAAA,MACrC,GAAG;AAAA,IACL,CAAC,GAAgB,qBAAK,sBAAsB;AAAA,MAC1C,GAAG;AAAA,IACL,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,SAAS,gBAAgB,OAAO,KAAK;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,MAAI,kBAAkB;AACpB,WAAoB,qBAAK,sBAAsB;AAAA,MAC7C,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAoB,qBAAK,UAAU;AAAA,IACjC,GAAG;AAAA,EACL,CAAC;AACH;AACO,MAAM,OAAO,WAAW,eAAe;AACvC,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,cAAc;AAChB,GAAG;AACD,QAAM,SAAS,WAAW,eAAe;AACzC,MAAI,CAAC,OAAO,aAAa,aAAa;AACpC,WAAoB,qBAAK,WAAW;AAAA,MAClC;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAoB,qBAAK,kBAAkB;AAAA,IACzC,UAAuB,qBAAK,kCAAkC;AAAA,MAC5D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AACA,SAAS,cAAc;AAChB,SAAS,eAAe,KAAK;AAClC,QAAM,WAAW,OAAO,QAAQ,WAAW,IAAI,cAAc;AAC7D,QAAM,gBAAgB,WAAsB,qBAAK,MAAM;AAAA,IACrD,MAAM;AAAA,IACN,GAAG;AAAA,EACL,CAAC;AACD,gBAAc,cAAc,GAAG,QAAQ;AACvC,QAAM,gBAAgB,WAAsB,qBAAK,MAAM;AAAA,IACrD,MAAM;AAAA,IACN,GAAG;AAAA,EACL,CAAC;AACD,gBAAc,cAAc,GAAG,QAAQ;AAKvC,gBAAc,iBAAiB;AAC/B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;",
+  "names": ["default"]
+}

package/build-module/slot-fill/provider.js

@@ -1,13 +1,6 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import SlotFillContext from './context';
-import { observableMap } from '@wordpress/compose';
+import { useState } from "@wordpress/element";
+import SlotFillContext from "./context";
+import { observableMap } from "@wordpress/compose";
 import { jsx as _jsx } from "react/jsx-runtime";
 function createSlotRegistry() {
   const slots = observableMap();
@@ -16,16 +9,13 @@ function createSlotRegistry() {
     slots.set(name, instance);
   }
   function unregisterSlot(name, instance) {
-    // If a previous instance of a Slot by this name unmounts, do nothing,
-    // as the slot and its fills should only be removed for the current
-    // known instance.
     if (slots.get(name) !== instance) {
       return;
     }
     slots.delete(name);
   }
   function registerFill(name, instance, children) {
-    fills.set(name, [...(fills.get(name) || []), {
+    fills.set(name, [...fills.get(name) || [], {
       instance,
       children
     }]);
@@ -35,23 +25,22 @@ function createSlotRegistry() {
     if (!fillsForName) {
       return;
     }
-    fills.set(name, fillsForName.filter(fill => fill.instance !== instance));
+    fills.set(name, fillsForName.filter((fill) => fill.instance !== instance));
   }
   function updateFill(name, instance, children) {
     const fillsForName = fills.get(name);
     if (!fillsForName) {
       return;
     }
-    const fillForInstance = fillsForName.find(f => f.instance === instance);
+    const fillForInstance = fillsForName.find((f) => f.instance === instance);
     if (!fillForInstance) {
       return;
     }
     if (fillForInstance.children === children) {
       return;
     }
-    fills.set(name, fillsForName.map(f => {
+    fills.set(name, fillsForName.map((f) => {
       if (f.instance === instance) {
-        // Replace with new record with updated `children`.
         return {
           instance,
           children
@@ -70,14 +59,18 @@ function createSlotRegistry() {
     updateFill
   };
 }
-export function SlotFillProvider({
+function SlotFillProvider({
   children
 }) {
   const [contextValue] = useState(createSlotRegistry);
-  return /*#__PURE__*/_jsx(SlotFillContext.Provider, {
+  return /* @__PURE__ */ _jsx(SlotFillContext.Provider, {
     value: contextValue,
-    children: children
+    children
   });
 }
-export default SlotFillProvider;
-//# sourceMappingURL=provider.js.map
+var provider_default = SlotFillProvider;
+export {
+  SlotFillProvider,
+  provider_default as default
+};
+//# sourceMappingURL=provider.js.map

package/build-module/slot-fill/provider.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","SlotFillContext","observableMap","jsx","_jsx","createSlotRegistry","slots","fills","registerSlot","name","instance","set","unregisterSlot","get","delete","registerFill","children","unregisterFill","fillsForName","filter","fill","updateFill","fillForInstance","find","f","map","SlotFillProvider","contextValue","Provider","value"],"sources":["@wordpress/components/src/slot-fill/provider.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\nimport type {\n\tFillInstance,\n\tFillChildren,\n\tBaseSlotInstance,\n\tBaseSlotFillContext,\n\tSlotFillProviderProps,\n\tSlotKey,\n} from './types';\nimport { observableMap } from '@wordpress/compose';\n\nfunction createSlotRegistry(): BaseSlotFillContext {\n\tconst slots = observableMap< SlotKey, BaseSlotInstance >();\n\tconst fills = observableMap<\n\t\tSlotKey,\n\t\t{ instance: FillInstance; children: FillChildren }[]\n\t>();\n\n\tfunction registerSlot( name: SlotKey, instance: BaseSlotInstance ) {\n\t\tslots.set( name, instance );\n\t}\n\n\tfunction unregisterSlot( name: SlotKey, instance: BaseSlotInstance ) {\n\t\t// If a previous instance of a Slot by this name unmounts, do nothing,\n\t\t// as the slot and its fills should only be removed for the current\n\t\t// known instance.\n\t\tif ( slots.get( name ) !== instance ) {\n\t\t\treturn;\n\t\t}\n\n\t\tslots.delete( name );\n\t}\n\n\tfunction registerFill(\n\t\tname: SlotKey,\n\t\tinstance: FillInstance,\n\t\tchildren: FillChildren\n\t) {\n\t\tfills.set( name, [\n\t\t\t...( fills.get( name ) || [] ),\n\t\t\t{ instance, children },\n\t\t] );\n\t}\n\n\tfunction unregisterFill( name: SlotKey, instance: FillInstance ) {\n\t\tconst fillsForName = fills.get( name );\n\t\tif ( ! fillsForName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfills.set(\n\t\t\tname,\n\t\t\tfillsForName.filter( ( fill ) => fill.instance !== instance )\n\t\t);\n\t}\n\n\tfunction updateFill(\n\t\tname: SlotKey,\n\t\tinstance: FillInstance,\n\t\tchildren: FillChildren\n\t) {\n\t\tconst fillsForName = fills.get( name );\n\t\tif ( ! fillsForName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst fillForInstance = fillsForName.find(\n\t\t\t( f ) => f.instance === instance\n\t\t);\n\t\tif ( ! fillForInstance ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( fillForInstance.children === children ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfills.set(\n\t\t\tname,\n\t\t\tfillsForName.map( ( f ) => {\n\t\t\t\tif ( f.instance === instance ) {\n\t\t\t\t\t// Replace with new record with updated `children`.\n\t\t\t\t\treturn { instance, children };\n\t\t\t\t}\n\n\t\t\t\treturn f;\n\t\t\t} )\n\t\t);\n\t}\n\n\treturn {\n\t\tslots,\n\t\tfills,\n\t\tregisterSlot,\n\t\tunregisterSlot,\n\t\tregisterFill,\n\t\tunregisterFill,\n\t\tupdateFill,\n\t};\n}\n\nexport function SlotFillProvider( { children }: SlotFillProviderProps ) {\n\tconst [ contextValue ] = useState( createSlotRegistry );\n\treturn (\n\t\t<SlotFillContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n\nexport default SlotFillProvider;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,OAAOC,eAAe,MAAM,WAAW;AASvC,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,SAASC,kBAAkBA,CAAA,EAAwB;EAClD,MAAMC,KAAK,GAAGJ,aAAa,CAA8B,CAAC;EAC1D,MAAMK,KAAK,GAAGL,aAAa,CAGzB,CAAC;EAEH,SAASM,YAAYA,CAAEC,IAAa,EAAEC,QAA0B,EAAG;IAClEJ,KAAK,CAACK,GAAG,CAAEF,IAAI,EAAEC,QAAS,CAAC;EAC5B;EAEA,SAASE,cAAcA,CAAEH,IAAa,EAAEC,QAA0B,EAAG;IACpE;IACA;IACA;IACA,IAAKJ,KAAK,CAACO,GAAG,CAAEJ,IAAK,CAAC,KAAKC,QAAQ,EAAG;MACrC;IACD;IAEAJ,KAAK,CAACQ,MAAM,CAAEL,IAAK,CAAC;EACrB;EAEA,SAASM,YAAYA,CACpBN,IAAa,EACbC,QAAsB,EACtBM,QAAsB,EACrB;IACDT,KAAK,CAACI,GAAG,CAAEF,IAAI,EAAE,CAChB,IAAKF,KAAK,CAACM,GAAG,CAAEJ,IAAK,CAAC,IAAI,EAAE,CAAE,EAC9B;MAAEC,QAAQ;MAAEM;IAAS,CAAC,CACrB,CAAC;EACJ;EAEA,SAASC,cAAcA,CAAER,IAAa,EAAEC,QAAsB,EAAG;IAChE,MAAMQ,YAAY,GAAGX,KAAK,CAACM,GAAG,CAAEJ,IAAK,CAAC;IACtC,IAAK,CAAES,YAAY,EAAG;MACrB;IACD;IAEAX,KAAK,CAACI,GAAG,CACRF,IAAI,EACJS,YAAY,CAACC,MAAM,CAAIC,IAAI,IAAMA,IAAI,CAACV,QAAQ,KAAKA,QAAS,CAC7D,CAAC;EACF;EAEA,SAASW,UAAUA,CAClBZ,IAAa,EACbC,QAAsB,EACtBM,QAAsB,EACrB;IACD,MAAME,YAAY,GAAGX,KAAK,CAACM,GAAG,CAAEJ,IAAK,CAAC;IACtC,IAAK,CAAES,YAAY,EAAG;MACrB;IACD;IAEA,MAAMI,eAAe,GAAGJ,YAAY,CAACK,IAAI,CACtCC,CAAC,IAAMA,CAAC,CAACd,QAAQ,KAAKA,QACzB,CAAC;IACD,IAAK,CAAEY,eAAe,EAAG;MACxB;IACD;IAEA,IAAKA,eAAe,CAACN,QAAQ,KAAKA,QAAQ,EAAG;MAC5C;IACD;IAEAT,KAAK,CAACI,GAAG,CACRF,IAAI,EACJS,YAAY,CAACO,GAAG,CAAID,CAAC,IAAM;MAC1B,IAAKA,CAAC,CAACd,QAAQ,KAAKA,QAAQ,EAAG;QAC9B;QACA,OAAO;UAAEA,QAAQ;UAAEM;QAAS,CAAC;MAC9B;MAEA,OAAOQ,CAAC;IACT,CAAE,CACH,CAAC;EACF;EAEA,OAAO;IACNlB,KAAK;IACLC,KAAK;IACLC,YAAY;IACZI,cAAc;IACdG,YAAY;IACZE,cAAc;IACdI;EACD,CAAC;AACF;AAEA,OAAO,SAASK,gBAAgBA,CAAE;EAAEV;AAAgC,CAAC,EAAG;EACvE,MAAM,CAAEW,YAAY,CAAE,GAAG3B,QAAQ,CAAEK,kBAAmB,CAAC;EACvD,oBACCD,IAAA,CAACH,eAAe,CAAC2B,QAAQ;IAACC,KAAK,EAAGF,YAAc;IAAAX,QAAA,EAC7CA;EAAQ,CACe,CAAC;AAE7B;AAEA,eAAeU,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/slot-fill/provider.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\nimport { observableMap } from '@wordpress/compose';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction createSlotRegistry() {\n  const slots = observableMap();\n  const fills = observableMap();\n  function registerSlot(name, instance) {\n    slots.set(name, instance);\n  }\n  function unregisterSlot(name, instance) {\n    // If a previous instance of a Slot by this name unmounts, do nothing,\n    // as the slot and its fills should only be removed for the current\n    // known instance.\n    if (slots.get(name) !== instance) {\n      return;\n    }\n    slots.delete(name);\n  }\n  function registerFill(name, instance, children) {\n    fills.set(name, [...(fills.get(name) || []), {\n      instance,\n      children\n    }]);\n  }\n  function unregisterFill(name, instance) {\n    const fillsForName = fills.get(name);\n    if (!fillsForName) {\n      return;\n    }\n    fills.set(name, fillsForName.filter(fill => fill.instance !== instance));\n  }\n  function updateFill(name, instance, children) {\n    const fillsForName = fills.get(name);\n    if (!fillsForName) {\n      return;\n    }\n    const fillForInstance = fillsForName.find(f => f.instance === instance);\n    if (!fillForInstance) {\n      return;\n    }\n    if (fillForInstance.children === children) {\n      return;\n    }\n    fills.set(name, fillsForName.map(f => {\n      if (f.instance === instance) {\n        // Replace with new record with updated `children`.\n        return {\n          instance,\n          children\n        };\n      }\n      return f;\n    }));\n  }\n  return {\n    slots,\n    fills,\n    registerSlot,\n    unregisterSlot,\n    registerFill,\n    unregisterFill,\n    updateFill\n  };\n}\nexport function SlotFillProvider({\n  children\n}) {\n  const [contextValue] = useState(createSlotRegistry);\n  return /*#__PURE__*/_jsx(SlotFillContext.Provider, {\n    value: contextValue,\n    children: children\n  });\n}\nexport default SlotFillProvider;"],
+  "mappings": "AAGA,SAAS,gBAAgB;AAKzB,OAAO,qBAAqB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,OAAO,YAAY;AAC5B,SAAS,qBAAqB;AAC5B,QAAM,QAAQ,cAAc;AAC5B,QAAM,QAAQ,cAAc;AAC5B,WAAS,aAAa,MAAM,UAAU;AACpC,UAAM,IAAI,MAAM,QAAQ;AAAA,EAC1B;AACA,WAAS,eAAe,MAAM,UAAU;AAItC,QAAI,MAAM,IAAI,IAAI,MAAM,UAAU;AAChC;AAAA,IACF;AACA,UAAM,OAAO,IAAI;AAAA,EACnB;AACA,WAAS,aAAa,MAAM,UAAU,UAAU;AAC9C,UAAM,IAAI,MAAM,CAAC,GAAI,MAAM,IAAI,IAAI,KAAK,CAAC,GAAI;AAAA,MAC3C;AAAA,MACA;AAAA,IACF,CAAC,CAAC;AAAA,EACJ;AACA,WAAS,eAAe,MAAM,UAAU;AACtC,UAAM,eAAe,MAAM,IAAI,IAAI;AACnC,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AACA,UAAM,IAAI,MAAM,aAAa,OAAO,UAAQ,KAAK,aAAa,QAAQ,CAAC;AAAA,EACzE;AACA,WAAS,WAAW,MAAM,UAAU,UAAU;AAC5C,UAAM,eAAe,MAAM,IAAI,IAAI;AACnC,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AACA,UAAM,kBAAkB,aAAa,KAAK,OAAK,EAAE,aAAa,QAAQ;AACtE,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AACA,QAAI,gBAAgB,aAAa,UAAU;AACzC;AAAA,IACF;AACA,UAAM,IAAI,MAAM,aAAa,IAAI,OAAK;AACpC,UAAI,EAAE,aAAa,UAAU;AAE3B,eAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC,CAAC;AAAA,EACJ;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,SAAS,iBAAiB;AAAA,EAC/B;AACF,GAAG;AACD,QAAM,CAAC,YAAY,IAAI,SAAS,kBAAkB;AAClD,SAAoB,qBAAK,gBAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;AACA,IAAO,mBAAQ;",
+  "names": []
+}

package/build-module/slot-fill/slot.js

@@ -1,34 +1,17 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { useObservableValue } from '@wordpress/compose';
-import { useContext, useLayoutEffect, useRef, Children, cloneElement, isEmptyElement } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import SlotFillContext from './context';
+import { useObservableValue } from "@wordpress/compose";
+import { useContext, useLayoutEffect, useRef, Children, cloneElement, isEmptyElement } from "@wordpress/element";
+import SlotFillContext from "./context";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Whether the argument is a function.
- *
- * @param maybeFunc The argument to check.
- * @return True if the argument is a function, false otherwise.
- */
 function isFunction(maybeFunc) {
-  return typeof maybeFunc === 'function';
+  return typeof maybeFunc === "function";
 }
 function addKeysToChildren(children) {
   return Children.map(children, (child, childIndex) => {
-    if (!child || typeof child === 'string') {
+    if (!child || typeof child === "string") {
       return child;
     }
     let childKey = childIndex;
-    if (typeof child === 'object' && 'key' in child && child?.key) {
+    if (typeof child === "object" && "key" in child && child?.key) {
       childKey = child.key;
     }
     return cloneElement(child, {
@@ -52,22 +35,24 @@ function Slot(props) {
   }, [registry, name]);
   let fills = (_useObservableValue = useObservableValue(registry.fills, name)) !== null && _useObservableValue !== void 0 ? _useObservableValue : [];
   const currentSlot = useObservableValue(registry.slots, name);
-
-  // Fills should only be rendered in the currently registered instance of the slot.
   if (currentSlot !== instanceRef.current) {
     fills = [];
   }
-  const renderedFills = fills.map(fill => {
+  const renderedFills = fills.map((fill) => {
     const fillChildren = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
     return addKeysToChildren(fillChildren);
   }).filter(
-  // In some cases fills are rendered only when some conditions apply.
-  // This ensures that we only use non-empty fills when rendering, i.e.,
-  // it allows us to render wrappers only when the fills are actually present.
-  element => !isEmptyElement(element));
-  return /*#__PURE__*/_jsx(_Fragment, {
+    // In some cases fills are rendered only when some conditions apply.
+    // This ensures that we only use non-empty fills when rendering, i.e.,
+    // it allows us to render wrappers only when the fills are actually present.
+    (element) => !isEmptyElement(element)
+  );
+  return /* @__PURE__ */ _jsx(_Fragment, {
     children: isFunction(children) ? children(renderedFills) : renderedFills
   });
 }
-export default Slot;
-//# sourceMappingURL=slot.js.map
+var slot_default = Slot;
+export {
+  slot_default as default
+};
+//# sourceMappingURL=slot.js.map

package/build-module/slot-fill/slot.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useObservableValue","useContext","useLayoutEffect","useRef","Children","cloneElement","isEmptyElement","SlotFillContext","Fragment","_Fragment","jsx","_jsx","isFunction","maybeFunc","addKeysToChildren","children","map","child","childIndex","childKey","key","Slot","props","_useObservableValue","registry","instanceRef","name","fillProps","instance","current","registerSlot","unregisterSlot","fills","currentSlot","slots","renderedFills","fill","fillChildren","filter","element"],"sources":["@wordpress/components/src/slot-fill/slot.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactElement, ReactNode, Key } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useObservableValue } from '@wordpress/compose';\nimport {\n\tuseContext,\n\tuseLayoutEffect,\n\tuseRef,\n\tChildren,\n\tcloneElement,\n\tisEmptyElement,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\nimport type { SlotComponentProps } from './types';\n\n/**\n * Whether the argument is a function.\n *\n * @param maybeFunc The argument to check.\n * @return True if the argument is a function, false otherwise.\n */\nfunction isFunction( maybeFunc: any ): maybeFunc is Function {\n\treturn typeof maybeFunc === 'function';\n}\n\nfunction addKeysToChildren( children: ReactNode ) {\n\treturn Children.map( children, ( child, childIndex ) => {\n\t\tif ( ! child || typeof child === 'string' ) {\n\t\t\treturn child;\n\t\t}\n\t\tlet childKey: Key = childIndex;\n\t\tif ( typeof child === 'object' && 'key' in child && child?.key ) {\n\t\t\tchildKey = child.key;\n\t\t}\n\n\t\treturn cloneElement( child as ReactElement, {\n\t\t\tkey: childKey,\n\t\t} );\n\t} );\n}\n\nfunction Slot( props: Omit< SlotComponentProps, 'bubblesVirtually' > ) {\n\tconst registry = useContext( SlotFillContext );\n\tconst instanceRef = useRef( {} );\n\n\tconst { name, children, fillProps = {} } = props;\n\n\tuseLayoutEffect( () => {\n\t\tconst instance = instanceRef.current;\n\t\tregistry.registerSlot( name, instance );\n\t\treturn () => registry.unregisterSlot( name, instance );\n\t}, [ registry, name ] );\n\n\tlet fills = useObservableValue( registry.fills, name ) ?? [];\n\tconst currentSlot = useObservableValue( registry.slots, name );\n\n\t// Fills should only be rendered in the currently registered instance of the slot.\n\tif ( currentSlot !== instanceRef.current ) {\n\t\tfills = [];\n\t}\n\n\tconst renderedFills = fills\n\t\t.map( ( fill ) => {\n\t\t\tconst fillChildren = isFunction( fill.children )\n\t\t\t\t? fill.children( fillProps )\n\t\t\t\t: fill.children;\n\t\t\treturn addKeysToChildren( fillChildren );\n\t\t} )\n\t\t.filter(\n\t\t\t// In some cases fills are rendered only when some conditions apply.\n\t\t\t// This ensures that we only use non-empty fills when rendering, i.e.,\n\t\t\t// it allows us to render wrappers only when the fills are actually present.\n\t\t\t( element ) => ! isEmptyElement( element )\n\t\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ isFunction( children )\n\t\t\t\t? children( renderedFills )\n\t\t\t\t: renderedFills }\n\t\t</>\n\t);\n}\n\nexport default Slot;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,kBAAkB,QAAQ,oBAAoB;AACvD,SACCC,UAAU,EACVC,eAAe,EACfC,MAAM,EACNC,QAAQ,EACRC,YAAY,EACZC,cAAc,QACR,oBAAoB;;AAE3B;AACA;AACA;AACA,OAAOC,eAAe,MAAM,WAAW;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAGxC;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAEC,SAAc,EAA0B;EAC5D,OAAO,OAAOA,SAAS,KAAK,UAAU;AACvC;AAEA,SAASC,iBAAiBA,CAAEC,QAAmB,EAAG;EACjD,OAAOX,QAAQ,CAACY,GAAG,CAAED,QAAQ,EAAE,CAAEE,KAAK,EAAEC,UAAU,KAAM;IACvD,IAAK,CAAED,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAG;MAC3C,OAAOA,KAAK;IACb;IACA,IAAIE,QAAa,GAAGD,UAAU;IAC9B,IAAK,OAAOD,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAIA,KAAK,IAAIA,KAAK,EAAEG,GAAG,EAAG;MAChED,QAAQ,GAAGF,KAAK,CAACG,GAAG;IACrB;IAEA,OAAOf,YAAY,CAAEY,KAAK,EAAkB;MAC3CG,GAAG,EAAED;IACN,CAAE,CAAC;EACJ,CAAE,CAAC;AACJ;AAEA,SAASE,IAAIA,CAAEC,KAAqD,EAAG;EAAA,IAAAC,mBAAA;EACtE,MAAMC,QAAQ,GAAGvB,UAAU,CAAEM,eAAgB,CAAC;EAC9C,MAAMkB,WAAW,GAAGtB,MAAM,CAAE,CAAC,CAAE,CAAC;EAEhC,MAAM;IAAEuB,IAAI;IAAEX,QAAQ;IAAEY,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGL,KAAK;EAEhDpB,eAAe,CAAE,MAAM;IACtB,MAAM0B,QAAQ,GAAGH,WAAW,CAACI,OAAO;IACpCL,QAAQ,CAACM,YAAY,CAAEJ,IAAI,EAAEE,QAAS,CAAC;IACvC,OAAO,MAAMJ,QAAQ,CAACO,cAAc,CAAEL,IAAI,EAAEE,QAAS,CAAC;EACvD,CAAC,EAAE,CAAEJ,QAAQ,EAAEE,IAAI,CAAG,CAAC;EAEvB,IAAIM,KAAK,IAAAT,mBAAA,GAAGvB,kBAAkB,CAAEwB,QAAQ,CAACQ,KAAK,EAAEN,IAAK,CAAC,cAAAH,mBAAA,cAAAA,mBAAA,GAAI,EAAE;EAC5D,MAAMU,WAAW,GAAGjC,kBAAkB,CAAEwB,QAAQ,CAACU,KAAK,EAAER,IAAK,CAAC;;EAE9D;EACA,IAAKO,WAAW,KAAKR,WAAW,CAACI,OAAO,EAAG;IAC1CG,KAAK,GAAG,EAAE;EACX;EAEA,MAAMG,aAAa,GAAGH,KAAK,CACzBhB,GAAG,CAAIoB,IAAI,IAAM;IACjB,MAAMC,YAAY,GAAGzB,UAAU,CAAEwB,IAAI,CAACrB,QAAS,CAAC,GAC7CqB,IAAI,CAACrB,QAAQ,CAAEY,SAAU,CAAC,GAC1BS,IAAI,CAACrB,QAAQ;IAChB,OAAOD,iBAAiB,CAAEuB,YAAa,CAAC;EACzC,CAAE,CAAC,CACFC,MAAM;EACN;EACA;EACA;EACEC,OAAO,IAAM,CAAEjC,cAAc,CAAEiC,OAAQ,CAC1C,CAAC;EAEF,oBACC5B,IAAA,CAAAF,SAAA;IAAAM,QAAA,EACGH,UAAU,CAAEG,QAAS,CAAC,GACrBA,QAAQ,CAAEoB,aAAc,CAAC,GACzBA;EAAa,CACf,CAAC;AAEL;AAEA,eAAed,IAAI","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/slot-fill/slot.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useObservableValue } from '@wordpress/compose';\nimport { useContext, useLayoutEffect, useRef, Children, cloneElement, isEmptyElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Whether the argument is a function.\n *\n * @param maybeFunc The argument to check.\n * @return True if the argument is a function, false otherwise.\n */\nfunction isFunction(maybeFunc) {\n  return typeof maybeFunc === 'function';\n}\nfunction addKeysToChildren(children) {\n  return Children.map(children, (child, childIndex) => {\n    if (!child || typeof child === 'string') {\n      return child;\n    }\n    let childKey = childIndex;\n    if (typeof child === 'object' && 'key' in child && child?.key) {\n      childKey = child.key;\n    }\n    return cloneElement(child, {\n      key: childKey\n    });\n  });\n}\nfunction Slot(props) {\n  var _useObservableValue;\n  const registry = useContext(SlotFillContext);\n  const instanceRef = useRef({});\n  const {\n    name,\n    children,\n    fillProps = {}\n  } = props;\n  useLayoutEffect(() => {\n    const instance = instanceRef.current;\n    registry.registerSlot(name, instance);\n    return () => registry.unregisterSlot(name, instance);\n  }, [registry, name]);\n  let fills = (_useObservableValue = useObservableValue(registry.fills, name)) !== null && _useObservableValue !== void 0 ? _useObservableValue : [];\n  const currentSlot = useObservableValue(registry.slots, name);\n\n  // Fills should only be rendered in the currently registered instance of the slot.\n  if (currentSlot !== instanceRef.current) {\n    fills = [];\n  }\n  const renderedFills = fills.map(fill => {\n    const fillChildren = isFunction(fill.children) ? fill.children(fillProps) : fill.children;\n    return addKeysToChildren(fillChildren);\n  }).filter(\n  // In some cases fills are rendered only when some conditions apply.\n  // This ensures that we only use non-empty fills when rendering, i.e.,\n  // it allows us to render wrappers only when the fills are actually present.\n  element => !isEmptyElement(element));\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: isFunction(children) ? children(renderedFills) : renderedFills\n  });\n}\nexport default Slot;"],
+  "mappings": "AAOA,SAAS,0BAA0B;AACnC,SAAS,YAAY,iBAAiB,QAAQ,UAAU,cAAc,sBAAsB;AAK5F,OAAO,qBAAqB;AAC5B,SAAS,YAAY,WAAW,OAAO,YAAY;AAOnD,SAAS,WAAW,WAAW;AAC7B,SAAO,OAAO,cAAc;AAC9B;AACA,SAAS,kBAAkB,UAAU;AACnC,SAAO,SAAS,IAAI,UAAU,CAAC,OAAO,eAAe;AACnD,QAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACvC,aAAO;AAAA,IACT;AACA,QAAI,WAAW;AACf,QAAI,OAAO,UAAU,YAAY,SAAS,SAAS,OAAO,KAAK;AAC7D,iBAAW,MAAM;AAAA,IACnB;AACA,WAAO,aAAa,OAAO;AAAA,MACzB,KAAK;AAAA,IACP,CAAC;AAAA,EACH,CAAC;AACH;AACA,SAAS,KAAK,OAAO;AACnB,MAAI;AACJ,QAAM,WAAW,WAAW,eAAe;AAC3C,QAAM,cAAc,OAAO,CAAC,CAAC;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,CAAC;AAAA,EACf,IAAI;AACJ,kBAAgB,MAAM;AACpB,UAAM,WAAW,YAAY;AAC7B,aAAS,aAAa,MAAM,QAAQ;AACpC,WAAO,MAAM,SAAS,eAAe,MAAM,QAAQ;AAAA,EACrD,GAAG,CAAC,UAAU,IAAI,CAAC;AACnB,MAAI,SAAS,sBAAsB,mBAAmB,SAAS,OAAO,IAAI,OAAO,QAAQ,wBAAwB,SAAS,sBAAsB,CAAC;AACjJ,QAAM,cAAc,mBAAmB,SAAS,OAAO,IAAI;AAG3D,MAAI,gBAAgB,YAAY,SAAS;AACvC,YAAQ,CAAC;AAAA,EACX;AACA,QAAM,gBAAgB,MAAM,IAAI,UAAQ;AACtC,UAAM,eAAe,WAAW,KAAK,QAAQ,IAAI,KAAK,SAAS,SAAS,IAAI,KAAK;AACjF,WAAO,kBAAkB,YAAY;AAAA,EACvC,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA,IAIH,aAAW,CAAC,eAAe,OAAO;AAAA,EAAC;AACnC,SAAoB,qBAAK,WAAW;AAAA,IAClC,UAAU,WAAW,QAAQ,IAAI,SAAS,aAAa,IAAI;AAAA,EAC7D,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": []
+}

package/build-module/slot-fill/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/slot-fill/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/slot-fill/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode, RefObject } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport type { ObservableMap } from '@wordpress/compose';\n\nexport type DistributiveOmit< T, K extends keyof any > = T extends any\n\t? Omit< T, K >\n\t: never;\n\nexport type SlotKey = string | symbol;\n\nexport type FillProps = Record< string, any >;\n\ntype SlotPropBase = {\n\t/**\n\t * Slot name.\n\t */\n\tname: SlotKey;\n\n\t/**\n\t * props to pass from `Slot` to `Fill`.\n\t *\n\t * @default {}\n\t */\n\tfillProps?: FillProps;\n};\n\nexport type SlotComponentProps =\n\t| ( SlotPropBase & {\n\t\t\t/**\n\t\t\t * By default, events will bubble to their parents on the DOM hierarchy (native event bubbling).\n\t\t\t * If set to true, events will bubble to their virtual parent in the React elements hierarchy instead,\n\t\t\t * also accept an optional `className`, `id`, etc.  to add to the slot container.\n\t\t\t */\n\t\t\tbubblesVirtually: true;\n\n\t\t\t/**\n\t\t\t * A function that returns nodes to be rendered.\n\t\t\t * Supported only when `bubblesVirtually` is `false`.\n\t\t\t */\n\t\t\tchildren?: never;\n\n\t\t\t/**\n\t\t\t * Additional className for the `Slot` component.\n\t\t\t * Supported only when `bubblesVirtually` is `true`.\n\t\t\t */\n\t\t\tclassName?: string;\n\n\t\t\t/**\n\t\t\t * Additional styles for the `Slot` component.\n\t\t\t * Supported only when `bubblesVirtually` is `true`.\n\t\t\t */\n\t\t\tstyle?: React.CSSProperties;\n\t  } )\n\t| ( SlotPropBase & {\n\t\t\t/**\n\t\t\t * By default, events will bubble to their parents on the DOM hierarchy (native event bubbling).\n\t\t\t * If set to true, events will bubble to their virtual parent in the React elements hierarchy instead,\n\t\t\t * also accept an optional `className`, `id`, etc.  to add to the slot container.\n\t\t\t */\n\t\t\tbubblesVirtually?: false;\n\n\t\t\t/**\n\t\t\t * A function that returns nodes to be rendered.\n\t\t\t * Supported only when `bubblesVirtually` is `false`.\n\t\t\t */\n\t\t\tchildren?: ( fills: ReactNode ) => ReactNode;\n\n\t\t\t/**\n\t\t\t * Additional className for the `Slot` component.\n\t\t\t * Supported only when `bubblesVirtually` is `true`.\n\t\t\t */\n\t\t\tclassName?: never;\n\n\t\t\t/**\n\t\t\t * Additional styles for the `Slot` component.\n\t\t\t * Supported only when `bubblesVirtually` is `true`.\n\t\t\t */\n\t\t\tstyle?: never;\n\t  } );\n\nexport type FillChildren =\n\t| ReactNode\n\t| ( ( fillProps: FillProps ) => ReactNode );\n\nexport type FillComponentProps = {\n\t/**\n\t * The name of the slot to fill into.\n\t */\n\tname: SlotKey;\n\n\t/**\n\t * Children elements or render function.\n\t */\n\tchildren?: FillChildren;\n};\n\nexport type SlotFillProviderProps = {\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n\n\t/**\n\t * Whether to pass slots to the parent provider if existent.\n\t */\n\tpassthrough?: boolean;\n};\n\nexport type SlotRef = RefObject< HTMLElement >;\nexport type FillInstance = {};\nexport type BaseSlotInstance = {};\n\nexport type SlotFillBubblesVirtuallyContext = {\n\tslots: ObservableMap< SlotKey, { ref: SlotRef; fillProps: FillProps } >;\n\tfills: ObservableMap< SlotKey, FillInstance[] >;\n\tregisterSlot: ( name: SlotKey, ref: SlotRef, fillProps: FillProps ) => void;\n\tunregisterSlot: ( name: SlotKey, ref: SlotRef ) => void;\n\tupdateSlot: ( name: SlotKey, ref: SlotRef, fillProps: FillProps ) => void;\n\tregisterFill: ( name: SlotKey, instance: FillInstance ) => void;\n\tunregisterFill: ( name: SlotKey, instance: FillInstance ) => void;\n\n\t/**\n\t * This helps the provider know if it's using the default context value or not.\n\t */\n\tisDefault?: boolean;\n};\n\nexport type BaseSlotFillContext = {\n\tslots: ObservableMap< SlotKey, BaseSlotInstance >;\n\tfills: ObservableMap<\n\t\tSlotKey,\n\t\t{ instance: FillInstance; children: FillChildren }[]\n\t>;\n\tregisterSlot: ( name: SlotKey, slot: BaseSlotInstance ) => void;\n\tunregisterSlot: ( name: SlotKey, slot: BaseSlotInstance ) => void;\n\tregisterFill: (\n\t\tname: SlotKey,\n\t\tinstance: FillInstance,\n\t\tchildren: FillChildren\n\t) => void;\n\tunregisterFill: ( name: SlotKey, instance: FillInstance ) => void;\n\tupdateFill: (\n\t\tname: SlotKey,\n\t\tinstance: FillInstance,\n\t\tchildren: FillChildren\n\t) => void;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/snackbar/index.js

@@ -1,34 +1,14 @@
-/**
- * External dependencies
- */
-
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { speak } from '@wordpress/a11y';
-import { useEffect, useLayoutEffect, useRef, forwardRef, renderToString } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import warning from '@wordpress/warning';
-
-/**
- * Internal dependencies
- */
-import Button from '../button';
-import ExternalLink from '../external-link';
+import clsx from "clsx";
+import { speak } from "@wordpress/a11y";
+import { useEffect, useLayoutEffect, useRef, forwardRef, renderToString } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import warning from "@wordpress/warning";
+import Button from "../button";
+import ExternalLink from "../external-link";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const NOTICE_TIMEOUT = 10000;
-
-/**
- * Custom hook which announces the message with the given politeness, if a
- * valid message is provided.
- *
- * @param message    Message to announce.
- * @param politeness Politeness to announce.
- */
+const NOTICE_TIMEOUT = 1e4;
 function useSpokenMessage(message, politeness) {
-  const spokenMessage = typeof message === 'string' ? message : renderToString(message);
+  const spokenMessage = typeof message === "string" ? message : renderToString(message);
   useEffect(() => {
     if (spokenMessage) {
       speak(spokenMessage, politeness);
@@ -39,7 +19,7 @@ function UnforwardedSnackbar({
   className,
   children,
   spokenMessage = children,
-  politeness = 'polite',
+  politeness = "polite",
   actions = [],
   onRemove,
   icon = null,
@@ -54,8 +34,6 @@ function UnforwardedSnackbar({
     if (event && event.preventDefault) {
       event.preventDefault();
     }
-
-    // Prevent focus loss by moving it to the list element.
     listRef?.current?.focus();
     onDismiss?.();
     onRemove?.();
@@ -68,9 +46,6 @@ function UnforwardedSnackbar({
     }
   }
   useSpokenMessage(spokenMessage, politeness);
-
-  // The `onDismiss/onRemove` can have unstable references,
-  // trigger side-effect cleanup, and reset timers.
   const callbacksRef = useRef({
     onDismiss,
     onRemove
@@ -82,7 +57,6 @@ function UnforwardedSnackbar({
     };
   });
   useEffect(() => {
-    // Only set up the timeout dismiss if we're not explicitly dismissing.
     const timeoutHandle = setTimeout(() => {
       if (!explicitDismiss) {
         callbacksRef.current.onDismiss?.();
@@ -91,30 +65,28 @@ function UnforwardedSnackbar({
     }, NOTICE_TIMEOUT);
     return () => clearTimeout(timeoutHandle);
   }, [explicitDismiss]);
-  const classes = clsx(className, 'components-snackbar', {
-    'components-snackbar-explicit-dismiss': !!explicitDismiss
+  const classes = clsx(className, "components-snackbar", {
+    "components-snackbar-explicit-dismiss": !!explicitDismiss
   });
   if (actions && actions.length > 1) {
-    // We need to inform developers that snackbar only accepts 1 action.
-    globalThis.SCRIPT_DEBUG === true ? warning('Snackbar can only have one action. Use Notice if your message requires many actions.') : void 0;
-    // return first element only while keeping it inside an array
+    globalThis.SCRIPT_DEBUG === true ? warning("Snackbar can only have one action. Use Notice if your message requires many actions.") : void 0;
     actions = [actions[0]];
   }
-  const snackbarContentClassnames = clsx('components-snackbar__content', {
-    'components-snackbar__content-with-icon': !!icon
+  const snackbarContentClassnames = clsx("components-snackbar__content", {
+    "components-snackbar__content-with-icon": !!icon
   });
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
+  return /* @__PURE__ */ _jsx("div", {
+    ref,
     className: classes,
-    onClick: !explicitDismiss ? dismissMe : undefined,
+    onClick: !explicitDismiss ? dismissMe : void 0,
     tabIndex: 0,
-    role: !explicitDismiss ? 'button' : undefined,
-    onKeyPress: !explicitDismiss ? dismissMe : undefined,
-    "aria-label": !explicitDismiss ? __('Dismiss this notice') : undefined,
+    role: !explicitDismiss ? "button" : void 0,
+    onKeyPress: !explicitDismiss ? dismissMe : void 0,
+    "aria-label": !explicitDismiss ? __("Dismiss this notice") : void 0,
     "data-testid": "snackbar",
-    children: /*#__PURE__*/_jsxs("div", {
+    children: /* @__PURE__ */ _jsxs("div", {
       className: snackbarContentClassnames,
-      children: [icon && /*#__PURE__*/_jsx("div", {
+      children: [icon && /* @__PURE__ */ _jsx("div", {
         className: "components-snackbar__icon",
         children: icon
       }), children, actions.map(({
@@ -122,21 +94,21 @@ function UnforwardedSnackbar({
         onClick,
         url,
         openInNewTab = false
-      }, index) => url !== undefined && openInNewTab ? /*#__PURE__*/_jsx(ExternalLink, {
+      }, index) => url !== void 0 && openInNewTab ? /* @__PURE__ */ _jsx(ExternalLink, {
         href: url,
-        onClick: event => onActionClick(event, onClick),
+        onClick: (event) => onActionClick(event, onClick),
         className: "components-snackbar__action",
         children: label
-      }, index) : /*#__PURE__*/_jsx(Button, {
+      }, index) : /* @__PURE__ */ _jsx(Button, {
         __next40pxDefaultSize: true,
         href: url,
         variant: "link",
-        onClick: event => onActionClick(event, onClick),
+        onClick: (event) => onActionClick(event, onClick),
         className: "components-snackbar__action",
         children: label
-      }, index)), explicitDismiss && /*#__PURE__*/_jsx("span", {
+      }, index)), explicitDismiss && /* @__PURE__ */ _jsx("span", {
         role: "button",
-        "aria-label": __('Dismiss this notice'),
+        "aria-label": __("Dismiss this notice"),
         tabIndex: 0,
         className: "components-snackbar__dismiss-button",
         onClick: dismissMe,
@@ -146,19 +118,10 @@ function UnforwardedSnackbar({
     })
   });
 }
-
-/**
- * A Snackbar displays a succinct message that is cleared out after a small delay.
- *
- * It can also offer the user options, like viewing a published post.
- * But these options should also be available elsewhere in the UI.
- *
- * ```jsx
- * const MySnackbarNotice = () => (
- *   <Snackbar>Post published successfully.</Snackbar>
- * );
- * ```
- */
-export const Snackbar = forwardRef(UnforwardedSnackbar);
-export default Snackbar;
-//# sourceMappingURL=index.js.map
+const Snackbar = forwardRef(UnforwardedSnackbar);
+var snackbar_default = Snackbar;
+export {
+  Snackbar,
+  snackbar_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/snackbar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","speak","useEffect","useLayoutEffect","useRef","forwardRef","renderToString","__","warning","Button","ExternalLink","jsx","_jsx","jsxs","_jsxs","NOTICE_TIMEOUT","useSpokenMessage","message","politeness","spokenMessage","UnforwardedSnackbar","className","children","actions","onRemove","icon","explicitDismiss","onDismiss","listRef","ref","dismissMe","event","preventDefault","current","focus","onActionClick","onClick","stopPropagation","callbacksRef","timeoutHandle","setTimeout","clearTimeout","classes","length","globalThis","SCRIPT_DEBUG","snackbarContentClassnames","undefined","tabIndex","role","onKeyPress","map","label","url","openInNewTab","index","href","__next40pxDefaultSize","variant","Snackbar"],"sources":["@wordpress/components/src/snackbar/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, KeyboardEvent, MouseEvent } from 'react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport {\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tforwardRef,\n\trenderToString,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport ExternalLink from '../external-link';\nimport type { SnackbarProps } from './types';\nimport type { NoticeAction } from '../notice/types';\nimport type { WordPressComponentProps } from '../context';\n\nconst NOTICE_TIMEOUT = 10000;\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n *\n * @param message    Message to announce.\n * @param politeness Politeness to announce.\n */\nfunction useSpokenMessage(\n\tmessage: SnackbarProps[ 'spokenMessage' ],\n\tpoliteness: NonNullable< SnackbarProps[ 'politeness' ] >\n) {\n\tconst spokenMessage =\n\t\ttypeof message === 'string' ? message : renderToString( message );\n\n\tuseEffect( () => {\n\t\tif ( spokenMessage ) {\n\t\t\tspeak( spokenMessage, politeness );\n\t\t}\n\t}, [ spokenMessage, politeness ] );\n}\n\nfunction UnforwardedSnackbar(\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\tspokenMessage = children,\n\t\tpoliteness = 'polite',\n\t\tactions = [],\n\t\tonRemove,\n\t\ticon = null,\n\t\texplicitDismiss = false,\n\t\t// onDismiss is a callback executed when the snackbar is dismissed.\n\t\t// It is distinct from onRemove, which _looks_ like a callback but is\n\t\t// actually the function to call to remove the snackbar from the UI.\n\t\tonDismiss,\n\t\tlistRef,\n\t}: WordPressComponentProps< SnackbarProps, 'div' >,\n\tref: ForwardedRef< any >\n) {\n\tfunction dismissMe( event: KeyboardEvent | MouseEvent ) {\n\t\tif ( event && event.preventDefault ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\t// Prevent focus loss by moving it to the list element.\n\t\tlistRef?.current?.focus();\n\n\t\tonDismiss?.();\n\t\tonRemove?.();\n\t}\n\n\tfunction onActionClick(\n\t\tevent: MouseEvent< HTMLButtonElement | HTMLAnchorElement >,\n\t\tonClick: NoticeAction[ 'onClick' ]\n\t) {\n\t\tevent.stopPropagation();\n\n\t\tonRemove?.();\n\n\t\tif ( onClick ) {\n\t\t\tonClick( event );\n\t\t}\n\t}\n\n\tuseSpokenMessage( spokenMessage, politeness );\n\n\t// The `onDismiss/onRemove` can have unstable references,\n\t// trigger side-effect cleanup, and reset timers.\n\tconst callbacksRef = useRef( { onDismiss, onRemove } );\n\tuseLayoutEffect( () => {\n\t\tcallbacksRef.current = { onDismiss, onRemove };\n\t} );\n\n\tuseEffect( () => {\n\t\t// Only set up the timeout dismiss if we're not explicitly dismissing.\n\t\tconst timeoutHandle = setTimeout( () => {\n\t\t\tif ( ! explicitDismiss ) {\n\t\t\t\tcallbacksRef.current.onDismiss?.();\n\t\t\t\tcallbacksRef.current.onRemove?.();\n\t\t\t}\n\t\t}, NOTICE_TIMEOUT );\n\n\t\treturn () => clearTimeout( timeoutHandle );\n\t}, [ explicitDismiss ] );\n\n\tconst classes = clsx( className, 'components-snackbar', {\n\t\t'components-snackbar-explicit-dismiss': !! explicitDismiss,\n\t} );\n\tif ( actions && actions.length > 1 ) {\n\t\t// We need to inform developers that snackbar only accepts 1 action.\n\t\twarning(\n\t\t\t'Snackbar can only have one action. Use Notice if your message requires many actions.'\n\t\t);\n\t\t// return first element only while keeping it inside an array\n\t\tactions = [ actions[ 0 ] ];\n\t}\n\n\tconst snackbarContentClassnames = clsx( 'components-snackbar__content', {\n\t\t'components-snackbar__content-with-icon': !! icon,\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName={ classes }\n\t\t\tonClick={ ! explicitDismiss ? dismissMe : undefined }\n\t\t\ttabIndex={ 0 }\n\t\t\trole={ ! explicitDismiss ? 'button' : undefined }\n\t\t\tonKeyPress={ ! explicitDismiss ? dismissMe : undefined }\n\t\t\taria-label={\n\t\t\t\t! explicitDismiss ? __( 'Dismiss this notice' ) : undefined\n\t\t\t}\n\t\t\tdata-testid=\"snackbar\"\n\t\t>\n\t\t\t<div className={ snackbarContentClassnames }>\n\t\t\t\t{ icon && (\n\t\t\t\t\t<div className=\"components-snackbar__icon\">{ icon }</div>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t\t{ actions.map(\n\t\t\t\t\t( { label, onClick, url, openInNewTab = false }, index ) =>\n\t\t\t\t\t\turl !== undefined && openInNewTab ? (\n\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\t\tonClick={ ( event ) =>\n\t\t\t\t\t\t\t\t\tonActionClick( event, onClick )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tclassName=\"components-snackbar__action\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\tonClick={ (\n\t\t\t\t\t\t\t\t\tevent: MouseEvent< HTMLButtonElement >\n\t\t\t\t\t\t\t\t) => onActionClick( event, onClick ) }\n\t\t\t\t\t\t\t\tclassName=\"components-snackbar__action\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)\n\t\t\t\t) }\n\t\t\t\t{ explicitDismiss && (\n\t\t\t\t\t<span\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\taria-label={ __( 'Dismiss this notice' ) }\n\t\t\t\t\t\ttabIndex={ 0 }\n\t\t\t\t\t\tclassName=\"components-snackbar__dismiss-button\"\n\t\t\t\t\t\tonClick={ dismissMe }\n\t\t\t\t\t\tonKeyPress={ dismissMe }\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n/**\n * A Snackbar displays a succinct message that is cleared out after a small delay.\n *\n * It can also offer the user options, like viewing a published post.\n * But these options should also be available elsewhere in the UI.\n *\n * ```jsx\n * const MySnackbarNotice = () => (\n *   <Snackbar>Post published successfully.</Snackbar>\n * );\n * ```\n */\nexport const Snackbar = forwardRef( UnforwardedSnackbar );\n\nexport default Snackbar;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/snackbar/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { useEffect, useLayoutEffect, useRef, forwardRef, renderToString } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport ExternalLink from '../external-link';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst NOTICE_TIMEOUT = 10000;\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n *\n * @param message    Message to announce.\n * @param politeness Politeness to announce.\n */\nfunction useSpokenMessage(message, politeness) {\n  const spokenMessage = typeof message === 'string' ? message : renderToString(message);\n  useEffect(() => {\n    if (spokenMessage) {\n      speak(spokenMessage, politeness);\n    }\n  }, [spokenMessage, politeness]);\n}\nfunction UnforwardedSnackbar({\n  className,\n  children,\n  spokenMessage = children,\n  politeness = 'polite',\n  actions = [],\n  onRemove,\n  icon = null,\n  explicitDismiss = false,\n  // onDismiss is a callback executed when the snackbar is dismissed.\n  // It is distinct from onRemove, which _looks_ like a callback but is\n  // actually the function to call to remove the snackbar from the UI.\n  onDismiss,\n  listRef\n}, ref) {\n  function dismissMe(event) {\n    if (event && event.preventDefault) {\n      event.preventDefault();\n    }\n\n    // Prevent focus loss by moving it to the list element.\n    listRef?.current?.focus();\n    onDismiss?.();\n    onRemove?.();\n  }\n  function onActionClick(event, onClick) {\n    event.stopPropagation();\n    onRemove?.();\n    if (onClick) {\n      onClick(event);\n    }\n  }\n  useSpokenMessage(spokenMessage, politeness);\n\n  // The `onDismiss/onRemove` can have unstable references,\n  // trigger side-effect cleanup, and reset timers.\n  const callbacksRef = useRef({\n    onDismiss,\n    onRemove\n  });\n  useLayoutEffect(() => {\n    callbacksRef.current = {\n      onDismiss,\n      onRemove\n    };\n  });\n  useEffect(() => {\n    // Only set up the timeout dismiss if we're not explicitly dismissing.\n    const timeoutHandle = setTimeout(() => {\n      if (!explicitDismiss) {\n        callbacksRef.current.onDismiss?.();\n        callbacksRef.current.onRemove?.();\n      }\n    }, NOTICE_TIMEOUT);\n    return () => clearTimeout(timeoutHandle);\n  }, [explicitDismiss]);\n  const classes = clsx(className, 'components-snackbar', {\n    'components-snackbar-explicit-dismiss': !!explicitDismiss\n  });\n  if (actions && actions.length > 1) {\n    // We need to inform developers that snackbar only accepts 1 action.\n    globalThis.SCRIPT_DEBUG === true ? warning('Snackbar can only have one action. Use Notice if your message requires many actions.') : void 0;\n    // return first element only while keeping it inside an array\n    actions = [actions[0]];\n  }\n  const snackbarContentClassnames = clsx('components-snackbar__content', {\n    'components-snackbar__content-with-icon': !!icon\n  });\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: classes,\n    onClick: !explicitDismiss ? dismissMe : undefined,\n    tabIndex: 0,\n    role: !explicitDismiss ? 'button' : undefined,\n    onKeyPress: !explicitDismiss ? dismissMe : undefined,\n    \"aria-label\": !explicitDismiss ? __('Dismiss this notice') : undefined,\n    \"data-testid\": \"snackbar\",\n    children: /*#__PURE__*/_jsxs(\"div\", {\n      className: snackbarContentClassnames,\n      children: [icon && /*#__PURE__*/_jsx(\"div\", {\n        className: \"components-snackbar__icon\",\n        children: icon\n      }), children, actions.map(({\n        label,\n        onClick,\n        url,\n        openInNewTab = false\n      }, index) => url !== undefined && openInNewTab ? /*#__PURE__*/_jsx(ExternalLink, {\n        href: url,\n        onClick: event => onActionClick(event, onClick),\n        className: \"components-snackbar__action\",\n        children: label\n      }, index) : /*#__PURE__*/_jsx(Button, {\n        __next40pxDefaultSize: true,\n        href: url,\n        variant: \"link\",\n        onClick: event => onActionClick(event, onClick),\n        className: \"components-snackbar__action\",\n        children: label\n      }, index)), explicitDismiss && /*#__PURE__*/_jsx(\"span\", {\n        role: \"button\",\n        \"aria-label\": __('Dismiss this notice'),\n        tabIndex: 0,\n        className: \"components-snackbar__dismiss-button\",\n        onClick: dismissMe,\n        onKeyPress: dismissMe,\n        children: \"\\u2715\"\n      })]\n    })\n  });\n}\n\n/**\n * A Snackbar displays a succinct message that is cleared out after a small delay.\n *\n * It can also offer the user options, like viewing a published post.\n * But these options should also be available elsewhere in the UI.\n *\n * ```jsx\n * const MySnackbarNotice = () => (\n *   <Snackbar>Post published successfully.</Snackbar>\n * );\n * ```\n */\nexport const Snackbar = forwardRef(UnforwardedSnackbar);\nexport default Snackbar;"],
+  "mappings": "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",
+  "names": []
+}