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

package/build/snackbar/index.js

@@ -1,44 +1,51 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var snackbar_exports = {};
+__export(snackbar_exports, {
+  Snackbar: () => Snackbar,
+  default: () => snackbar_default
 });
-exports.default = exports.Snackbar = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _a11y = require("@wordpress/a11y");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _warning = _interopRequireDefault(require("@wordpress/warning"));
-var _button = _interopRequireDefault(require("../button"));
-var _externalLink = _interopRequireDefault(require("../external-link"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-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.
- */
+module.exports = __toCommonJS(snackbar_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_a11y = require("@wordpress/a11y");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_warning = __toESM(require("@wordpress/warning"));
+var import_button = __toESM(require("../button"));
+var import_external_link = __toESM(require("../external-link"));
+var import_jsx_runtime = require("react/jsx-runtime");
+const NOTICE_TIMEOUT = 1e4;
 function useSpokenMessage(message, politeness) {
-  const spokenMessage = typeof message === 'string' ? message : (0, _element.renderToString)(message);
-  (0, _element.useEffect)(() => {
+  const spokenMessage = typeof message === "string" ? message : (0, import_element.renderToString)(message);
+  (0, import_element.useEffect)(() => {
     if (spokenMessage) {
-      (0, _a11y.speak)(spokenMessage, politeness);
+      (0, import_a11y.speak)(spokenMessage, politeness);
     }
   }, [spokenMessage, politeness]);
 }
@@ -46,7 +53,7 @@ function UnforwardedSnackbar({
   className,
   children,
   spokenMessage = children,
-  politeness = 'polite',
+  politeness = "polite",
   actions = [],
   onRemove,
   icon = null,
@@ -61,8 +68,6 @@ function UnforwardedSnackbar({
     if (event && event.preventDefault) {
       event.preventDefault();
     }
-
-    // Prevent focus loss by moving it to the list element.
     listRef?.current?.focus();
     onDismiss?.();
     onRemove?.();
@@ -75,21 +80,17 @@ function UnforwardedSnackbar({
     }
   }
   useSpokenMessage(spokenMessage, politeness);
-
-  // The `onDismiss/onRemove` can have unstable references,
-  // trigger side-effect cleanup, and reset timers.
-  const callbacksRef = (0, _element.useRef)({
+  const callbacksRef = (0, import_element.useRef)({
     onDismiss,
     onRemove
   });
-  (0, _element.useLayoutEffect)(() => {
+  (0, import_element.useLayoutEffect)(() => {
     callbacksRef.current = {
       onDismiss,
       onRemove
     };
   });
-  (0, _element.useEffect)(() => {
-    // Only set up the timeout dismiss if we're not explicitly dismissing.
+  (0, import_element.useEffect)(() => {
     const timeoutHandle = setTimeout(() => {
       if (!explicitDismiss) {
         callbacksRef.current.onDismiss?.();
@@ -98,30 +99,28 @@ function UnforwardedSnackbar({
     }, NOTICE_TIMEOUT);
     return () => clearTimeout(timeoutHandle);
   }, [explicitDismiss]);
-  const classes = (0, _clsx.default)(className, 'components-snackbar', {
-    'components-snackbar-explicit-dismiss': !!explicitDismiss
+  const classes = (0, import_clsx.default)(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 ? (0, _warning.default)('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 ? (0, import_warning.default)("Snackbar can only have one action. Use Notice if your message requires many actions.") : void 0;
     actions = [actions[0]];
   }
-  const snackbarContentClassnames = (0, _clsx.default)('components-snackbar__content', {
-    'components-snackbar__content-with-icon': !!icon
+  const snackbarContentClassnames = (0, import_clsx.default)("components-snackbar__content", {
+    "components-snackbar__content-with-icon": !!icon
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: ref,
+  return /* @__PURE__ */ (0, import_jsx_runtime.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 ? (0, _i18n.__)('Dismiss this notice') : undefined,
+    role: !explicitDismiss ? "button" : void 0,
+    onKeyPress: !explicitDismiss ? dismissMe : void 0,
+    "aria-label": !explicitDismiss ? (0, import_i18n.__)("Dismiss this notice") : void 0,
     "data-testid": "snackbar",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: snackbarContentClassnames,
-      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "components-snackbar__icon",
         children: icon
       }), children, actions.map(({
@@ -129,21 +128,21 @@ function UnforwardedSnackbar({
         onClick,
         url,
         openInNewTab = false
-      }, index) => url !== undefined && openInNewTab ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_externalLink.default, {
+      }, index) => url !== void 0 && openInNewTab ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_external_link.default, {
         href: url,
-        onClick: event => onActionClick(event, onClick),
+        onClick: (event) => onActionClick(event, onClick),
         className: "components-snackbar__action",
         children: label
-      }, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      }, index) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
         __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__*/(0, _jsxRuntime.jsx)("span", {
+      }, index)), explicitDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
         role: "button",
-        "aria-label": (0, _i18n.__)('Dismiss this notice'),
+        "aria-label": (0, import_i18n.__)("Dismiss this notice"),
         tabIndex: 0,
         className: "components-snackbar__dismiss-button",
         onClick: dismissMe,
@@ -153,19 +152,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>
- * );
- * ```
- */
-const Snackbar = exports.Snackbar = (0, _element.forwardRef)(UnforwardedSnackbar);
-var _default = exports.default = Snackbar;
-//# sourceMappingURL=index.js.map
+const Snackbar = (0, import_element.forwardRef)(UnforwardedSnackbar);
+var snackbar_default = Snackbar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Snackbar
+});
+//# sourceMappingURL=index.js.map

package/build/snackbar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_a11y","_element","_i18n","_warning","_button","_externalLink","_jsxRuntime","NOTICE_TIMEOUT","useSpokenMessage","message","politeness","spokenMessage","renderToString","useEffect","speak","UnforwardedSnackbar","className","children","actions","onRemove","icon","explicitDismiss","onDismiss","listRef","ref","dismissMe","event","preventDefault","current","focus","onActionClick","onClick","stopPropagation","callbacksRef","useRef","useLayoutEffect","timeoutHandle","setTimeout","clearTimeout","classes","clsx","length","globalThis","SCRIPT_DEBUG","warning","snackbarContentClassnames","jsx","undefined","tabIndex","role","onKeyPress","__","jsxs","map","label","url","openInNewTab","index","default","href","__next40pxDefaultSize","variant","Snackbar","exports","forwardRef","_default"],"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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAiB;AAKjB,kBAAsB;AACtB,qBAA+E;AAC/E,kBAAmB;AACnB,qBAAoB;AAKpB,oBAAmB;AACnB,2BAAyB;AACzB,yBAA2C;AAC3C,MAAM,iBAAiB;AASvB,SAAS,iBAAiB,SAAS,YAAY;AAC7C,QAAM,gBAAgB,OAAO,YAAY,WAAW,cAAU,+BAAe,OAAO;AACpF,gCAAU,MAAM;AACd,QAAI,eAAe;AACjB,6BAAM,eAAe,UAAU;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,eAAe,UAAU,CAAC;AAChC;AACA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,UAAU,CAAC;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIlB;AAAA,EACA;AACF,GAAG,KAAK;AACN,WAAS,UAAU,OAAO;AACxB,QAAI,SAAS,MAAM,gBAAgB;AACjC,YAAM,eAAe;AAAA,IACvB;AAGA,aAAS,SAAS,MAAM;AACxB,gBAAY;AACZ,eAAW;AAAA,EACb;AACA,WAAS,cAAc,OAAO,SAAS;AACrC,UAAM,gBAAgB;AACtB,eAAW;AACX,QAAI,SAAS;AACX,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AACA,mBAAiB,eAAe,UAAU;AAI1C,QAAM,mBAAe,uBAAO;AAAA,IAC1B;AAAA,IACA;AAAA,EACF,CAAC;AACD,sCAAgB,MAAM;AACpB,iBAAa,UAAU;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACD,gCAAU,MAAM;AAEd,UAAM,gBAAgB,WAAW,MAAM;AACrC,UAAI,CAAC,iBAAiB;AACpB,qBAAa,QAAQ,YAAY;AACjC,qBAAa,QAAQ,WAAW;AAAA,MAClC;AAAA,IACF,GAAG,cAAc;AACjB,WAAO,MAAM,aAAa,aAAa;AAAA,EACzC,GAAG,CAAC,eAAe,CAAC;AACpB,QAAM,cAAU,YAAAA,SAAK,WAAW,uBAAuB;AAAA,IACrD,wCAAwC,CAAC,CAAC;AAAA,EAC5C,CAAC;AACD,MAAI,WAAW,QAAQ,SAAS,GAAG;AAEjC,eAAW,iBAAiB,WAAO,eAAAC,SAAQ,sFAAsF,IAAI;AAErI,cAAU,CAAC,QAAQ,CAAC,CAAC;AAAA,EACvB;AACA,QAAM,gCAA4B,YAAAD,SAAK,gCAAgC;AAAA,IACrE,0CAA0C,CAAC,CAAC;AAAA,EAC9C,CAAC;AACD,SAAoB,uCAAAE,KAAK,OAAO;AAAA,IAC9B;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,kBAAkB,YAAY;AAAA,IACxC,UAAU;AAAA,IACV,MAAM,CAAC,kBAAkB,WAAW;AAAA,IACpC,YAAY,CAAC,kBAAkB,YAAY;AAAA,IAC3C,cAAc,CAAC,sBAAkB,gBAAG,qBAAqB,IAAI;AAAA,IAC7D,eAAe;AAAA,IACf,UAAuB,uCAAAC,MAAM,OAAO;AAAA,MAClC,WAAW;AAAA,MACX,UAAU,CAAC,QAAqB,uCAAAD,KAAK,OAAO;AAAA,QAC1C,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,CAAC,GAAG,UAAU,QAAQ,IAAI,CAAC;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,MACjB,GAAG,UAAU,QAAQ,UAAa,eAA4B,uCAAAA,KAAK,qBAAAE,SAAc;AAAA,QAC/E,MAAM;AAAA,QACN,SAAS,WAAS,cAAc,OAAO,OAAO;AAAA,QAC9C,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,GAAG,KAAK,IAAiB,uCAAAF,KAAK,cAAAG,SAAQ;AAAA,QACpC,uBAAuB;AAAA,QACvB,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS,WAAS,cAAc,OAAO,OAAO;AAAA,QAC9C,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,GAAG,KAAK,CAAC,GAAG,mBAAgC,uCAAAH,KAAK,QAAQ;AAAA,QACvD,MAAM;AAAA,QACN,kBAAc,gBAAG,qBAAqB;AAAA,QACtC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AAcO,MAAM,eAAW,2BAAW,mBAAmB;AACtD,IAAO,mBAAQ;",
+  "names": ["clsx", "warning", "_jsx", "_jsxs", "ExternalLink", "Button"]
+}

package/build/snackbar/list.js

@@ -1,45 +1,59 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var list_exports = {};
+__export(list_exports, {
+  SnackbarList: () => SnackbarList,
+  default: () => list_default
 });
-exports.SnackbarList = SnackbarList;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _compose = require("@wordpress/compose");
-var _element = require("@wordpress/element");
-var _ = _interopRequireDefault(require("."));
-var _animation = require("../animation");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(list_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import__ = __toESM(require("."));
+var import_animation = require("../animation");
+var import_jsx_runtime = require("react/jsx-runtime");
 const SNACKBAR_VARIANTS = {
   init: {
     height: 0,
     opacity: 0
   },
   open: {
-    height: 'auto',
+    height: "auto",
     opacity: 1,
     transition: {
       height: {
-        type: 'tween',
+        type: "tween",
         duration: 0.3,
         ease: [0, 0, 0.2, 1]
       },
       opacity: {
-        type: 'tween',
+        type: "tween",
         duration: 0.25,
         delay: 0.05,
         ease: [0, 0, 0.2, 1]
@@ -49,59 +63,45 @@ const SNACKBAR_VARIANTS = {
   exit: {
     opacity: 0,
     transition: {
-      type: 'tween',
+      type: "tween",
       duration: 0.1,
       ease: [0, 0, 0.2, 1]
     }
   }
 };
-
-/**
- * Renders a list of notices.
- *
- * ```jsx
- * const MySnackbarListNotice = () => (
- *   <SnackbarList
- *     notices={ notices }
- *     onRemove={ removeNotice }
- *   />
- * );
- * ```
- */
 function SnackbarList({
   notices,
   className,
   children,
   onRemove
 }) {
-  const listRef = (0, _element.useRef)(null);
-  const isReducedMotion = (0, _compose.useReducedMotion)();
-  className = (0, _clsx.default)('components-snackbar-list', className);
-  const removeNotice = notice => () => onRemove?.(notice.id);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: className,
+  const listRef = (0, import_element.useRef)(null);
+  const isReducedMotion = (0, import_compose.useReducedMotion)();
+  className = (0, import_clsx.default)("components-snackbar-list", className);
+  const removeNotice = (notice) => () => onRemove?.(notice.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    className,
     tabIndex: -1,
     ref: listRef,
     "data-testid": "snackbar-list",
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_animation.__unstableAnimatePresence, {
-      children: notices.map(notice => {
+    children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animation.__unstableAnimatePresence, {
+      children: notices.map((notice) => {
         const {
           content,
           ...restNotice
         } = notice;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_animation.__unstableMotion.div, {
-          layout: !isReducedMotion // See https://www.framer.com/docs/animation/#layout-animations
-          ,
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animation.__unstableMotion.div, {
+          layout: !isReducedMotion,
           initial: "init",
           animate: "open",
           exit: "exit",
-          variants: isReducedMotion ? undefined : SNACKBAR_VARIANTS,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          variants: isReducedMotion ? void 0 : SNACKBAR_VARIANTS,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
             className: "components-snackbar-list__notice-container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, {
               ...restNotice,
               onRemove: removeNotice(notice),
-              listRef: listRef,
+              listRef,
               children: notice.content
             })
           })
@@ -110,5 +110,9 @@ function SnackbarList({
     })]
   });
 }
-var _default = exports.default = SnackbarList;
-//# sourceMappingURL=list.js.map
+var list_default = SnackbarList;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SnackbarList
+});
+//# sourceMappingURL=list.js.map

package/build/snackbar/list.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_","_animation","_jsxRuntime","SNACKBAR_VARIANTS","init","height","opacity","open","transition","type","duration","ease","delay","exit","SnackbarList","notices","className","children","onRemove","listRef","useRef","isReducedMotion","useReducedMotion","clsx","removeNotice","notice","id","jsxs","tabIndex","ref","jsx","__unstableAnimatePresence","map","content","restNotice","__unstableMotion","div","layout","initial","animate","variants","undefined","default","_default","exports"],"sources":["@wordpress/components/src/snackbar/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Snackbar from '.';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '../animation';\nimport type { SnackbarListProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nconst SNACKBAR_VARIANTS = {\n\tinit: {\n\t\theight: 0,\n\t\topacity: 0,\n\t},\n\topen: {\n\t\theight: 'auto',\n\t\topacity: 1,\n\t\ttransition: {\n\t\t\theight: { type: 'tween', duration: 0.3, ease: [ 0, 0, 0.2, 1 ] },\n\t\t\topacity: {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: 0.25,\n\t\t\t\tdelay: 0.05,\n\t\t\t\tease: [ 0, 0, 0.2, 1 ],\n\t\t\t},\n\t\t},\n\t},\n\texit: {\n\t\topacity: 0,\n\t\ttransition: {\n\t\t\ttype: 'tween',\n\t\t\tduration: 0.1,\n\t\t\tease: [ 0, 0, 0.2, 1 ],\n\t\t},\n\t},\n};\n\n/**\n * Renders a list of notices.\n *\n * ```jsx\n * const MySnackbarListNotice = () => (\n *   <SnackbarList\n *     notices={ notices }\n *     onRemove={ removeNotice }\n *   />\n * );\n * ```\n */\nexport function SnackbarList( {\n\tnotices,\n\tclassName,\n\tchildren,\n\tonRemove,\n}: WordPressComponentProps< SnackbarListProps, 'div' > ) {\n\tconst listRef = useRef< HTMLDivElement | null >( null );\n\tconst isReducedMotion = useReducedMotion();\n\tclassName = clsx( 'components-snackbar-list', className );\n\tconst removeNotice =\n\t\t( notice: SnackbarListProps[ 'notices' ][ number ] ) => () =>\n\t\t\tonRemove?.( notice.id );\n\treturn (\n\t\t<div\n\t\t\tclassName={ className }\n\t\t\ttabIndex={ -1 }\n\t\t\tref={ listRef }\n\t\t\tdata-testid=\"snackbar-list\"\n\t\t>\n\t\t\t{ children }\n\t\t\t<AnimatePresence>\n\t\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\t\tconst { content, ...restNotice } = notice;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tlayout={ ! isReducedMotion } // See https://www.framer.com/docs/animation/#layout-animations\n\t\t\t\t\t\t\tinitial=\"init\"\n\t\t\t\t\t\t\tanimate=\"open\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\t\tvariants={\n\t\t\t\t\t\t\t\tisReducedMotion ? undefined : SNACKBAR_VARIANTS\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"components-snackbar-list__notice-container\">\n\t\t\t\t\t\t\t\t<Snackbar\n\t\t\t\t\t\t\t\t\t{ ...restNotice }\n\t\t\t\t\t\t\t\t\tonRemove={ removeNotice( notice ) }\n\t\t\t\t\t\t\t\t\tlistRef={ listRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t\t\t\t</Snackbar>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</AnimatePresence>\n\t\t</div>\n\t);\n}\n\nexport default SnackbarList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,CAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAGsB,IAAAK,WAAA,GAAAL,OAAA;AAlBtB;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AASA,MAAMM,iBAAiB,GAAG;EACzBC,IAAI,EAAE;IACLC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACLF,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,CAAC;IACVE,UAAU,EAAE;MACXH,MAAM,EAAE;QAAEI,IAAI,EAAE,OAAO;QAAEC,QAAQ,EAAE,GAAG;QAAEC,IAAI,EAAE,CAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;MAAG,CAAC;MAChEL,OAAO,EAAE;QACRG,IAAI,EAAE,OAAO;QACbC,QAAQ,EAAE,IAAI;QACdE,KAAK,EAAE,IAAI;QACXD,IAAI,EAAE,CAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;MACrB;IACD;EACD,CAAC;EACDE,IAAI,EAAE;IACLP,OAAO,EAAE,CAAC;IACVE,UAAU,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAE,GAAG;MACbC,IAAI,EAAE,CAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB;EACD;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAE;EAC7BC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC;AACoD,CAAC,EAAG;EACxD,MAAMC,OAAO,GAAG,IAAAC,eAAM,EAA2B,IAAK,CAAC;EACvD,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAC1CN,SAAS,GAAG,IAAAO,aAAI,EAAE,0BAA0B,EAAEP,SAAU,CAAC;EACzD,MAAMQ,YAAY,GACfC,MAAgD,IAAM,MACvDP,QAAQ,GAAIO,MAAM,CAACC,EAAG,CAAC;EACzB,oBACC,IAAAxB,WAAA,CAAAyB,IAAA;IACCX,SAAS,EAAGA,SAAW;IACvBY,QAAQ,EAAG,CAAC,CAAG;IACfC,GAAG,EAAGV,OAAS;IACf,eAAY,eAAe;IAAAF,QAAA,GAEzBA,QAAQ,eACV,IAAAf,WAAA,CAAA4B,GAAA,EAAC7B,UAAA,CAAA8B,yBAAe;MAAAd,QAAA,EACbF,OAAO,CAACiB,GAAG,CAAIP,MAAM,IAAM;QAC5B,MAAM;UAAEQ,OAAO;UAAE,GAAGC;QAAW,CAAC,GAAGT,MAAM;QAEzC,oBACC,IAAAvB,WAAA,CAAA4B,GAAA,EAAC7B,UAAA,CAAAkC,gBAAM,CAACC,GAAG;UACVC,MAAM,EAAG,CAAEhB,eAAiB,CAAC;UAAA;UAC7BiB,OAAO,EAAC,MAAM;UACdC,OAAO,EAAC,MAAM;UACd1B,IAAI,EAAC,MAAM;UAEX2B,QAAQ,EACPnB,eAAe,GAAGoB,SAAS,GAAGtC,iBAC9B;UAAAc,QAAA,eAED,IAAAf,WAAA,CAAA4B,GAAA;YAAKd,SAAS,EAAC,4CAA4C;YAAAC,QAAA,eAC1D,IAAAf,WAAA,CAAA4B,GAAA,EAAC9B,CAAA,CAAA0C,OAAQ;cAAA,GACHR,UAAU;cACfhB,QAAQ,EAAGM,YAAY,CAAEC,MAAO,CAAG;cACnCN,OAAO,EAAGA,OAAS;cAAAF,QAAA,EAEjBQ,MAAM,CAACQ;YAAO,CACP;UAAC,CACP;QAAC,GAbAR,MAAM,CAACC,EAcF,CAAC;MAEf,CAAE;IAAC,CACa,CAAC;EAAA,CACd,CAAC;AAER;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc5B,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/snackbar/list.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Snackbar from '.';\nimport { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence } from '../animation';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SNACKBAR_VARIANTS = {\n  init: {\n    height: 0,\n    opacity: 0\n  },\n  open: {\n    height: 'auto',\n    opacity: 1,\n    transition: {\n      height: {\n        type: 'tween',\n        duration: 0.3,\n        ease: [0, 0, 0.2, 1]\n      },\n      opacity: {\n        type: 'tween',\n        duration: 0.25,\n        delay: 0.05,\n        ease: [0, 0, 0.2, 1]\n      }\n    }\n  },\n  exit: {\n    opacity: 0,\n    transition: {\n      type: 'tween',\n      duration: 0.1,\n      ease: [0, 0, 0.2, 1]\n    }\n  }\n};\n\n/**\n * Renders a list of notices.\n *\n * ```jsx\n * const MySnackbarListNotice = () => (\n *   <SnackbarList\n *     notices={ notices }\n *     onRemove={ removeNotice }\n *   />\n * );\n * ```\n */\nexport function SnackbarList({\n  notices,\n  className,\n  children,\n  onRemove\n}) {\n  const listRef = useRef(null);\n  const isReducedMotion = useReducedMotion();\n  className = clsx('components-snackbar-list', className);\n  const removeNotice = notice => () => onRemove?.(notice.id);\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: className,\n    tabIndex: -1,\n    ref: listRef,\n    \"data-testid\": \"snackbar-list\",\n    children: [children, /*#__PURE__*/_jsx(AnimatePresence, {\n      children: notices.map(notice => {\n        const {\n          content,\n          ...restNotice\n        } = notice;\n        return /*#__PURE__*/_jsx(motion.div, {\n          layout: !isReducedMotion // See https://www.framer.com/docs/animation/#layout-animations\n          ,\n          initial: \"init\",\n          animate: \"open\",\n          exit: \"exit\",\n          variants: isReducedMotion ? undefined : SNACKBAR_VARIANTS,\n          children: /*#__PURE__*/_jsx(\"div\", {\n            className: \"components-snackbar-list__notice-container\",\n            children: /*#__PURE__*/_jsx(Snackbar, {\n              ...restNotice,\n              onRemove: removeNotice(notice),\n              listRef: listRef,\n              children: notice.content\n            })\n          })\n        }, notice.id);\n      })\n    })]\n  });\n}\nexport default SnackbarList;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAiC;AACjC,qBAAuB;AAKvB,eAAqB;AACrB,uBAAyF;AACzF,yBAA2C;AAC3C,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,MACV,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC;AAAA,MACrB;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,MACV,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC;AAAA,IACrB;AAAA,EACF;AACF;AAcO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,cAAU,uBAAO,IAAI;AAC3B,QAAM,sBAAkB,iCAAiB;AACzC,kBAAY,YAAAA,SAAK,4BAA4B,SAAS;AACtD,QAAM,eAAe,YAAU,MAAM,WAAW,OAAO,EAAE;AACzD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B;AAAA,IACA,UAAU;AAAA,IACV,KAAK;AAAA,IACL,eAAe;AAAA,IACf,UAAU,CAAC,UAAuB,uCAAAC,KAAK,iBAAAC,2BAAiB;AAAA,MACtD,UAAU,QAAQ,IAAI,YAAU;AAC9B,cAAM;AAAA,UACJ;AAAA,UACA,GAAG;AAAA,QACL,IAAI;AACJ,eAAoB,uCAAAD,KAAK,iBAAAE,iBAAO,KAAK;AAAA,UACnC,QAAQ,CAAC;AAAA,UAET,SAAS;AAAA,UACT,SAAS;AAAA,UACT,MAAM;AAAA,UACN,UAAU,kBAAkB,SAAY;AAAA,UACxC,UAAuB,uCAAAF,KAAK,OAAO;AAAA,YACjC,WAAW;AAAA,YACX,UAAuB,uCAAAA,KAAK,SAAAG,SAAU;AAAA,cACpC,GAAG;AAAA,cACH,UAAU,aAAa,MAAM;AAAA,cAC7B;AAAA,cACA,UAAU,OAAO;AAAA,YACnB,CAAC;AAAA,UACH,CAAC;AAAA,QACH,GAAG,OAAO,EAAE;AAAA,MACd,CAAC;AAAA,IACH,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": ["clsx", "_jsxs", "_jsx", "AnimatePresence", "motion", "Snackbar"]
+}

package/build/snackbar/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/snackbar/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/snackbar/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MutableRefObject, ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tNoticeProps,\n\tNoticeChildren,\n\tNoticeAction,\n} from '../notice/types';\n\ntype SnackbarOnlyProps = {\n\t/**\n\t * The icon to render in the snackbar.\n\t *\n\t * @default null\n\t */\n\ticon?: ReactNode;\n\t/**\n\t * Whether to require user action to dismiss the snackbar.\n\t * By default, this is dismissed on a timeout, without user interaction.\n\t *\n\t * @default false\n\t */\n\texplicitDismiss?: boolean;\n\t/**\n\t * A ref to the list that contains the snackbar.\n\t */\n\tlistRef?: MutableRefObject< HTMLDivElement | null >;\n};\n\nexport type SnackbarProps = Pick<\n\tNoticeProps,\n\t| 'className'\n\t| 'children'\n\t| 'spokenMessage'\n\t| 'onRemove'\n\t| 'politeness'\n\t| 'onDismiss'\n> &\n\tSnackbarOnlyProps & {\n\t\t/**\n\t\t * An array of action objects. Each member object should contain:\n\t\t *\n\t\t * - `label`: `string` containing the text of the button/link\n\t\t * - `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n\t\t *    what the action does.\n\t\t *\n\t\t * The default appearance of an action button is inferred based on whether\n\t\t * `url` or `onClick` are provided, rendering the button as a link if\n\t\t * appropriate. If both props are provided, `url` takes precedence, and the\n\t\t * action button will render as an anchor tag.\n\t\t *\n\t\t * @default []\n\t\t */\n\t\tactions?: Pick<\n\t\t\tNoticeAction,\n\t\t\t'label' | 'url' | 'onClick' | 'openInNewTab'\n\t\t>[];\n\t};\n\nexport type SnackbarListProps = {\n\tnotices: Array<\n\t\tOmit< SnackbarProps, 'children' > & {\n\t\t\tid: string;\n\t\t\tcontent: string;\n\t\t}\n\t>;\n\tonRemove: ( id: string ) => void;\n\tchildren?: NoticeChildren | Array< NoticeChildren >;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/snackbar/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/spacer/component.js

@@ -1,53 +1,42 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var component_exports = {};
+__export(component_exports, {
+  Spacer: () => Spacer,
+  default: () => component_default
 });
-exports.default = exports.Spacer = void 0;
-var _context = require("../context");
-var _view = require("../view");
-var _hook = require("./hook");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(component_exports);
+var import_context = require("../context");
+var import_view = require("../view");
+var import_hook = require("./hook");
+var import_jsx_runtime = require("react/jsx-runtime");
 function UnconnectedSpacer(props, forwardedRef) {
-  const spacerProps = (0, _hook.useSpacer)(props);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {
+  const spacerProps = (0, import_hook.useSpacer)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_view.View, {
     ...spacerProps,
     ref: forwardedRef
   });
 }
-
-/**
- * `Spacer` is a primitive layout component that providers inner (`padding`) or outer (`margin`) space in-between components. It can also be used to adaptively provide space within an `HStack` or `VStack`.
- *
- * `Spacer` comes with a bunch of shorthand props to adjust `margin` and `padding`. The values of these props
- * can either be a number (which will act as a multiplier to the library's grid system base of 4px),
- * or a literal CSS value string.
- *
- * ```jsx
- * import { Spacer } from `@wordpress/components`
- *
- * function Example() {
- *   return (
- *     <View>
- *       <Spacer>
- *         <Heading>WordPress.org</Heading>
- *       </Spacer>
- *       <Text>
- *         Code is Poetry
- *       </Text>
- *     </View>
- *   );
- * }
- * ```
- */
-const Spacer = exports.Spacer = (0, _context.contextConnect)(UnconnectedSpacer, 'Spacer');
-var _default = exports.default = Spacer;
-//# sourceMappingURL=component.js.map
+const Spacer = (0, import_context.contextConnect)(UnconnectedSpacer, "Spacer");
+var component_default = Spacer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spacer
+});
+//# sourceMappingURL=component.js.map

package/build/spacer/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_context","require","_view","_hook","_jsxRuntime","UnconnectedSpacer","props","forwardedRef","spacerProps","useSpacer","jsx","View","ref","Spacer","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/spacer/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useSpacer } from './hook';\nimport type { SpacerProps } from './types';\n\nfunction UnconnectedSpacer(\n\tprops: WordPressComponentProps< SpacerProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst spacerProps = useSpacer( props );\n\n\treturn <View { ...spacerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Spacer` is a primitive layout component that providers inner (`padding`) or outer (`margin`) space in-between components. It can also be used to adaptively provide space within an `HStack` or `VStack`.\n *\n * `Spacer` comes with a bunch of shorthand props to adjust `margin` and `padding`. The values of these props\n * can either be a number (which will act as a multiplier to the library's grid system base of 4px),\n * or a literal CSS value string.\n *\n * ```jsx\n * import { Spacer } from `@wordpress/components`\n *\n * function Example() {\n *   return (\n *     <View>\n *       <Spacer>\n *         <Heading>WordPress.org</Heading>\n *       </Spacer>\n *       <Text>\n *         Code is Poetry\n *       </Text>\n *     </View>\n *   );\n * }\n * ```\n */\nexport const Spacer = contextConnect( UnconnectedSpacer, 'Spacer' );\n\nexport default Spacer;\n"],"mappings":";;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAmC,IAAAG,WAAA,GAAAH,OAAA;AAXnC;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASI,iBAAiBA,CACzBC,KAAoD,EACpDC,YAAiC,EAChC;EACD,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAAEH,KAAM,CAAC;EAEtC,oBAAO,IAAAF,WAAA,CAAAM,GAAA,EAACR,KAAA,CAAAS,IAAI;IAAA,GAAMH,WAAW;IAAGI,GAAG,EAAGL;EAAc,CAAE,CAAC;AACxD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,uBAAc,EAAEV,iBAAiB,EAAE,QAAS,CAAC;AAAC,IAAAW,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAErDJ,MAAM","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/spacer/component.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useSpacer } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedSpacer(props, forwardedRef) {\n  const spacerProps = useSpacer(props);\n  return /*#__PURE__*/_jsx(View, {\n    ...spacerProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Spacer` is a primitive layout component that providers inner (`padding`) or outer (`margin`) space in-between components. It can also be used to adaptively provide space within an `HStack` or `VStack`.\n *\n * `Spacer` comes with a bunch of shorthand props to adjust `margin` and `padding`. The values of these props\n * can either be a number (which will act as a multiplier to the library's grid system base of 4px),\n * or a literal CSS value string.\n *\n * ```jsx\n * import { Spacer } from `@wordpress/components`\n *\n * function Example() {\n *   return (\n *     <View>\n *       <Spacer>\n *         <Heading>WordPress.org</Heading>\n *       </Spacer>\n *       <Text>\n *         Code is Poetry\n *       </Text>\n *     </View>\n *   );\n * }\n * ```\n */\nexport const Spacer = contextConnect(UnconnectedSpacer, 'Spacer');\nexport default Spacer;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA0B;AAC1B,yBAA4B;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,kBAAc,uBAAU,KAAK;AACnC,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AA0BO,MAAM,aAAS,+BAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
+  "names": ["_jsx"]
+}