@wordpress/components 33.1.1-next.v.202605131032.0 → 35.0.0

package/build/draggable/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/draggable/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { throttle } from '@wordpress/compose';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst dragImageClass = 'components-draggable__invisible-drag-image';\nconst cloneWrapperClass = 'components-draggable__clone';\nconst clonePadding = 0;\nconst bodyClass = 'is-dragging-components-draggable';\n\n/**\n * `Draggable` is a Component that provides a way to set up a cross-browser\n * (including IE) customizable drag image and the transfer data for the drag\n * event. It decouples the drag handle and the element to drag: use it by\n * wrapping the component that will become the drag handle and providing the DOM\n * ID of the element to drag.\n *\n * Note that the drag handle needs to declare the `draggable=\"true\"` property\n * and bind the `Draggable`s `onDraggableStart` and `onDraggableEnd` event\n * handlers to its own `onDragStart` and `onDragEnd` respectively. `Draggable`\n * takes care of the logic to setup the drag image and the transfer data, but is\n * not concerned with creating an actual DOM element that is draggable.\n *\n * ```jsx\n * import { Draggable, Panel, PanelBody } from '@wordpress/components';\n * import { Icon, more } from '@wordpress/icons';\n *\n * const MyDraggable = () => (\n *   <div id=\"draggable-panel\">\n *     <Panel header=\"Draggable panel\">\n *       <PanelBody>\n *         <Draggable elementId=\"draggable-panel\" transferData={ {} }>\n *           { ( { onDraggableStart, onDraggableEnd } ) => (\n *             <div\n *               className=\"example-drag-handle\"\n *               draggable\n *               onDragStart={ onDraggableStart }\n *               onDragEnd={ onDraggableEnd }\n *             >\n *               <Icon icon={ more } />\n *             </div>\n *           ) }\n *         </Draggable>\n *       </PanelBody>\n *     </Panel>\n *   </div>\n * );\n * ```\n */\nexport function Draggable({\n  children,\n  onDragStart,\n  onDragOver,\n  onDragEnd,\n  appendToOwnerDocument = false,\n  cloneClassname,\n  elementId,\n  transferData,\n  __experimentalTransferDataType: transferDataType = 'text',\n  __experimentalDragComponent: dragComponent\n}) {\n  const dragComponentRef = useRef(null);\n  const cleanupRef = useRef(() => {});\n\n  /**\n   * Removes the element clone, resets cursor, and removes drag listener.\n   *\n   * @param event The non-custom DragEvent.\n   */\n  function end(event) {\n    event.preventDefault();\n    cleanupRef.current();\n    if (onDragEnd) {\n      onDragEnd(event);\n    }\n  }\n\n  /**\n   * This method does a couple of things:\n   *\n   * - Clones the current element and spawns clone over original element.\n   * - Adds a fake temporary drag image to avoid browser defaults.\n   * - Sets transfer data.\n   * - Adds dragover listener.\n   *\n   * @param event The non-custom DragEvent.\n   */\n  function start(event) {\n    const {\n      ownerDocument\n    } = event.target;\n    event.dataTransfer.setData(transferDataType, JSON.stringify(transferData));\n    const cloneWrapper = ownerDocument.createElement('div');\n    // Reset position to 0,0. Natural stacking order will position this lower, even with a transform otherwise.\n    cloneWrapper.style.top = '0';\n    cloneWrapper.style.left = '0';\n    const dragImage = ownerDocument.createElement('div');\n\n    // Set a fake drag image to avoid browser defaults. Remove from DOM\n    // right after. event.dataTransfer.setDragImage is not supported yet in\n    // IE, we need to check for its existence first.\n    if ('function' === typeof event.dataTransfer.setDragImage) {\n      dragImage.classList.add(dragImageClass);\n      ownerDocument.body.appendChild(dragImage);\n      event.dataTransfer.setDragImage(dragImage, 0, 0);\n    }\n    cloneWrapper.classList.add(cloneWrapperClass);\n    if (cloneClassname) {\n      cloneWrapper.classList.add(cloneClassname);\n    }\n    let x = 0;\n    let y = 0;\n    // If a dragComponent is defined, the following logic will clone the\n    // HTML node and inject it into the cloneWrapper.\n    if (dragComponentRef.current) {\n      // Position dragComponent at the same position as the cursor.\n      x = event.clientX;\n      y = event.clientY;\n      cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`;\n      const clonedDragComponent = ownerDocument.createElement('div');\n      clonedDragComponent.innerHTML = dragComponentRef.current.innerHTML;\n      cloneWrapper.appendChild(clonedDragComponent);\n\n      // Inject the cloneWrapper into the DOM.\n      ownerDocument.body.appendChild(cloneWrapper);\n    } else {\n      const element = ownerDocument.getElementById(elementId);\n\n      // Prepare element clone and append to element wrapper.\n      const elementRect = element.getBoundingClientRect();\n      const elementWrapper = element.parentNode;\n      const elementTopOffset = elementRect.top;\n      const elementLeftOffset = elementRect.left;\n      cloneWrapper.style.width = `${elementRect.width + clonePadding * 2}px`;\n      const clone = element.cloneNode(true);\n      clone.id = `clone-${elementId}`;\n\n      // Position clone right over the original element (20px padding).\n      x = elementLeftOffset - clonePadding;\n      y = elementTopOffset - clonePadding;\n      cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`;\n\n      // Hack: Remove iFrames as it's causing the embeds drag clone to freeze.\n      Array.from(clone.querySelectorAll('iframe')).forEach(child => child.parentNode?.removeChild(child));\n      cloneWrapper.appendChild(clone);\n\n      // Inject the cloneWrapper into the DOM.\n      if (appendToOwnerDocument) {\n        ownerDocument.body.appendChild(cloneWrapper);\n      } else {\n        elementWrapper?.appendChild(cloneWrapper);\n      }\n    }\n\n    // Mark the current cursor coordinates.\n    let cursorLeft = event.clientX;\n    let cursorTop = event.clientY;\n    function over(e) {\n      // Skip doing any work if mouse has not moved.\n      if (cursorLeft === e.clientX && cursorTop === e.clientY) {\n        return;\n      }\n      const nextX = x + e.clientX - cursorLeft;\n      const nextY = y + e.clientY - cursorTop;\n      cloneWrapper.style.transform = `translate( ${nextX}px, ${nextY}px )`;\n      cursorLeft = e.clientX;\n      cursorTop = e.clientY;\n      x = nextX;\n      y = nextY;\n      if (onDragOver) {\n        onDragOver(e);\n      }\n    }\n\n    // Aim for 60fps (16 ms per frame) for now. We can potentially use requestAnimationFrame (raf) instead,\n    // note that browsers may throttle raf below 60fps in certain conditions.\n    // @ts-ignore\n    const throttledDragOver = throttle(over, 16);\n    ownerDocument.addEventListener('dragover', throttledDragOver);\n\n    // Update cursor to 'grabbing', document wide.\n    ownerDocument.body.classList.add(bodyClass);\n    if (onDragStart) {\n      onDragStart(event);\n    }\n    cleanupRef.current = () => {\n      // Remove drag clone.\n      if (cloneWrapper && cloneWrapper.parentNode) {\n        cloneWrapper.parentNode.removeChild(cloneWrapper);\n      }\n      if (dragImage && dragImage.parentNode) {\n        dragImage.parentNode.removeChild(dragImage);\n      }\n\n      // Reset cursor.\n      ownerDocument.body.classList.remove(bodyClass);\n      ownerDocument.removeEventListener('dragover', throttledDragOver);\n    };\n  }\n  useEffect(() => () => {\n    cleanupRef.current();\n  }, []);\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [children({\n      onDraggableStart: start,\n      onDraggableEnd: end\n    }), dragComponent && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-draggable-drag-component-root\",\n      style: {\n        display: 'none'\n      },\n      ref: dragComponentRef,\n      children: dragComponent\n    })]\n  });\n}\nexport default Draggable;"],
-  "mappings": "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",
+  "sources": ["../../src/draggable/index.tsx", "../../../style-runtime/src/index.ts", "../../src/draggable/style.module.scss"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { throttle } from '@wordpress/compose';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { getWpCompatOverlaySlot } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\n\nimport styles from './style.module.scss';\n\n// Legacy class names preserved alongside the CSS-module hashed ones for\n// backwards compatibility. `filter(Boolean)` strips `undefined` from Jest's\n// CSS-module mock.\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst dragImageClasses = [styles['invisible-drag-image'], 'components-draggable__invisible-drag-image'].filter(Boolean);\nconst cloneWrapperClasses = [styles.clone, 'components-draggable__clone'].filter(Boolean);\n// Global class \u2014 shared with external code (e.g. block-editor keyboard drag).\nconst bodyClass = 'is-dragging-components-draggable';\nconst clonePadding = 0;\n\n/**\n * `Draggable` is a Component that provides a way to set up a cross-browser\n * (including IE) customizable drag image and the transfer data for the drag\n * event. It decouples the drag handle and the element to drag: use it by\n * wrapping the component that will become the drag handle and providing the DOM\n * ID of the element to drag.\n *\n * Note that the drag handle needs to declare the `draggable=\"true\"` property\n * and bind the `Draggable`s `onDraggableStart` and `onDraggableEnd` event\n * handlers to its own `onDragStart` and `onDragEnd` respectively. `Draggable`\n * takes care of the logic to setup the drag image and the transfer data, but is\n * not concerned with creating an actual DOM element that is draggable.\n *\n * ```jsx\n * import { Draggable, Panel, PanelBody } from '@wordpress/components';\n * import { Icon, more } from '@wordpress/icons';\n *\n * const MyDraggable = () => (\n *   <div id=\"draggable-panel\">\n *     <Panel header=\"Draggable panel\">\n *       <PanelBody>\n *         <Draggable elementId=\"draggable-panel\" transferData={ {} }>\n *           { ( { onDraggableStart, onDraggableEnd } ) => (\n *             <div\n *               className=\"example-drag-handle\"\n *               draggable\n *               onDragStart={ onDraggableStart }\n *               onDragEnd={ onDraggableEnd }\n *             >\n *               <Icon icon={ more } />\n *             </div>\n *           ) }\n *         </Draggable>\n *       </PanelBody>\n *     </Panel>\n *   </div>\n * );\n * ```\n */\nexport function Draggable({\n  children,\n  onDragStart,\n  onDragOver,\n  onDragEnd,\n  appendToOwnerDocument = false,\n  cloneClassname,\n  elementId,\n  transferData,\n  __experimentalTransferDataType: transferDataType = 'text',\n  __experimentalDragComponent: dragComponent\n}) {\n  const dragComponentRef = useRef(null);\n  const cleanupRef = useRef(() => {});\n\n  /**\n   * Removes the element clone, resets cursor, and removes drag listener.\n   *\n   * @param event The non-custom DragEvent.\n   */\n  function end(event) {\n    event.preventDefault();\n    cleanupRef.current();\n    if (onDragEnd) {\n      onDragEnd(event);\n    }\n  }\n\n  /**\n   * This method does a couple of things:\n   *\n   * - Clones the current element and spawns clone over original element.\n   * - Adds a fake temporary drag image to avoid browser defaults.\n   * - Sets transfer data.\n   * - Adds dragover listener.\n   *\n   * @param event The non-custom DragEvent.\n   */\n  function start(event) {\n    const {\n      ownerDocument\n    } = event.target;\n    // Only use the slot when it lives in the same document as the\n    // dragged element, so coordinate resolution stays in one space.\n    const slot = getWpCompatOverlaySlot();\n    const compatSlot = slot?.ownerDocument === ownerDocument ? slot : null;\n    event.dataTransfer.setData(transferDataType, JSON.stringify(transferData));\n    const cloneWrapper = ownerDocument.createElement('div');\n    // Reset position to 0,0. Natural stacking order will position this lower, even with a transform otherwise.\n    cloneWrapper.style.top = '0';\n    cloneWrapper.style.left = '0';\n    const dragImage = ownerDocument.createElement('div');\n\n    // Set a fake drag image to avoid browser defaults. Remove from DOM\n    // right after. event.dataTransfer.setDragImage is not supported yet in\n    // IE, we need to check for its existence first.\n    if ('function' === typeof event.dataTransfer.setDragImage) {\n      dragImage.classList.add(...dragImageClasses);\n      // Invisible \u2014 stays at the document body, no slot needed.\n      ownerDocument.body.appendChild(dragImage);\n      event.dataTransfer.setDragImage(dragImage, 0, 0);\n    }\n    cloneWrapper.classList.add(...cloneWrapperClasses);\n    const inSlotClass = styles['is-in-compat-slot'];\n    if (compatSlot && inSlotClass) {\n      cloneWrapper.classList.add(inSlotClass);\n    }\n    if (cloneClassname) {\n      cloneWrapper.classList.add(cloneClassname);\n    }\n    let x = 0;\n    let y = 0;\n    // If a dragComponent is defined, the following logic will clone the\n    // HTML node and inject it into the cloneWrapper.\n    if (dragComponentRef.current) {\n      // Position dragComponent at the same position as the cursor.\n      x = event.clientX;\n      y = event.clientY;\n      cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`;\n      const clonedDragComponent = ownerDocument.createElement('div');\n      clonedDragComponent.innerHTML = dragComponentRef.current.innerHTML;\n      cloneWrapper.appendChild(clonedDragComponent);\n      (compatSlot ?? ownerDocument.body).appendChild(cloneWrapper);\n    } else {\n      const element = ownerDocument.getElementById(elementId);\n\n      // Prepare element clone and append to element wrapper.\n      const elementRect = element.getBoundingClientRect();\n      const elementWrapper = element.parentNode;\n      const elementTopOffset = elementRect.top;\n      const elementLeftOffset = elementRect.left;\n      cloneWrapper.style.width = `${elementRect.width + clonePadding * 2}px`;\n      const clone = element.cloneNode(true);\n      clone.id = `clone-${elementId}`;\n\n      // Position clone right over the original element (20px padding).\n      x = elementLeftOffset - clonePadding;\n      y = elementTopOffset - clonePadding;\n      cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`;\n\n      // Hack: Remove iFrames as it's causing the embeds drag clone to freeze.\n      Array.from(clone.querySelectorAll('iframe')).forEach(child => child.parentNode?.removeChild(child));\n      cloneWrapper.appendChild(clone);\n      if (compatSlot) {\n        compatSlot.appendChild(cloneWrapper);\n      } else if (appendToOwnerDocument) {\n        ownerDocument.body.appendChild(cloneWrapper);\n      } else {\n        elementWrapper?.appendChild(cloneWrapper);\n      }\n    }\n\n    // Mark the current cursor coordinates.\n    let cursorLeft = event.clientX;\n    let cursorTop = event.clientY;\n    function over(e) {\n      // Skip doing any work if mouse has not moved.\n      if (cursorLeft === e.clientX && cursorTop === e.clientY) {\n        return;\n      }\n      const nextX = x + e.clientX - cursorLeft;\n      const nextY = y + e.clientY - cursorTop;\n      cloneWrapper.style.transform = `translate( ${nextX}px, ${nextY}px )`;\n      cursorLeft = e.clientX;\n      cursorTop = e.clientY;\n      x = nextX;\n      y = nextY;\n      if (onDragOver) {\n        onDragOver(e);\n      }\n    }\n\n    // Aim for 60fps (16 ms per frame) for now. We can potentially use requestAnimationFrame (raf) instead,\n    // note that browsers may throttle raf below 60fps in certain conditions.\n    // @ts-ignore\n    const throttledDragOver = throttle(over, 16);\n    ownerDocument.addEventListener('dragover', throttledDragOver);\n\n    // Update cursor to 'grabbing', document wide.\n    ownerDocument.body.classList.add(bodyClass);\n    if (onDragStart) {\n      onDragStart(event);\n    }\n    cleanupRef.current = () => {\n      // Remove drag clone.\n      if (cloneWrapper && cloneWrapper.parentNode) {\n        cloneWrapper.parentNode.removeChild(cloneWrapper);\n      }\n      if (dragImage && dragImage.parentNode) {\n        dragImage.parentNode.removeChild(dragImage);\n      }\n\n      // Reset cursor.\n      ownerDocument.body.classList.remove(bodyClass);\n      ownerDocument.removeEventListener('dragover', throttledDragOver);\n    };\n  }\n  useEffect(() => () => {\n    cleanupRef.current();\n  }, []);\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [children({\n      onDraggableStart: start,\n      onDraggableEnd: end\n    }), dragComponent && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-draggable-drag-component-root\",\n      style: {\n        display: 'none'\n      },\n      ref: dragComponentRef,\n      children: dragComponent\n    })]\n  });\n}\nexport default Draggable;", "const STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n  const globalScope = globalThis;\n  if (globalScope.__wpStyleRuntime) {\n    return globalScope.__wpStyleRuntime;\n  }\n  globalScope.__wpStyleRuntime = {\n    documents: new Map(),\n    styles: new Map(),\n    injectedStyles: new WeakMap()\n  };\n  if (typeof document !== 'undefined') {\n    registerDocument(document);\n  }\n  return globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(targetDocument, hash) {\n  if (!targetDocument.head) {\n    return false;\n  }\n  for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {\n    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle(targetDocument, hash, css) {\n  if (!targetDocument.head) {\n    return;\n  }\n  const runtime = getRuntime();\n  let injectedStyles = runtime.injectedStyles.get(targetDocument);\n  if (!injectedStyles) {\n    injectedStyles = new Set();\n    runtime.injectedStyles.set(targetDocument, injectedStyles);\n  }\n  if (injectedStyles.has(hash)) {\n    return;\n  }\n\n  // Older generated CSS module output can still inject matching style tags\n  // after this document's cache is created, so keep the DOM as the fallback\n  // source of truth on cache misses.\n  if (documentContainsStyleHash(targetDocument, hash)) {\n    injectedStyles.add(hash);\n    return;\n  }\n  const style = targetDocument.createElement('style');\n  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);\n  style.appendChild(targetDocument.createTextNode(css));\n  targetDocument.head.appendChild(style);\n  injectedStyles.add(hash);\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument(targetDocument) {\n  const runtime = getRuntime();\n  runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);\n  for (const [hash, css] of runtime.styles) {\n    injectStyle(targetDocument, hash, css);\n  }\n  return () => {\n    const count = runtime.documents.get(targetDocument);\n    if (count === undefined) {\n      return;\n    }\n    if (count <= 1) {\n      runtime.documents.delete(targetDocument);\n      return;\n    }\n    runtime.documents.set(targetDocument, count - 1);\n  };\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle(hash, css) {\n  const runtime = getRuntime();\n  runtime.styles.set(hash, css);\n  for (const targetDocument of runtime.documents.keys()) {\n    injectStyle(targetDocument, hash, css);\n  }\n}", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"f8d1257e92\", \"._3476c2e530687f96__invisible-drag-image{height:50px;left:-1000px;position:fixed;width:50px}._6f00e51ab7574306__clone{background:#0000;padding:0;pointer-events:none;position:fixed}._6f00e51ab7574306__clone:not(._664ecd37377558df__is-in-compat-slot){z-index:1000000000}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}\");\n}\nexport default {\"invisible-drag-image\":\"_3476c2e530687f96__invisible-drag-image\",\"clone\":\"_6f00e51ab7574306__clone\",\"is-in-compat-slot\":\"_664ecd37377558df__is-in-compat-slot\"};\n"],
+  "mappings": "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",
   "names": ["_jsxs", "_Fragment", "_jsx"]
 }

package/build/form-token-field/index.cjs

@@ -204,7 +204,9 @@ function FormTokenField(props) {
         break;
       case "Space":
         if (tokenizeOnSpace) {
-          preventDefault = addCurrentToken();
+          preventDefault = addCurrentToken({
+            preventDefaultOnFailedValidation: false
+          });
         }
         break;
       case "Escape":
@@ -258,7 +260,35 @@ function FormTokenField(props) {
     const items = text.split(separator);
     const tokenValue = items[items.length - 1] || "";
     if (items.length > 1) {
-      addNewTokens(items.slice(0, -1));
+      const tokensToProcess = items.slice(0, -1);
+      const willFailValidation = (segment) => {
+        const transformed = saveTransform(segment);
+        return !!transformed && !valueContainsToken(transformed) && !__experimentalValidateInput(transformed);
+      };
+      const hasFailures = tokensToProcess.some(willFailValidation);
+      const addedTokens = addNewTokens(hasFailures ? items : tokensToProcess);
+      if (hasFailures) {
+        const rejected = items.filter((token) => {
+          const transformed = saveTransform(token);
+          if (!transformed) {
+            return false;
+          }
+          if (addedTokens.has(transformed)) {
+            return false;
+          }
+          if (valueContainsToken(transformed)) {
+            return false;
+          }
+          return !__experimentalValidateInput(transformed);
+        });
+        const usedSeparators = text.match(/[ ,\t]/g);
+        const separatorChar = usedSeparators?.[usedSeparators.length - 1] ?? (tokenizeOnSpace ? " " : ",");
+        const trailing = tokenValue === "" ? separatorChar : "";
+        const remaining = rejected.join(separatorChar) + trailing;
+        setIncompleteTokenValue(remaining);
+        onInputChange(remaining);
+        return;
+      }
     }
     setIncompleteTokenValue(tokenValue);
     onInputChange(tokenValue);
@@ -349,30 +379,33 @@ function FormTokenField(props) {
       moveInputToIndex(index);
     }
   }
-  function addCurrentToken() {
+  function addCurrentToken({
+    preventDefaultOnFailedValidation = true
+  } = {}) {
     let preventDefault = false;
     const selectedSuggestion = getSelectedSuggestion();
     if (selectedSuggestion) {
       addNewToken(selectedSuggestion);
       preventDefault = true;
     } else if (inputHasValidValue()) {
-      addNewToken(incompleteTokenValue);
-      preventDefault = true;
+      const passedValidation = addNewToken(incompleteTokenValue);
+      preventDefault = passedValidation || preventDefaultOnFailedValidation;
     }
     return preventDefault;
   }
   function addNewTokens(tokens) {
-    const tokensToAdd = [...new Set(tokens.map(saveTransform).filter(Boolean).filter((token) => !valueContainsToken(token)))];
+    const tokensToAdd = [...new Set(tokens.map(saveTransform).filter(Boolean).filter((token) => !valueContainsToken(token)).filter((token) => __experimentalValidateInput(token)))];
     if (tokensToAdd.length > 0) {
       const newValue = [...value];
       newValue.splice(getIndexOfInput(), 0, ...tokensToAdd);
       onChange(newValue);
     }
+    return new Set(tokensToAdd);
   }
   function addNewToken(token) {
     if (!__experimentalValidateInput(token)) {
       (0, import_a11y.speak)(messages.__experimentalInvalid, "assertive");
-      return;
+      return false;
     }
     addNewTokens([token]);
     (0, import_a11y.speak)(messages.added, "assertive");
@@ -383,6 +416,7 @@ function FormTokenField(props) {
     if (isActive && !tokenizeOnBlur) {
       focus();
     }
+    return true;
   }
   function deleteToken(token) {
     const newTokens = value.filter((item) => {

package/build/form-token-field/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/form-token-field/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useDebounce, useInstanceId, usePrevious } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Token from './token';\nimport TokenInput from './token-input';\nimport { TokensAndInputWrapperFlex } from './styles';\nimport SuggestionsList from './suggestions-list';\nimport { FlexItem } from '../flex';\nimport { StyledHelp, StyledLabel } from '../base-control/styles/base-control-styles';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst identity = value => value;\n\n/**\n * A `FormTokenField` is a field similar to the tags and categories fields in the interim editor chrome,\n * or the \"to\" field in Mail on OS X. Tokens can be entered by typing them or selecting them from a list of suggested tokens.\n *\n * Up to one hundred suggestions that match what the user has typed so far will be shown from which the user can pick from (auto-complete).\n * Tokens are separated by the \",\" character. Suggestions can be selected with the up or down arrows and added with the tab or enter key.\n *\n * The `value` property is handled in a manner similar to controlled form components.\n * See [Forms](https://react.dev/reference/react-dom/components#form-components) in the React Documentation for more information.\n */\nexport function FormTokenField(props) {\n  const {\n    autoCapitalize,\n    autoComplete,\n    maxLength,\n    placeholder,\n    label = __('Add item'),\n    className,\n    suggestions = [],\n    maxSuggestions = 100,\n    value = [],\n    displayTransform = identity,\n    saveTransform = token => token.trim(),\n    onChange = () => {},\n    onInputChange = () => {},\n    onFocus = undefined,\n    isBorderless = false,\n    disabled = false,\n    tokenizeOnSpace = false,\n    messages = {\n      added: __('Item added.'),\n      removed: __('Item removed.'),\n      remove: __('Remove item'),\n      __experimentalInvalid: __('Invalid item')\n    },\n    __experimentalRenderItem,\n    __experimentalExpandOnFocus = false,\n    __experimentalValidateInput = () => true,\n    __experimentalShowHowTo,\n    __next40pxDefaultSize = false,\n    __experimentalAutoSelectFirstMatch = false,\n    tokenizeOnBlur = false,\n    help\n  } = useDeprecated36pxDefaultSizeProp(props);\n  maybeWarnDeprecated36pxSize({\n    componentName: 'FormTokenField',\n    size: undefined,\n    __next40pxDefaultSize\n  });\n  const defaultHelp = tokenizeOnSpace ? __('Separate with commas, spaces, or the Enter key.') : __('Separate with commas or the Enter key.');\n  let computedHelp = help !== undefined ? help : defaultHelp;\n  if (typeof __experimentalShowHowTo === 'boolean') {\n    deprecated('`__experimentalShowHowTo` prop in wp.components.FormTokenField', {\n      since: '7.1',\n      alternative: '`help` prop',\n      hint: 'The `help` prop now defaults to the previous how-to text. Pass an empty string to hide it.'\n    });\n    if (__experimentalShowHowTo === false && help === undefined) {\n      computedHelp = '';\n    }\n  }\n  const instanceId = useInstanceId(FormTokenField);\n\n  // We reset to these initial values again in the onBlur\n  const [incompleteTokenValue, setIncompleteTokenValue] = useState('');\n  const [inputOffsetFromEnd, setInputOffsetFromEnd] = useState(0);\n  const [isActive, setIsActive] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);\n  const [selectedSuggestionScroll, setSelectedSuggestionScroll] = useState(false);\n  const prevSuggestions = usePrevious(suggestions);\n  const prevValue = usePrevious(value);\n  const input = useRef(null);\n  const tokensAndInput = useRef(null);\n  const debouncedSpeak = useDebounce(speak, 500);\n  useEffect(() => {\n    // Make sure to focus the input when the isActive state is true.\n    if (isActive && !hasFocus()) {\n      focus();\n    }\n  }, [isActive]);\n  useEffect(() => {\n    const suggestionsDidUpdate = !isShallowEqual(suggestions, prevSuggestions || []);\n    if (suggestionsDidUpdate || value !== prevValue) {\n      updateSuggestions(suggestionsDidUpdate);\n    }\n\n    // TODO: updateSuggestions() should first be refactored so its actual deps are clearer.\n  }, [suggestions, prevSuggestions, value, prevValue]);\n  useEffect(() => {\n    updateSuggestions();\n  }, [incompleteTokenValue]);\n  useEffect(() => {\n    updateSuggestions();\n  }, [__experimentalAutoSelectFirstMatch]);\n  if (disabled && isActive) {\n    setIsActive(false);\n    setIncompleteTokenValue('');\n  }\n  function focus() {\n    input.current?.focus();\n  }\n  function hasFocus() {\n    return input.current === input.current?.ownerDocument.activeElement;\n  }\n  function onFocusHandler(event) {\n    // If focus is on the input or on the container, set the isActive state to true.\n    if (hasFocus() || event.target === tokensAndInput.current) {\n      setIsActive(true);\n      setIsExpanded(__experimentalExpandOnFocus || isExpanded);\n    } else {\n      /*\n       * Otherwise, focus is on one of the token \"remove\" buttons and we\n       * set the isActive state to false to prevent the input to be\n       * re-focused, see componentDidUpdate().\n       */\n      setIsActive(false);\n    }\n    if ('function' === typeof onFocus) {\n      onFocus(event);\n    }\n  }\n  function onBlur(event) {\n    if (inputHasValidValue() && __experimentalValidateInput(incompleteTokenValue)) {\n      setIsActive(false);\n      if (tokenizeOnBlur && inputHasValidValue()) {\n        addNewToken(incompleteTokenValue);\n      }\n    } else {\n      // Reset to initial state\n      setIncompleteTokenValue('');\n      setInputOffsetFromEnd(0);\n      setIsActive(false);\n      if (__experimentalExpandOnFocus) {\n        // If `__experimentalExpandOnFocus` is true, don't close the suggestions list when\n        // the user clicks on it (`tokensAndInput` will be the element that caused the blur).\n        const hasFocusWithin = event.relatedTarget === tokensAndInput.current;\n        setIsExpanded(hasFocusWithin);\n      } else {\n        // Else collapse the suggestion list. This will result in the suggestion list closing\n        // after a suggestion has been submitted since that causes a blur.\n        setIsExpanded(false);\n      }\n      setSelectedSuggestionIndex(-1);\n      setSelectedSuggestionScroll(false);\n    }\n  }\n  function onKeyDown(event) {\n    let preventDefault = false;\n    if (event.defaultPrevented) {\n      return;\n    }\n    switch (event.key) {\n      case 'Backspace':\n        preventDefault = handleDeleteKey(deleteTokenBeforeInput);\n        break;\n      case 'Enter':\n        preventDefault = addCurrentToken();\n        break;\n      case 'ArrowLeft':\n        preventDefault = handleLeftArrowKey();\n        break;\n      case 'ArrowUp':\n        preventDefault = handleUpArrowKey();\n        break;\n      case 'ArrowRight':\n        preventDefault = handleRightArrowKey();\n        break;\n      case 'ArrowDown':\n        preventDefault = handleDownArrowKey();\n        break;\n      case 'Delete':\n        preventDefault = handleDeleteKey(deleteTokenAfterInput);\n        break;\n      case 'Space':\n        if (tokenizeOnSpace) {\n          preventDefault = addCurrentToken();\n        }\n        break;\n      case 'Escape':\n        preventDefault = handleEscapeKey(event);\n        break;\n      case 'Tab':\n        preventDefault = handleTabKey(event);\n        break;\n      default:\n        break;\n    }\n    if (preventDefault) {\n      event.preventDefault();\n    }\n  }\n  function onKeyPress(event) {\n    let preventDefault = false;\n    switch (event.key) {\n      case ',':\n        preventDefault = handleCommaKey();\n        break;\n      default:\n        break;\n    }\n    if (preventDefault) {\n      event.preventDefault();\n    }\n  }\n  function onContainerTouched(event) {\n    // Prevent clicking/touching the tokensAndInput container from blurring\n    // the input and adding the current token.\n    if (event.target === tokensAndInput.current && isActive) {\n      event.preventDefault();\n    }\n  }\n  function onTokenClickRemove(event) {\n    deleteToken(event.value);\n    focus();\n  }\n  function onSuggestionHovered(suggestion) {\n    const index = getMatchingSuggestions().indexOf(suggestion);\n    if (index >= 0) {\n      setSelectedSuggestionIndex(index);\n      setSelectedSuggestionScroll(false);\n    }\n  }\n  function onSuggestionSelected(suggestion) {\n    addNewToken(suggestion);\n  }\n  function onInputChangeHandler(event) {\n    const text = event.value;\n    const separator = tokenizeOnSpace ? /[ ,\\t]+/ : /[,\\t]+/;\n    const items = text.split(separator);\n    const tokenValue = items[items.length - 1] || '';\n    if (items.length > 1) {\n      addNewTokens(items.slice(0, -1));\n    }\n    setIncompleteTokenValue(tokenValue);\n    onInputChange(tokenValue);\n  }\n  function handleDeleteKey(_deleteToken) {\n    let preventDefault = false;\n    if (hasFocus() && isInputEmpty()) {\n      _deleteToken();\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function handleLeftArrowKey() {\n    let preventDefault = false;\n    if (isInputEmpty()) {\n      moveInputBeforePreviousToken();\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function handleRightArrowKey() {\n    let preventDefault = false;\n    if (isInputEmpty()) {\n      moveInputAfterNextToken();\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function handleUpArrowKey() {\n    setSelectedSuggestionIndex(index => {\n      return (index === 0 ? getMatchingSuggestions(incompleteTokenValue, suggestions, value, maxSuggestions, saveTransform).length : index) - 1;\n    });\n    setSelectedSuggestionScroll(true);\n    return true; // PreventDefault.\n  }\n  function handleDownArrowKey() {\n    setSelectedSuggestionIndex(index => {\n      return (index + 1) % getMatchingSuggestions(incompleteTokenValue, suggestions, value, maxSuggestions, saveTransform).length;\n    });\n    setSelectedSuggestionScroll(true);\n    return true; // PreventDefault.\n  }\n  function collapseSuggestionsList(event) {\n    if (event.target instanceof HTMLInputElement) {\n      setIncompleteTokenValue(event.target.value);\n      setIsExpanded(false);\n      setSelectedSuggestionIndex(-1);\n      setSelectedSuggestionScroll(false);\n    }\n  }\n  function handleEscapeKey(event) {\n    collapseSuggestionsList(event);\n    return true; // PreventDefault.\n  }\n  function handleTabKey(event) {\n    collapseSuggestionsList(event);\n    return false; // Do not prevent the default behavior.\n  }\n  function handleCommaKey() {\n    if (inputHasValidValue()) {\n      addNewToken(incompleteTokenValue);\n    }\n    return true; // PreventDefault.\n  }\n  function moveInputToIndex(index) {\n    setInputOffsetFromEnd(value.length - Math.max(index, -1) - 1);\n  }\n  function moveInputBeforePreviousToken() {\n    setInputOffsetFromEnd(prevInputOffsetFromEnd => {\n      return Math.min(prevInputOffsetFromEnd + 1, value.length);\n    });\n  }\n  function moveInputAfterNextToken() {\n    setInputOffsetFromEnd(prevInputOffsetFromEnd => {\n      return Math.max(prevInputOffsetFromEnd - 1, 0);\n    });\n  }\n  function deleteTokenBeforeInput() {\n    const index = getIndexOfInput() - 1;\n    if (index > -1) {\n      deleteToken(value[index]);\n    }\n  }\n  function deleteTokenAfterInput() {\n    const index = getIndexOfInput();\n    if (index < value.length) {\n      deleteToken(value[index]);\n      // Update input offset since it's the offset from the last token.\n      moveInputToIndex(index);\n    }\n  }\n  function addCurrentToken() {\n    let preventDefault = false;\n    const selectedSuggestion = getSelectedSuggestion();\n    if (selectedSuggestion) {\n      addNewToken(selectedSuggestion);\n      preventDefault = true;\n    } else if (inputHasValidValue()) {\n      addNewToken(incompleteTokenValue);\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function addNewTokens(tokens) {\n    const tokensToAdd = [...new Set(tokens.map(saveTransform).filter(Boolean).filter(token => !valueContainsToken(token)))];\n    if (tokensToAdd.length > 0) {\n      const newValue = [...value];\n      newValue.splice(getIndexOfInput(), 0, ...tokensToAdd);\n      onChange(newValue);\n    }\n  }\n  function addNewToken(token) {\n    if (!__experimentalValidateInput(token)) {\n      speak(messages.__experimentalInvalid, 'assertive');\n      return;\n    }\n    addNewTokens([token]);\n    speak(messages.added, 'assertive');\n    setIncompleteTokenValue('');\n    setSelectedSuggestionIndex(-1);\n    setSelectedSuggestionScroll(false);\n    setIsExpanded(!__experimentalExpandOnFocus);\n    if (isActive && !tokenizeOnBlur) {\n      focus();\n    }\n  }\n  function deleteToken(token) {\n    const newTokens = value.filter(item => {\n      return getTokenValue(item) !== getTokenValue(token);\n    });\n    onChange(newTokens);\n    speak(messages.removed, 'assertive');\n  }\n  function getTokenValue(token) {\n    if ('object' === typeof token) {\n      return token.value;\n    }\n    return token;\n  }\n  function getMatchingSuggestions(searchValue = incompleteTokenValue, _suggestions = suggestions, _value = value, _maxSuggestions = maxSuggestions, _saveTransform = saveTransform) {\n    let match = _saveTransform(searchValue);\n    const startsWithMatch = [];\n    const containsMatch = [];\n    const normalizedValue = _value.map(item => {\n      if (typeof item === 'string') {\n        return item;\n      }\n      return item.value;\n    });\n    if (match.length === 0) {\n      _suggestions = _suggestions.filter(suggestion => !normalizedValue.includes(suggestion));\n    } else {\n      match = match.normalize('NFKC').toLocaleLowerCase();\n      _suggestions.forEach(suggestion => {\n        const index = suggestion.normalize('NFKC').toLocaleLowerCase().indexOf(match);\n        if (normalizedValue.indexOf(suggestion) === -1) {\n          if (index === 0) {\n            startsWithMatch.push(suggestion);\n          } else if (index > 0) {\n            containsMatch.push(suggestion);\n          }\n        }\n      });\n      _suggestions = startsWithMatch.concat(containsMatch);\n    }\n    return _suggestions.slice(0, _maxSuggestions);\n  }\n  function getSelectedSuggestion() {\n    if (selectedSuggestionIndex !== -1) {\n      return getMatchingSuggestions()[selectedSuggestionIndex];\n    }\n    return undefined;\n  }\n  function valueContainsToken(token) {\n    return value.some(item => {\n      return getTokenValue(token) === getTokenValue(item);\n    });\n  }\n  function getIndexOfInput() {\n    return value.length - inputOffsetFromEnd;\n  }\n  function isInputEmpty() {\n    return incompleteTokenValue.length === 0;\n  }\n  function inputHasValidValue() {\n    return saveTransform(incompleteTokenValue).length > 0;\n  }\n  function updateSuggestions(resetSelectedSuggestion = true) {\n    const inputHasMinimumChars = incompleteTokenValue.trim().length > 1;\n    const matchingSuggestions = getMatchingSuggestions(incompleteTokenValue);\n    const hasMatchingSuggestions = matchingSuggestions.length > 0;\n    const shouldExpandIfFocuses = hasFocus() && __experimentalExpandOnFocus;\n    setIsExpanded(shouldExpandIfFocuses || inputHasMinimumChars && hasMatchingSuggestions);\n    if (resetSelectedSuggestion) {\n      if (__experimentalAutoSelectFirstMatch && inputHasMinimumChars && hasMatchingSuggestions) {\n        setSelectedSuggestionIndex(0);\n        setSelectedSuggestionScroll(true);\n      } else {\n        setSelectedSuggestionIndex(-1);\n        setSelectedSuggestionScroll(false);\n      }\n    }\n    if (inputHasMinimumChars) {\n      const message = hasMatchingSuggestions ? sprintf(/* translators: %d: number of results. */\n      _n('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', matchingSuggestions.length), matchingSuggestions.length) : __('No results.');\n      debouncedSpeak(message, 'assertive');\n    }\n  }\n  function renderTokensAndInput() {\n    const components = value.map(renderToken);\n    components.splice(getIndexOfInput(), 0, renderInput());\n    return components;\n  }\n  function renderToken(token, index, tokens) {\n    const _value = getTokenValue(token);\n    const status = typeof token !== 'string' ? token.status : undefined;\n    const termPosition = index + 1;\n    const termsCount = tokens.length;\n    return /*#__PURE__*/_jsx(FlexItem, {\n      children: /*#__PURE__*/_jsx(Token, {\n        value: _value,\n        status: status,\n        title: typeof token !== 'string' ? token.title : undefined,\n        displayTransform: displayTransform,\n        onClickRemove: onTokenClickRemove,\n        isBorderless: typeof token !== 'string' && token.isBorderless || isBorderless,\n        onMouseEnter: typeof token !== 'string' ? token.onMouseEnter : undefined,\n        onMouseLeave: typeof token !== 'string' ? token.onMouseLeave : undefined,\n        disabled: 'error' !== status && disabled,\n        messages: messages,\n        termsCount: termsCount,\n        termPosition: termPosition\n      })\n    }, 'token-' + _value);\n  }\n  function renderInput() {\n    const describedById = computedHelp ? `components-form-token-input-${instanceId}__help` : undefined;\n    const inputProps = {\n      instanceId,\n      autoCapitalize,\n      autoComplete,\n      placeholder: value.length === 0 ? placeholder : '',\n      disabled,\n      value: incompleteTokenValue,\n      onBlur,\n      isExpanded,\n      selectedSuggestionIndex,\n      'aria-describedby': describedById\n    };\n    return /*#__PURE__*/_jsx(TokenInput, {\n      ...inputProps,\n      onChange: !(maxLength && value.length >= maxLength) ? onInputChangeHandler : undefined,\n      ref: input\n    }, \"input\");\n  }\n  const classes = clsx(className, 'components-form-token-field__input-container', {\n    'is-active': isActive,\n    'is-disabled': disabled\n  });\n  let tokenFieldProps = {\n    className: 'components-form-token-field',\n    tabIndex: -1\n  };\n  const matchingSuggestions = getMatchingSuggestions();\n  if (!disabled) {\n    tokenFieldProps = Object.assign({}, tokenFieldProps, {\n      onKeyDown: withIgnoreIMEEvents(onKeyDown),\n      onKeyPress,\n      onFocus: onFocusHandler\n    });\n  }\n\n  // Disable reason: There is no appropriate role which describes the\n  // input container intended accessible usability.\n  // TODO: Refactor click detection to use blur to stop propagation.\n  /* eslint-disable jsx-a11y/no-static-element-interactions */\n  return /*#__PURE__*/_jsxs(\"div\", {\n    ...tokenFieldProps,\n    children: [label && /*#__PURE__*/_jsx(StyledLabel, {\n      htmlFor: `components-form-token-input-${instanceId}`,\n      className: \"components-form-token-field__label\",\n      children: label\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      ref: tokensAndInput,\n      className: classes,\n      tabIndex: -1,\n      onMouseDown: onContainerTouched,\n      onTouchStart: onContainerTouched,\n      children: [/*#__PURE__*/_jsx(TokensAndInputWrapperFlex, {\n        justify: \"flex-start\",\n        align: \"center\",\n        gap: 1,\n        wrap: true,\n        __next40pxDefaultSize: __next40pxDefaultSize,\n        hasTokens: !!value.length,\n        children: renderTokensAndInput()\n      }), isExpanded && /*#__PURE__*/_jsx(SuggestionsList, {\n        instanceId: instanceId,\n        match: saveTransform(incompleteTokenValue),\n        displayTransform: displayTransform,\n        suggestions: matchingSuggestions,\n        selectedIndex: selectedSuggestionIndex,\n        scrollIntoView: selectedSuggestionScroll,\n        onHover: onSuggestionHovered,\n        onSelect: onSuggestionSelected,\n        __experimentalRenderItem: __experimentalRenderItem\n      })]\n    }), computedHelp && /*#__PURE__*/_jsx(StyledHelp, {\n      id: `components-form-token-input-${instanceId}__help`,\n      className: \"components-form-token-field__help\",\n      children: computedHelp\n    })]\n  });\n  /* eslint-enable jsx-a11y/no-static-element-interactions */\n}\nexport default FormTokenField;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useDebounce, useInstanceId, usePrevious } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Token from './token';\nimport TokenInput from './token-input';\nimport { TokensAndInputWrapperFlex } from './styles';\nimport SuggestionsList from './suggestions-list';\nimport { FlexItem } from '../flex';\nimport { StyledHelp, StyledLabel } from '../base-control/styles/base-control-styles';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst identity = value => value;\n\n/**\n * A `FormTokenField` is a field similar to the tags and categories fields in the interim editor chrome,\n * or the \"to\" field in Mail on OS X. Tokens can be entered by typing them or selecting them from a list of suggested tokens.\n *\n * Up to one hundred suggestions that match what the user has typed so far will be shown from which the user can pick from (auto-complete).\n * Tokens are separated by the \",\" character. Suggestions can be selected with the up or down arrows and added with the tab or enter key.\n *\n * The `value` property is handled in a manner similar to controlled form components.\n * See [Forms](https://react.dev/reference/react-dom/components#form-components) in the React Documentation for more information.\n */\nexport function FormTokenField(props) {\n  const {\n    autoCapitalize,\n    autoComplete,\n    maxLength,\n    placeholder,\n    label = __('Add item'),\n    className,\n    suggestions = [],\n    maxSuggestions = 100,\n    value = [],\n    displayTransform = identity,\n    saveTransform = token => token.trim(),\n    onChange = () => {},\n    onInputChange = () => {},\n    onFocus = undefined,\n    isBorderless = false,\n    disabled = false,\n    tokenizeOnSpace = false,\n    messages = {\n      added: __('Item added.'),\n      removed: __('Item removed.'),\n      remove: __('Remove item'),\n      __experimentalInvalid: __('Invalid item')\n    },\n    __experimentalRenderItem,\n    __experimentalExpandOnFocus = false,\n    __experimentalValidateInput = () => true,\n    __experimentalShowHowTo,\n    __next40pxDefaultSize = false,\n    __experimentalAutoSelectFirstMatch = false,\n    tokenizeOnBlur = false,\n    help\n  } = useDeprecated36pxDefaultSizeProp(props);\n  maybeWarnDeprecated36pxSize({\n    componentName: 'FormTokenField',\n    size: undefined,\n    __next40pxDefaultSize\n  });\n  const defaultHelp = tokenizeOnSpace ? __('Separate with commas, spaces, or the Enter key.') : __('Separate with commas or the Enter key.');\n  let computedHelp = help !== undefined ? help : defaultHelp;\n  if (typeof __experimentalShowHowTo === 'boolean') {\n    deprecated('`__experimentalShowHowTo` prop in wp.components.FormTokenField', {\n      since: '7.1',\n      alternative: '`help` prop',\n      hint: 'The `help` prop now defaults to the previous how-to text. Pass an empty string to hide it.'\n    });\n    if (__experimentalShowHowTo === false && help === undefined) {\n      computedHelp = '';\n    }\n  }\n  const instanceId = useInstanceId(FormTokenField);\n\n  // We reset to these initial values again in the onBlur\n  const [incompleteTokenValue, setIncompleteTokenValue] = useState('');\n  const [inputOffsetFromEnd, setInputOffsetFromEnd] = useState(0);\n  const [isActive, setIsActive] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);\n  const [selectedSuggestionScroll, setSelectedSuggestionScroll] = useState(false);\n  const prevSuggestions = usePrevious(suggestions);\n  const prevValue = usePrevious(value);\n  const input = useRef(null);\n  const tokensAndInput = useRef(null);\n  const debouncedSpeak = useDebounce(speak, 500);\n  useEffect(() => {\n    // Make sure to focus the input when the isActive state is true.\n    if (isActive && !hasFocus()) {\n      focus();\n    }\n  }, [isActive]);\n  useEffect(() => {\n    const suggestionsDidUpdate = !isShallowEqual(suggestions, prevSuggestions || []);\n    if (suggestionsDidUpdate || value !== prevValue) {\n      updateSuggestions(suggestionsDidUpdate);\n    }\n\n    // TODO: updateSuggestions() should first be refactored so its actual deps are clearer.\n  }, [suggestions, prevSuggestions, value, prevValue]);\n  useEffect(() => {\n    updateSuggestions();\n  }, [incompleteTokenValue]);\n  useEffect(() => {\n    updateSuggestions();\n  }, [__experimentalAutoSelectFirstMatch]);\n  if (disabled && isActive) {\n    setIsActive(false);\n    setIncompleteTokenValue('');\n  }\n  function focus() {\n    input.current?.focus();\n  }\n  function hasFocus() {\n    return input.current === input.current?.ownerDocument.activeElement;\n  }\n  function onFocusHandler(event) {\n    // If focus is on the input or on the container, set the isActive state to true.\n    if (hasFocus() || event.target === tokensAndInput.current) {\n      setIsActive(true);\n      setIsExpanded(__experimentalExpandOnFocus || isExpanded);\n    } else {\n      /*\n       * Otherwise, focus is on one of the token \"remove\" buttons and we\n       * set the isActive state to false to prevent the input to be\n       * re-focused, see componentDidUpdate().\n       */\n      setIsActive(false);\n    }\n    if ('function' === typeof onFocus) {\n      onFocus(event);\n    }\n  }\n  function onBlur(event) {\n    if (inputHasValidValue() && __experimentalValidateInput(incompleteTokenValue)) {\n      setIsActive(false);\n      if (tokenizeOnBlur && inputHasValidValue()) {\n        addNewToken(incompleteTokenValue);\n      }\n    } else {\n      // Reset to initial state\n      setIncompleteTokenValue('');\n      setInputOffsetFromEnd(0);\n      setIsActive(false);\n      if (__experimentalExpandOnFocus) {\n        // If `__experimentalExpandOnFocus` is true, don't close the suggestions list when\n        // the user clicks on it (`tokensAndInput` will be the element that caused the blur).\n        const hasFocusWithin = event.relatedTarget === tokensAndInput.current;\n        setIsExpanded(hasFocusWithin);\n      } else {\n        // Else collapse the suggestion list. This will result in the suggestion list closing\n        // after a suggestion has been submitted since that causes a blur.\n        setIsExpanded(false);\n      }\n      setSelectedSuggestionIndex(-1);\n      setSelectedSuggestionScroll(false);\n    }\n  }\n  function onKeyDown(event) {\n    let preventDefault = false;\n    if (event.defaultPrevented) {\n      return;\n    }\n    switch (event.key) {\n      case 'Backspace':\n        preventDefault = handleDeleteKey(deleteTokenBeforeInput);\n        break;\n      case 'Enter':\n        preventDefault = addCurrentToken();\n        break;\n      case 'ArrowLeft':\n        preventDefault = handleLeftArrowKey();\n        break;\n      case 'ArrowUp':\n        preventDefault = handleUpArrowKey();\n        break;\n      case 'ArrowRight':\n        preventDefault = handleRightArrowKey();\n        break;\n      case 'ArrowDown':\n        preventDefault = handleDownArrowKey();\n        break;\n      case 'Delete':\n        preventDefault = handleDeleteKey(deleteTokenAfterInput);\n        break;\n      case 'Space':\n        if (tokenizeOnSpace) {\n          preventDefault = addCurrentToken({\n            preventDefaultOnFailedValidation: false\n          });\n        }\n        break;\n      case 'Escape':\n        preventDefault = handleEscapeKey(event);\n        break;\n      case 'Tab':\n        preventDefault = handleTabKey(event);\n        break;\n      default:\n        break;\n    }\n    if (preventDefault) {\n      event.preventDefault();\n    }\n  }\n  function onKeyPress(event) {\n    let preventDefault = false;\n    switch (event.key) {\n      case ',':\n        preventDefault = handleCommaKey();\n        break;\n      default:\n        break;\n    }\n    if (preventDefault) {\n      event.preventDefault();\n    }\n  }\n  function onContainerTouched(event) {\n    // Prevent clicking/touching the tokensAndInput container from blurring\n    // the input and adding the current token.\n    if (event.target === tokensAndInput.current && isActive) {\n      event.preventDefault();\n    }\n  }\n  function onTokenClickRemove(event) {\n    deleteToken(event.value);\n    focus();\n  }\n  function onSuggestionHovered(suggestion) {\n    const index = getMatchingSuggestions().indexOf(suggestion);\n    if (index >= 0) {\n      setSelectedSuggestionIndex(index);\n      setSelectedSuggestionScroll(false);\n    }\n  }\n  function onSuggestionSelected(suggestion) {\n    addNewToken(suggestion);\n  }\n  function onInputChangeHandler(event) {\n    const text = event.value;\n    const separator = tokenizeOnSpace ? /[ ,\\t]+/ : /[,\\t]+/;\n    const items = text.split(separator);\n    const tokenValue = items[items.length - 1] || '';\n    if (items.length > 1) {\n      const tokensToProcess = items.slice(0, -1);\n\n      // Pre-check: would any segment be rejected by\n      // `__experimentalValidateInput`? Empties and duplicates of the\n      // current selection are intentional skips, not failures.\n      const willFailValidation = segment => {\n        const transformed = saveTransform(segment);\n        return !!transformed && !valueContainsToken(transformed) && !__experimentalValidateInput(transformed);\n      };\n      const hasFailures = tokensToProcess.some(willFailValidation);\n\n      // When there are failures, also commit the trailing in-progress\n      // segment so the user is left with only the items that need\n      // fixing, instead of mixing the trailing segment with the failed\n      // ones (which would block tokenization on Enter or comma).\n      const addedTokens = addNewTokens(hasFailures ? items : tokensToProcess);\n      if (hasFailures) {\n        // Derive rejected segments from `addedTokens` so this stays\n        // in sync with `addNewTokens`'s filter chain.\n        const rejected = items.filter(token => {\n          const transformed = saveTransform(token);\n          if (!transformed) {\n            return false;\n          }\n          if (addedTokens.has(transformed)) {\n            return false;\n          }\n          if (valueContainsToken(transformed)) {\n            return false;\n          }\n          return !__experimentalValidateInput(transformed);\n        });\n\n        // Reuse the separator the user actually used (the last one\n        // in `text`) so we don't rewrite their input: comma-separated\n        // paste under `tokenizeOnSpace` stays comma-separated, and\n        // typed space under `tokenizeOnSpace` stays a space. Falls\n        // back to the mode-appropriate separator only when no\n        // separator characters are present in `text`.\n        const usedSeparators = text.match(/[ ,\\t]/g);\n        const separatorChar = usedSeparators?.[usedSeparators.length - 1] ?? (tokenizeOnSpace ? ' ' : ',');\n        // Preserve a trailing separator when the input ended with\n        // one, so the user can keep typing past a failed-validation\n        // space without their separator disappearing.\n        const trailing = tokenValue === '' ? separatorChar : '';\n        const remaining = rejected.join(separatorChar) + trailing;\n        setIncompleteTokenValue(remaining);\n        onInputChange(remaining);\n        return;\n      }\n    }\n    setIncompleteTokenValue(tokenValue);\n    onInputChange(tokenValue);\n  }\n  function handleDeleteKey(_deleteToken) {\n    let preventDefault = false;\n    if (hasFocus() && isInputEmpty()) {\n      _deleteToken();\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function handleLeftArrowKey() {\n    let preventDefault = false;\n    if (isInputEmpty()) {\n      moveInputBeforePreviousToken();\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function handleRightArrowKey() {\n    let preventDefault = false;\n    if (isInputEmpty()) {\n      moveInputAfterNextToken();\n      preventDefault = true;\n    }\n    return preventDefault;\n  }\n  function handleUpArrowKey() {\n    setSelectedSuggestionIndex(index => {\n      return (index === 0 ? getMatchingSuggestions(incompleteTokenValue, suggestions, value, maxSuggestions, saveTransform).length : index) - 1;\n    });\n    setSelectedSuggestionScroll(true);\n    return true; // PreventDefault.\n  }\n  function handleDownArrowKey() {\n    setSelectedSuggestionIndex(index => {\n      return (index + 1) % getMatchingSuggestions(incompleteTokenValue, suggestions, value, maxSuggestions, saveTransform).length;\n    });\n    setSelectedSuggestionScroll(true);\n    return true; // PreventDefault.\n  }\n  function collapseSuggestionsList(event) {\n    if (event.target instanceof HTMLInputElement) {\n      setIncompleteTokenValue(event.target.value);\n      setIsExpanded(false);\n      setSelectedSuggestionIndex(-1);\n      setSelectedSuggestionScroll(false);\n    }\n  }\n  function handleEscapeKey(event) {\n    collapseSuggestionsList(event);\n    return true; // PreventDefault.\n  }\n  function handleTabKey(event) {\n    collapseSuggestionsList(event);\n    return false; // Do not prevent the default behavior.\n  }\n  function handleCommaKey() {\n    if (inputHasValidValue()) {\n      addNewToken(incompleteTokenValue);\n    }\n\n    // Comma is always a separator (typed in onKeyPress, never as input).\n    // Pasted commas go through onInputChangeHandler, which validates.\n    return true;\n  }\n  function moveInputToIndex(index) {\n    setInputOffsetFromEnd(value.length - Math.max(index, -1) - 1);\n  }\n  function moveInputBeforePreviousToken() {\n    setInputOffsetFromEnd(prevInputOffsetFromEnd => {\n      return Math.min(prevInputOffsetFromEnd + 1, value.length);\n    });\n  }\n  function moveInputAfterNextToken() {\n    setInputOffsetFromEnd(prevInputOffsetFromEnd => {\n      return Math.max(prevInputOffsetFromEnd - 1, 0);\n    });\n  }\n  function deleteTokenBeforeInput() {\n    const index = getIndexOfInput() - 1;\n    if (index > -1) {\n      deleteToken(value[index]);\n    }\n  }\n  function deleteTokenAfterInput() {\n    const index = getIndexOfInput();\n    if (index < value.length) {\n      deleteToken(value[index]);\n      // Update input offset since it's the offset from the last token.\n      moveInputToIndex(index);\n    }\n  }\n  function addCurrentToken({\n    preventDefaultOnFailedValidation = true\n  } = {}) {\n    let preventDefault = false;\n    const selectedSuggestion = getSelectedSuggestion();\n    if (selectedSuggestion) {\n      addNewToken(selectedSuggestion);\n      preventDefault = true;\n    } else if (inputHasValidValue()) {\n      const passedValidation = addNewToken(incompleteTokenValue);\n      preventDefault = passedValidation || preventDefaultOnFailedValidation;\n    }\n    return preventDefault;\n  }\n  function addNewTokens(tokens) {\n    const tokensToAdd = [...new Set(tokens.map(saveTransform).filter(Boolean).filter(token => !valueContainsToken(token)).filter(token => __experimentalValidateInput(token)))];\n    if (tokensToAdd.length > 0) {\n      const newValue = [...value];\n      newValue.splice(getIndexOfInput(), 0, ...tokensToAdd);\n      onChange(newValue);\n    }\n    return new Set(tokensToAdd);\n  }\n\n  /**\n   * Validates and adds `token`. Returns `true` if validation passed,\n   * `false` if it was rejected by `__experimentalValidateInput`. A `true`\n   * return does not guarantee the token was added: `addNewTokens` may\n   * still drop it as a duplicate or after `saveTransform` returns empty.\n   */\n  function addNewToken(token) {\n    if (!__experimentalValidateInput(token)) {\n      speak(messages.__experimentalInvalid, 'assertive');\n      return false;\n    }\n    addNewTokens([token]);\n    speak(messages.added, 'assertive');\n    setIncompleteTokenValue('');\n    setSelectedSuggestionIndex(-1);\n    setSelectedSuggestionScroll(false);\n    setIsExpanded(!__experimentalExpandOnFocus);\n    if (isActive && !tokenizeOnBlur) {\n      focus();\n    }\n    return true;\n  }\n  function deleteToken(token) {\n    const newTokens = value.filter(item => {\n      return getTokenValue(item) !== getTokenValue(token);\n    });\n    onChange(newTokens);\n    speak(messages.removed, 'assertive');\n  }\n  function getTokenValue(token) {\n    if ('object' === typeof token) {\n      return token.value;\n    }\n    return token;\n  }\n  function getMatchingSuggestions(searchValue = incompleteTokenValue, _suggestions = suggestions, _value = value, _maxSuggestions = maxSuggestions, _saveTransform = saveTransform) {\n    let match = _saveTransform(searchValue);\n    const startsWithMatch = [];\n    const containsMatch = [];\n    const normalizedValue = _value.map(item => {\n      if (typeof item === 'string') {\n        return item;\n      }\n      return item.value;\n    });\n    if (match.length === 0) {\n      _suggestions = _suggestions.filter(suggestion => !normalizedValue.includes(suggestion));\n    } else {\n      match = match.normalize('NFKC').toLocaleLowerCase();\n      _suggestions.forEach(suggestion => {\n        const index = suggestion.normalize('NFKC').toLocaleLowerCase().indexOf(match);\n        if (normalizedValue.indexOf(suggestion) === -1) {\n          if (index === 0) {\n            startsWithMatch.push(suggestion);\n          } else if (index > 0) {\n            containsMatch.push(suggestion);\n          }\n        }\n      });\n      _suggestions = startsWithMatch.concat(containsMatch);\n    }\n    return _suggestions.slice(0, _maxSuggestions);\n  }\n  function getSelectedSuggestion() {\n    if (selectedSuggestionIndex !== -1) {\n      return getMatchingSuggestions()[selectedSuggestionIndex];\n    }\n    return undefined;\n  }\n  function valueContainsToken(token) {\n    return value.some(item => {\n      return getTokenValue(token) === getTokenValue(item);\n    });\n  }\n  function getIndexOfInput() {\n    return value.length - inputOffsetFromEnd;\n  }\n  function isInputEmpty() {\n    return incompleteTokenValue.length === 0;\n  }\n  function inputHasValidValue() {\n    return saveTransform(incompleteTokenValue).length > 0;\n  }\n  function updateSuggestions(resetSelectedSuggestion = true) {\n    const inputHasMinimumChars = incompleteTokenValue.trim().length > 1;\n    const matchingSuggestions = getMatchingSuggestions(incompleteTokenValue);\n    const hasMatchingSuggestions = matchingSuggestions.length > 0;\n    const shouldExpandIfFocuses = hasFocus() && __experimentalExpandOnFocus;\n    setIsExpanded(shouldExpandIfFocuses || inputHasMinimumChars && hasMatchingSuggestions);\n    if (resetSelectedSuggestion) {\n      if (__experimentalAutoSelectFirstMatch && inputHasMinimumChars && hasMatchingSuggestions) {\n        setSelectedSuggestionIndex(0);\n        setSelectedSuggestionScroll(true);\n      } else {\n        setSelectedSuggestionIndex(-1);\n        setSelectedSuggestionScroll(false);\n      }\n    }\n    if (inputHasMinimumChars) {\n      const message = hasMatchingSuggestions ? sprintf(/* translators: %d: number of results. */\n      _n('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', matchingSuggestions.length), matchingSuggestions.length) : __('No results.');\n      debouncedSpeak(message, 'assertive');\n    }\n  }\n  function renderTokensAndInput() {\n    const components = value.map(renderToken);\n    components.splice(getIndexOfInput(), 0, renderInput());\n    return components;\n  }\n  function renderToken(token, index, tokens) {\n    const _value = getTokenValue(token);\n    const status = typeof token !== 'string' ? token.status : undefined;\n    const termPosition = index + 1;\n    const termsCount = tokens.length;\n    return /*#__PURE__*/_jsx(FlexItem, {\n      children: /*#__PURE__*/_jsx(Token, {\n        value: _value,\n        status: status,\n        title: typeof token !== 'string' ? token.title : undefined,\n        displayTransform: displayTransform,\n        onClickRemove: onTokenClickRemove,\n        isBorderless: typeof token !== 'string' && token.isBorderless || isBorderless,\n        onMouseEnter: typeof token !== 'string' ? token.onMouseEnter : undefined,\n        onMouseLeave: typeof token !== 'string' ? token.onMouseLeave : undefined,\n        disabled: 'error' !== status && disabled,\n        messages: messages,\n        termsCount: termsCount,\n        termPosition: termPosition\n      })\n    }, 'token-' + _value);\n  }\n  function renderInput() {\n    const describedById = computedHelp ? `components-form-token-input-${instanceId}__help` : undefined;\n    const inputProps = {\n      instanceId,\n      autoCapitalize,\n      autoComplete,\n      placeholder: value.length === 0 ? placeholder : '',\n      disabled,\n      value: incompleteTokenValue,\n      onBlur,\n      isExpanded,\n      selectedSuggestionIndex,\n      'aria-describedby': describedById\n    };\n    return /*#__PURE__*/_jsx(TokenInput, {\n      ...inputProps,\n      onChange: !(maxLength && value.length >= maxLength) ? onInputChangeHandler : undefined,\n      ref: input\n    }, \"input\");\n  }\n  const classes = clsx(className, 'components-form-token-field__input-container', {\n    'is-active': isActive,\n    'is-disabled': disabled\n  });\n  let tokenFieldProps = {\n    className: 'components-form-token-field',\n    tabIndex: -1\n  };\n  const matchingSuggestions = getMatchingSuggestions();\n  if (!disabled) {\n    tokenFieldProps = Object.assign({}, tokenFieldProps, {\n      onKeyDown: withIgnoreIMEEvents(onKeyDown),\n      onKeyPress,\n      onFocus: onFocusHandler\n    });\n  }\n\n  // Disable reason: There is no appropriate role which describes the\n  // input container intended accessible usability.\n  // TODO: Refactor click detection to use blur to stop propagation.\n  /* eslint-disable jsx-a11y/no-static-element-interactions */\n  return /*#__PURE__*/_jsxs(\"div\", {\n    ...tokenFieldProps,\n    children: [label && /*#__PURE__*/_jsx(StyledLabel, {\n      htmlFor: `components-form-token-input-${instanceId}`,\n      className: \"components-form-token-field__label\",\n      children: label\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      ref: tokensAndInput,\n      className: classes,\n      tabIndex: -1,\n      onMouseDown: onContainerTouched,\n      onTouchStart: onContainerTouched,\n      children: [/*#__PURE__*/_jsx(TokensAndInputWrapperFlex, {\n        justify: \"flex-start\",\n        align: \"center\",\n        gap: 1,\n        wrap: true,\n        __next40pxDefaultSize: __next40pxDefaultSize,\n        hasTokens: !!value.length,\n        children: renderTokensAndInput()\n      }), isExpanded && /*#__PURE__*/_jsx(SuggestionsList, {\n        instanceId: instanceId,\n        match: saveTransform(incompleteTokenValue),\n        displayTransform: displayTransform,\n        suggestions: matchingSuggestions,\n        selectedIndex: selectedSuggestionIndex,\n        scrollIntoView: selectedSuggestionScroll,\n        onHover: onSuggestionHovered,\n        onSelect: onSuggestionSelected,\n        __experimentalRenderItem: __experimentalRenderItem\n      })]\n    }), computedHelp && /*#__PURE__*/_jsx(StyledHelp, {\n      id: `components-form-token-input-${instanceId}__help`,\n      className: \"components-form-token-field__help\",\n      children: computedHelp\n    })]\n  });\n  /* eslint-enable jsx-a11y/no-static-element-interactions */\n}\nexport default FormTokenField;"],
+  "mappings": "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",
   "names": ["deprecated", "matchingSuggestions", "_jsx", "Token", "TokenInput", "clsx", "_jsxs", "SuggestionsList"]
 }

package/build/index.cjs

@@ -140,7 +140,6 @@ __export(index_exports, {
   TreeSelect: () => import_tree_select.default,
   VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
   __experimentalAlignmentMatrixControl: () => import_alignment_matrix_control.default,
-  __experimentalApplyValueToSides: () => import_box_control.applyValueToSides,
   __experimentalBorderBoxControl: () => import_border_box_control.BorderBoxControl,
   __experimentalBorderControl: () => import_border_control.BorderControl,
   __experimentalBoxControl: () => import_box_control.default,
@@ -159,11 +158,6 @@ __export(index_exports, {
   __experimentalIsEmptyBorder: () => import_border_box_control.isEmptyBorder,
   __experimentalItem: () => import_item_group.Item,
   __experimentalItemGroup: () => import_item_group.ItemGroup,
-  __experimentalNavigation: () => import_navigation.default,
-  __experimentalNavigationBackButton: () => import_back_button.default,
-  __experimentalNavigationGroup: () => import_group.default,
-  __experimentalNavigationItem: () => import_item.default,
-  __experimentalNavigationMenu: () => import_menu.default,
   __experimentalNavigatorBackButton: () => import_legacy2.NavigatorBackButton,
   __experimentalNavigatorButton: () => import_legacy2.NavigatorButton,
   __experimentalNavigatorProvider: () => import_legacy2.NavigatorProvider,
@@ -288,11 +282,6 @@ var import_menu_items_choice = __toESM(require("./menu-items-choice/index.cjs"))
 var import_modal = __toESM(require("./modal/index.cjs"));
 var import_scroll_lock = __toESM(require("./scroll-lock/index.cjs"));
 var import_navigable_container = require("./navigable-container/index.cjs");
-var import_navigation = __toESM(require("./navigation/index.cjs"));
-var import_back_button = __toESM(require("./navigation/back-button/index.cjs"));
-var import_group = __toESM(require("./navigation/group/index.cjs"));
-var import_item = __toESM(require("./navigation/item/index.cjs"));
-var import_menu = __toESM(require("./navigation/menu/index.cjs"));
 var import_legacy2 = require("./navigator/legacy.cjs");
 var import_navigator = require("./navigator/index.cjs");
 var import_notice = __toESM(require("./notice/index.cjs"));
@@ -464,7 +453,6 @@ var import_private_apis = require("./private-apis.cjs");
   TreeSelect,
   VisuallyHidden,
   __experimentalAlignmentMatrixControl,
-  __experimentalApplyValueToSides,
   __experimentalBorderBoxControl,
   __experimentalBorderControl,
   __experimentalBoxControl,
@@ -483,11 +471,6 @@ var import_private_apis = require("./private-apis.cjs");
   __experimentalIsEmptyBorder,
   __experimentalItem,
   __experimentalItemGroup,
-  __experimentalNavigation,
-  __experimentalNavigationBackButton,
-  __experimentalNavigationGroup,
-  __experimentalNavigationItem,
-  __experimentalNavigationMenu,
   __experimentalNavigatorBackButton,
   __experimentalNavigatorButton,
   __experimentalNavigatorProvider,

package/build/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["// Primitives.\nexport { SVG, Path, Circle, Polygon, Rect, G, Line, HorizontalRule, BlockQuotation } from '@wordpress/primitives';\n\n// Components.\nexport { /** @deprecated Import `AlignmentMatrixControl` instead. */\ndefault as __experimentalAlignmentMatrixControl, default as AlignmentMatrixControl } from './alignment-matrix-control';\nexport { default as Animate, getAnimateClassName as __unstableGetAnimateClassName } from './animate';\nexport { __unstableMotion, __unstableAnimatePresence } from './animation';\nexport { default as AnglePickerControl } from './angle-picker-control';\nexport { default as Autocomplete, useAutocompleteProps as __unstableUseAutocompleteProps } from './autocomplete';\nexport { default as BaseControl, useBaseControlProps } from './base-control';\nexport { /** @deprecated Import `BorderBoxControl` instead. */\nBorderBoxControl as __experimentalBorderBoxControl, BorderBoxControl, hasSplitBorders as __experimentalHasSplitBorders, isDefinedBorder as __experimentalIsDefinedBorder, isEmptyBorder as __experimentalIsEmptyBorder } from './border-box-control';\nexport { /** @deprecated Import `BorderControl` instead. */\nBorderControl as __experimentalBorderControl, BorderControl } from './border-control';\nexport { /** @deprecated Import `BoxControl` instead. */\ndefault as __experimentalBoxControl, default as BoxControl, applyValueToSides as __experimentalApplyValueToSides } from './box-control';\nexport { default as Button } from './button';\nexport { default as ButtonGroup } from './button-group';\nexport { Card, CardBody, CardDivider, CardFooter, CardHeader, CardMedia } from './card';\nexport { default as CheckboxControl } from './checkbox-control';\nexport { default as ClipboardButton } from './clipboard-button';\nexport { default as __experimentalPaletteEdit } from './palette-edit';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as ComboboxControl } from './combobox-control';\nexport { Composite as __unstableComposite, CompositeGroup as __unstableCompositeGroup, CompositeItem as __unstableCompositeItem, useCompositeState as __unstableUseCompositeState } from './composite/legacy';\nexport { Composite } from './composite';\nexport { ConfirmDialog as __experimentalConfirmDialog } from './confirm-dialog';\nexport { default as CustomSelectControl } from './custom-select-control';\nexport { default as Dashicon } from './dashicon';\nexport { default as DateTimePicker, DatePicker, TimePicker } from './date-time';\nexport { default as Disabled } from './disabled';\nexport { DisclosureContent as __unstableDisclosureContent } from './disclosure';\nexport { Divider as __experimentalDivider } from './divider';\nexport { default as Draggable } from './draggable';\nexport { default as DropZone } from './drop-zone';\nexport { default as DropZoneProvider } from './drop-zone/provider';\nexport { default as Dropdown } from './dropdown';\nexport { default as __experimentalDropdownContentWrapper } from './dropdown/dropdown-content-wrapper';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { DuotoneSwatch, DuotonePicker } from './duotone-picker';\nexport { Elevation as __experimentalElevation } from './elevation';\nexport { default as ExternalLink } from './external-link';\nexport { Flex, FlexBlock, FlexItem } from './flex';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport { default as FocusableIframe } from './focusable-iframe';\nexport { default as FontSizePicker } from './font-size-picker';\nexport { default as FormFileUpload } from './form-file-upload';\nexport { default as FormToggle } from './form-toggle';\nexport { default as FormTokenField } from './form-token-field';\nexport { default as GradientPicker } from './gradient-picker';\nexport { default as CustomGradientPicker } from './custom-gradient-picker';\nexport { Grid as __experimentalGrid } from './grid';\nexport { default as Guide } from './guide';\nexport { default as GuidePage } from './guide/page';\nexport { Heading as __experimentalHeading } from './heading';\nexport { HStack as __experimentalHStack } from './h-stack';\nexport { default as Icon } from './icon';\nexport { default as IconButton } from './button/deprecated';\nexport { ItemGroup as __experimentalItemGroup, Item as __experimentalItem } from './item-group';\nexport { default as __experimentalInputControl } from './input-control';\nexport { default as __experimentalInputControlPrefixWrapper } from './input-control/input-prefix-wrapper';\nexport { default as __experimentalInputControlSuffixWrapper } from './input-control/input-suffix-wrapper';\nexport { default as KeyboardShortcuts } from './keyboard-shortcuts';\nexport { default as MenuGroup } from './menu-group';\nexport { default as MenuItem } from './menu-item';\nexport { default as MenuItemsChoice } from './menu-items-choice';\nexport { default as Modal } from './modal';\nexport { default as ScrollLock } from './scroll-lock';\nexport { NavigableMenu, TabbableContainer } from './navigable-container';\nexport { default as __experimentalNavigation } from './navigation';\nexport { default as __experimentalNavigationBackButton } from './navigation/back-button';\nexport { default as __experimentalNavigationGroup } from './navigation/group';\nexport { default as __experimentalNavigationItem } from './navigation/item';\nexport { default as __experimentalNavigationMenu } from './navigation/menu';\nexport { /** @deprecated Import `Navigator` instead. */\nNavigatorProvider as __experimentalNavigatorProvider, /** @deprecated Import `Navigator` and use `Navigator.Screen` instead. */\nNavigatorScreen as __experimentalNavigatorScreen, /** @deprecated Import `Navigator` and use `Navigator.Button` instead. */\nNavigatorButton as __experimentalNavigatorButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorBackButton as __experimentalNavigatorBackButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorToParentButton as __experimentalNavigatorToParentButton } from './navigator/legacy';\nexport { Navigator, useNavigator, /** @deprecated Import `useNavigator` instead. */\nuseNavigator as __experimentalUseNavigator } from './navigator';\nexport { default as Notice } from './notice';\nexport { default as __experimentalNumberControl } from './number-control';\nexport { default as NoticeList } from './notice/list';\nexport { default as Panel } from './panel';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelHeader } from './panel/header';\nexport { default as PanelRow } from './panel/row';\nexport { default as Placeholder } from './placeholder';\nexport { default as Popover } from './popover';\nexport { default as ProgressBar } from './progress-bar';\nexport { default as QueryControls } from './query-controls';\nexport { default as __experimentalRadio } from './radio-group/radio';\nexport { default as __experimentalRadioGroup } from './radio-group';\nexport { default as RadioControl } from './radio-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as ResponsiveWrapper } from './responsive-wrapper';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as Snackbar } from './snackbar';\nexport { default as SnackbarList } from './snackbar/list';\nexport { Spacer as __experimentalSpacer } from './spacer';\nexport { Scrollable as __experimentalScrollable } from './scrollable';\nexport { default as Spinner } from './spinner';\nexport { Surface as __experimentalSurface } from './surface';\nexport { default as TabPanel } from './tab-panel';\nexport { Text as __experimentalText } from './text';\nexport { default as TextControl } from './text-control';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as TextHighlight } from './text-highlight';\nexport { default as Tip } from './tip';\nexport { default as ToggleControl } from './toggle-control';\nexport { ToggleGroupControl as __experimentalToggleGroupControl, ToggleGroupControlOption as __experimentalToggleGroupControlOption, ToggleGroupControlOptionIcon as __experimentalToggleGroupControlOptionIcon } from './toggle-group-control';\nexport { Toolbar, ToolbarButton, ToolbarContext as __experimentalToolbarContext, ToolbarDropdownMenu, ToolbarGroup, ToolbarItem } from './toolbar';\nexport { ToolsPanel as __experimentalToolsPanel, ToolsPanelItem as __experimentalToolsPanelItem, ToolsPanelContext as __experimentalToolsPanelContext } from './tools-panel';\nexport { default as Tooltip } from './tooltip';\nexport { default as __experimentalTreeGrid, TreeGridRow as __experimentalTreeGridRow, TreeGridCell as __experimentalTreeGridCell, TreeGridItem as __experimentalTreeGridItem } from './tree-grid';\nexport { default as TreeSelect } from './tree-select';\nexport { Truncate as __experimentalTruncate } from './truncate';\nexport { default as __experimentalUnitControl, useCustomUnits as __experimentalUseCustomUnits, parseQuantityAndUnitFromRawValue as __experimentalParseQuantityAndUnitFromRawValue } from './unit-control';\nexport { View as __experimentalView } from './view';\nexport { VisuallyHidden } from './visually-hidden';\nexport { VStack as __experimentalVStack } from './v-stack';\nexport { default as IsolatedEventContainer } from './isolated-event-container';\nexport { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot, useSlotFills as __experimentalUseSlotFills } from './slot-fill';\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { ZStack as __experimentalZStack } from './z-stack';\n\n// Higher-Order Components.\nexport { default as navigateRegions, useNavigateRegions as __unstableUseNavigateRegions } from './higher-order/navigate-regions';\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn, Provider as FocusReturnProvider } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\n\n// Private APIs.\nexport { privateApis } from './private-apis';"],
-  "mappings": "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",
+  "sourcesContent": ["// Primitives.\nexport { SVG, Path, Circle, Polygon, Rect, G, Line, HorizontalRule, BlockQuotation } from '@wordpress/primitives';\n\n// Components.\nexport { /** @deprecated Import `AlignmentMatrixControl` instead. */\ndefault as __experimentalAlignmentMatrixControl, default as AlignmentMatrixControl } from './alignment-matrix-control';\nexport { default as Animate, getAnimateClassName as __unstableGetAnimateClassName } from './animate';\nexport { __unstableMotion, __unstableAnimatePresence } from './animation';\nexport { default as AnglePickerControl } from './angle-picker-control';\nexport { default as Autocomplete, useAutocompleteProps as __unstableUseAutocompleteProps } from './autocomplete';\nexport { default as BaseControl, useBaseControlProps } from './base-control';\nexport { /** @deprecated Import `BorderBoxControl` instead. */\nBorderBoxControl as __experimentalBorderBoxControl, BorderBoxControl, hasSplitBorders as __experimentalHasSplitBorders, isDefinedBorder as __experimentalIsDefinedBorder, isEmptyBorder as __experimentalIsEmptyBorder } from './border-box-control';\nexport { /** @deprecated Import `BorderControl` instead. */\nBorderControl as __experimentalBorderControl, BorderControl } from './border-control';\nexport { /** @deprecated Import `BoxControl` instead. */\ndefault as __experimentalBoxControl, default as BoxControl } from './box-control';\nexport { default as Button } from './button';\nexport { default as ButtonGroup } from './button-group';\nexport { Card, CardBody, CardDivider, CardFooter, CardHeader, CardMedia } from './card';\nexport { default as CheckboxControl } from './checkbox-control';\nexport { default as ClipboardButton } from './clipboard-button';\nexport { default as __experimentalPaletteEdit } from './palette-edit';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as ComboboxControl } from './combobox-control';\nexport { Composite as __unstableComposite, CompositeGroup as __unstableCompositeGroup, CompositeItem as __unstableCompositeItem, useCompositeState as __unstableUseCompositeState } from './composite/legacy';\nexport { Composite } from './composite';\nexport { ConfirmDialog as __experimentalConfirmDialog } from './confirm-dialog';\nexport { default as CustomSelectControl } from './custom-select-control';\nexport { default as Dashicon } from './dashicon';\nexport { default as DateTimePicker, DatePicker, TimePicker } from './date-time';\nexport { default as Disabled } from './disabled';\nexport { DisclosureContent as __unstableDisclosureContent } from './disclosure';\nexport { Divider as __experimentalDivider } from './divider';\nexport { default as Draggable } from './draggable';\nexport { default as DropZone } from './drop-zone';\nexport { default as DropZoneProvider } from './drop-zone/provider';\nexport { default as Dropdown } from './dropdown';\nexport { default as __experimentalDropdownContentWrapper } from './dropdown/dropdown-content-wrapper';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { DuotoneSwatch, DuotonePicker } from './duotone-picker';\nexport { Elevation as __experimentalElevation } from './elevation';\nexport { default as ExternalLink } from './external-link';\nexport { Flex, FlexBlock, FlexItem } from './flex';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport { default as FocusableIframe } from './focusable-iframe';\nexport { default as FontSizePicker } from './font-size-picker';\nexport { default as FormFileUpload } from './form-file-upload';\nexport { default as FormToggle } from './form-toggle';\nexport { default as FormTokenField } from './form-token-field';\nexport { default as GradientPicker } from './gradient-picker';\nexport { default as CustomGradientPicker } from './custom-gradient-picker';\nexport { Grid as __experimentalGrid } from './grid';\nexport { default as Guide } from './guide';\nexport { default as GuidePage } from './guide/page';\nexport { Heading as __experimentalHeading } from './heading';\nexport { HStack as __experimentalHStack } from './h-stack';\nexport { default as Icon } from './icon';\nexport { default as IconButton } from './button/deprecated';\nexport { ItemGroup as __experimentalItemGroup, Item as __experimentalItem } from './item-group';\nexport { default as __experimentalInputControl } from './input-control';\nexport { default as __experimentalInputControlPrefixWrapper } from './input-control/input-prefix-wrapper';\nexport { default as __experimentalInputControlSuffixWrapper } from './input-control/input-suffix-wrapper';\nexport { default as KeyboardShortcuts } from './keyboard-shortcuts';\nexport { default as MenuGroup } from './menu-group';\nexport { default as MenuItem } from './menu-item';\nexport { default as MenuItemsChoice } from './menu-items-choice';\nexport { default as Modal } from './modal';\nexport { default as ScrollLock } from './scroll-lock';\nexport { NavigableMenu, TabbableContainer } from './navigable-container';\nexport { /** @deprecated Import `Navigator` instead. */\nNavigatorProvider as __experimentalNavigatorProvider, /** @deprecated Import `Navigator` and use `Navigator.Screen` instead. */\nNavigatorScreen as __experimentalNavigatorScreen, /** @deprecated Import `Navigator` and use `Navigator.Button` instead. */\nNavigatorButton as __experimentalNavigatorButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorBackButton as __experimentalNavigatorBackButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorToParentButton as __experimentalNavigatorToParentButton } from './navigator/legacy';\nexport { Navigator, useNavigator, /** @deprecated Import `useNavigator` instead. */\nuseNavigator as __experimentalUseNavigator } from './navigator';\nexport { default as Notice } from './notice';\nexport { default as __experimentalNumberControl } from './number-control';\nexport { default as NoticeList } from './notice/list';\nexport { default as Panel } from './panel';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelHeader } from './panel/header';\nexport { default as PanelRow } from './panel/row';\nexport { default as Placeholder } from './placeholder';\nexport { default as Popover } from './popover';\nexport { default as ProgressBar } from './progress-bar';\nexport { default as QueryControls } from './query-controls';\nexport { default as __experimentalRadio } from './radio-group/radio';\nexport { default as __experimentalRadioGroup } from './radio-group';\nexport { default as RadioControl } from './radio-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as ResponsiveWrapper } from './responsive-wrapper';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as Snackbar } from './snackbar';\nexport { default as SnackbarList } from './snackbar/list';\nexport { Spacer as __experimentalSpacer } from './spacer';\nexport { Scrollable as __experimentalScrollable } from './scrollable';\nexport { default as Spinner } from './spinner';\nexport { Surface as __experimentalSurface } from './surface';\nexport { default as TabPanel } from './tab-panel';\nexport { Text as __experimentalText } from './text';\nexport { default as TextControl } from './text-control';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as TextHighlight } from './text-highlight';\nexport { default as Tip } from './tip';\nexport { default as ToggleControl } from './toggle-control';\nexport { ToggleGroupControl as __experimentalToggleGroupControl, ToggleGroupControlOption as __experimentalToggleGroupControlOption, ToggleGroupControlOptionIcon as __experimentalToggleGroupControlOptionIcon } from './toggle-group-control';\nexport { Toolbar, ToolbarButton, ToolbarContext as __experimentalToolbarContext, ToolbarDropdownMenu, ToolbarGroup, ToolbarItem } from './toolbar';\nexport { ToolsPanel as __experimentalToolsPanel, ToolsPanelItem as __experimentalToolsPanelItem, ToolsPanelContext as __experimentalToolsPanelContext } from './tools-panel';\nexport { default as Tooltip } from './tooltip';\nexport { default as __experimentalTreeGrid, TreeGridRow as __experimentalTreeGridRow, TreeGridCell as __experimentalTreeGridCell, TreeGridItem as __experimentalTreeGridItem } from './tree-grid';\nexport { default as TreeSelect } from './tree-select';\nexport { Truncate as __experimentalTruncate } from './truncate';\nexport { default as __experimentalUnitControl, useCustomUnits as __experimentalUseCustomUnits, parseQuantityAndUnitFromRawValue as __experimentalParseQuantityAndUnitFromRawValue } from './unit-control';\nexport { View as __experimentalView } from './view';\nexport { VisuallyHidden } from './visually-hidden';\nexport { VStack as __experimentalVStack } from './v-stack';\nexport { default as IsolatedEventContainer } from './isolated-event-container';\nexport { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot, useSlotFills as __experimentalUseSlotFills } from './slot-fill';\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { ZStack as __experimentalZStack } from './z-stack';\n\n// Higher-Order Components.\nexport { default as navigateRegions, useNavigateRegions as __unstableUseNavigateRegions } from './higher-order/navigate-regions';\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn, Provider as FocusReturnProvider } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\n\n// Private APIs.\nexport { privateApis } from './private-apis';"],
+  "mappings": "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",
   "names": ["import_legacy", "import_list"]
 }

package/build/notice/index.cjs

@@ -91,9 +91,7 @@ function Notice({
   onDismiss = noop
 }) {
   useSpokenMessage(spokenMessage, politeness);
-  const classes = (0, import_clsx.default)(className, "components-notice", "is-" + status, {
-    "is-dismissible": isDismissible
-  });
+  const classes = (0, import_clsx.default)(className, "components-notice", "is-" + status);
   if (__unstableHTML && typeof children === "string") {
     children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element.RawHTML, {
       children
@@ -107,43 +105,43 @@ function Notice({
     className: classes,
     children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
       children: getStatusLabel(status)
-    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: "components-notice__content",
-      children: [children, actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        className: "components-notice__actions",
-        children: actions.map(({
-          className: buttonCustomClasses,
-          label,
-          isPrimary,
-          variant,
-          noDefaultClasses = false,
+      children
+    }), actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      className: "components-notice__actions",
+      children: actions.map(({
+        className: buttonCustomClasses,
+        label,
+        isPrimary,
+        variant,
+        noDefaultClasses = false,
+        onClick,
+        url,
+        disabled
+      }, index) => {
+        let computedVariant = variant;
+        if (variant !== "primary" && !noDefaultClasses) {
+          computedVariant = !url ? "secondary" : "link";
+        }
+        if (typeof computedVariant === "undefined" && isPrimary) {
+          computedVariant = "primary";
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
+          size: "compact",
+          href: url,
+          variant: computedVariant,
           onClick,
-          url,
-          disabled
-        }, index) => {
-          let computedVariant = variant;
-          if (variant !== "primary" && !noDefaultClasses) {
-            computedVariant = !url ? "secondary" : "link";
-          }
-          if (typeof computedVariant === "undefined" && isPrimary) {
-            computedVariant = "primary";
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
-            __next40pxDefaultSize: true,
-            href: url,
-            variant: computedVariant,
-            onClick,
-            disabled,
-            accessibleWhenDisabled: true,
-            className: (0, import_clsx.default)("components-notice__action", buttonCustomClasses),
-            children: label
-          }, index);
-        })
-      })]
+          disabled,
+          accessibleWhenDisabled: true,
+          className: (0, import_clsx.default)("components-notice__action", buttonCustomClasses),
+          children: label
+        }, index);
+      })
     }), isDismissible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
       size: "small",
       className: "components-notice__dismiss",
-      icon: import_icons.close,
+      icon: import_icons.closeSmall,
       label: (0, import_i18n.__)("Close"),
       onClick: onDismissNotice
     })]

package/build/notice/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/notice/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\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 getDefaultPoliteness(status) {\n  switch (status) {\n    case 'success':\n    case 'warning':\n    case 'info':\n      return 'polite';\n    // The default will also catch the 'error' status.\n    default:\n      return 'assertive';\n  }\n}\nfunction getStatusLabel(status) {\n  switch (status) {\n    case 'warning':\n      return __('Warning notice');\n    case 'info':\n      return __('Information notice');\n    case 'error':\n      return __('Error notice');\n    // The default will also catch the 'success' status.\n    default:\n      return __('Notice');\n  }\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice({\n  className,\n  status = 'info',\n  children,\n  spokenMessage = children,\n  onRemove = noop,\n  isDismissible = true,\n  actions = [],\n  politeness = getDefaultPoliteness(status),\n  __unstableHTML,\n  // onDismiss is a callback executed when the notice is dismissed.\n  // It is distinct from onRemove, which _looks_ like a callback but is\n  // actually the function to call to remove the notice from the UI.\n  onDismiss = noop\n}) {\n  useSpokenMessage(spokenMessage, politeness);\n  const classes = clsx(className, 'components-notice', 'is-' + status, {\n    'is-dismissible': isDismissible\n  });\n  if (__unstableHTML && typeof children === 'string') {\n    children = /*#__PURE__*/_jsx(RawHTML, {\n      children: children\n    });\n  }\n  const onDismissNotice = () => {\n    onDismiss();\n    onRemove();\n  };\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classes,\n    children: [/*#__PURE__*/_jsx(VisuallyHidden, {\n      children: getStatusLabel(status)\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-notice__content\",\n      children: [children, actions.length > 0 && /*#__PURE__*/_jsx(\"div\", {\n        className: \"components-notice__actions\",\n        children: actions.map(({\n          className: buttonCustomClasses,\n          label,\n          isPrimary,\n          variant,\n          noDefaultClasses = false,\n          onClick,\n          url,\n          disabled\n        }, index) => {\n          let computedVariant = variant;\n          if (variant !== 'primary' && !noDefaultClasses) {\n            computedVariant = !url ? 'secondary' : 'link';\n          }\n          if (typeof computedVariant === 'undefined' && isPrimary) {\n            computedVariant = 'primary';\n          }\n          return /*#__PURE__*/_jsx(Button, {\n            __next40pxDefaultSize: true,\n            href: url,\n            variant: computedVariant,\n            onClick: onClick,\n            disabled: disabled,\n            accessibleWhenDisabled: true,\n            className: clsx('components-notice__action', buttonCustomClasses),\n            children: label\n          }, index);\n        })\n      })]\n    }), isDismissible && /*#__PURE__*/_jsx(Button, {\n      size: \"small\",\n      className: \"components-notice__dismiss\",\n      icon: close,\n      label: __('Close'),\n      onClick: onDismissNotice\n    })]\n  });\n}\nexport default Notice;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\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 getDefaultPoliteness(status) {\n  switch (status) {\n    case 'success':\n    case 'warning':\n    case 'info':\n      return 'polite';\n    // The default will also catch the 'error' status.\n    default:\n      return 'assertive';\n  }\n}\nfunction getStatusLabel(status) {\n  switch (status) {\n    case 'warning':\n      return __('Warning notice');\n    case 'info':\n      return __('Information notice');\n    case 'error':\n      return __('Error notice');\n    // The default will also catch the 'success' status.\n    default:\n      return __('Notice');\n  }\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice({\n  className,\n  status = 'info',\n  children,\n  spokenMessage = children,\n  onRemove = noop,\n  isDismissible = true,\n  actions = [],\n  politeness = getDefaultPoliteness(status),\n  __unstableHTML,\n  // onDismiss is a callback executed when the notice is dismissed.\n  // It is distinct from onRemove, which _looks_ like a callback but is\n  // actually the function to call to remove the notice from the UI.\n  onDismiss = noop\n}) {\n  useSpokenMessage(spokenMessage, politeness);\n\n  // Dismissibility is not a wrapper modifier; target `.components-notice__dismiss`\n  // or `.components-notice:has(.components-notice__dismiss)` from outside CSS.\n  const classes = clsx(className, 'components-notice', 'is-' + status);\n  if (__unstableHTML && typeof children === 'string') {\n    children = /*#__PURE__*/_jsx(RawHTML, {\n      children: children\n    });\n  }\n  const onDismissNotice = () => {\n    onDismiss();\n    onRemove();\n  };\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classes,\n    children: [/*#__PURE__*/_jsx(VisuallyHidden, {\n      children: getStatusLabel(status)\n    }), /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-notice__content\",\n      children: children\n    }), actions.length > 0 && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-notice__actions\",\n      children: actions.map(({\n        className: buttonCustomClasses,\n        label,\n        isPrimary,\n        variant,\n        noDefaultClasses = false,\n        onClick,\n        url,\n        disabled\n      }, index) => {\n        let computedVariant = variant;\n        if (variant !== 'primary' && !noDefaultClasses) {\n          computedVariant = !url ? 'secondary' : 'link';\n        }\n        if (typeof computedVariant === 'undefined' && isPrimary) {\n          computedVariant = 'primary';\n        }\n        return /*#__PURE__*/_jsx(Button, {\n          size: \"compact\",\n          href: url,\n          variant: computedVariant,\n          onClick: onClick,\n          disabled: disabled,\n          accessibleWhenDisabled: true,\n          className: clsx('components-notice__action', buttonCustomClasses),\n          children: label\n        }, index);\n      })\n    }), isDismissible && /*#__PURE__*/_jsx(Button, {\n      size: \"small\",\n      className: \"components-notice__dismiss\",\n      icon: closeSmall,\n      label: __('Close'),\n      onClick: onDismissNotice\n    })]\n  });\n}\nexport default Notice;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAAmB;AACnB,qBAAmD;AACnD,kBAAsB;AACtB,mBAA2B;AAK3B,oBAAmB;AACnB,6BAA+B;AAC/B,yBAA2C;AAC3C,IAAM,OAAO,MAAM;AAAC;AAMpB,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,qBAAqB,QAAQ;AACpC,UAAQ,QAAQ;AAAA,IACd,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AACA,SAAS,eAAe,QAAQ;AAC9B,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,iBAAO,gBAAG,gBAAgB;AAAA,IAC5B,KAAK;AACH,iBAAO,gBAAG,oBAAoB;AAAA,IAChC,KAAK;AACH,iBAAO,gBAAG,cAAc;AAAA;AAAA,IAE1B;AACE,iBAAO,gBAAG,QAAQ;AAAA,EACtB;AACF;AAaA,SAAS,OAAO;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,UAAU,CAAC;AAAA,EACX,aAAa,qBAAqB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACd,GAAG;AACD,mBAAiB,eAAe,UAAU;AAI1C,QAAM,cAAU,YAAAA,SAAK,WAAW,qBAAqB,QAAQ,MAAM;AACnE,MAAI,kBAAkB,OAAO,aAAa,UAAU;AAClD,eAAwB,uCAAAC,KAAK,wBAAS;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,kBAAkB,MAAM;AAC5B,cAAU;AACV,aAAS;AAAA,EACX;AACA,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAc,uCAAAD,KAAK,uCAAgB;AAAA,MAC3C,UAAU,eAAe,MAAM;AAAA,IACjC,CAAC,GAAgB,uCAAAA,KAAK,OAAO;AAAA,MAC3B,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,QAAQ,SAAS,KAAkB,uCAAAA,KAAK,OAAO;AAAA,MACjD,WAAW;AAAA,MACX,UAAU,QAAQ,IAAI,CAAC;AAAA,QACrB,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,mBAAmB;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,MACF,GAAG,UAAU;AACX,YAAI,kBAAkB;AACtB,YAAI,YAAY,aAAa,CAAC,kBAAkB;AAC9C,4BAAkB,CAAC,MAAM,cAAc;AAAA,QACzC;AACA,YAAI,OAAO,oBAAoB,eAAe,WAAW;AACvD,4BAAkB;AAAA,QACpB;AACA,eAAoB,uCAAAA,KAAK,cAAAE,SAAQ;AAAA,UAC/B,MAAM;AAAA,UACN,MAAM;AAAA,UACN,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,wBAAwB;AAAA,UACxB,eAAW,YAAAH,SAAK,6BAA6B,mBAAmB;AAAA,UAChE,UAAU;AAAA,QACZ,GAAG,KAAK;AAAA,MACV,CAAC;AAAA,IACH,CAAC,GAAG,iBAA8B,uCAAAC,KAAK,cAAAE,SAAQ;AAAA,MAC7C,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,WAAO,gBAAG,OAAO;AAAA,MACjB,SAAS;AAAA,IACX,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,iBAAQ;",
   "names": ["clsx", "_jsx", "_jsxs", "Button"]
 }