@wordpress/components 36.0.1 → 37.0.1-next.v.202607070741.0

package/build-module/form-token-field/index.mjs.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            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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",
+  "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 { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\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    __experimentalAutoSelectFirstMatch = false,\n    tokenizeOnBlur = false,\n    help\n  } = props;\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        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": ["matchingSuggestions"]
 }

package/build-module/form-token-field/styles.mjs

@@ -1,19 +1,13 @@
 // packages/components/src/form-token-field/styles.ts
 import _styled from "@emotion/styled/base";
-import { css } from "@emotion/react";
 import { Flex } from "../flex/index.mjs";
-import { space } from "../utils/space.mjs";
 import { boxSizingReset } from "../utils/index.mjs";
-var deprecatedPaddings = ({
-  __next40pxDefaultSize,
-  hasTokens
-}) => !__next40pxDefaultSize && /* @__PURE__ */ css("padding-top:", space(hasTokens ? 1 : 0.5), ";padding-bottom:", space(hasTokens ? 1 : 0.5), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:deprecatedPaddings;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QkkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vZmxleCc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuXG50eXBlIFRva2Vuc0FuZElucHV0V3JhcHBlclByb3BzID0ge1xuXHRfX25leHQ0MHB4RGVmYXVsdFNpemU6IGJvb2xlYW47XG5cdGhhc1Rva2VuczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlcHJlY2F0ZWRQYWRkaW5ncyA9ICgge1xuXHRfX25leHQ0MHB4RGVmYXVsdFNpemUsXG5cdGhhc1Rva2Vucyxcbn06IFRva2Vuc0FuZElucHV0V3JhcHBlclByb3BzICkgPT5cblx0ISBfX25leHQ0MHB4RGVmYXVsdFNpemUgJiZcblx0Y3NzYFxuXHRcdHBhZGRpbmctdG9wOiAkeyBzcGFjZSggaGFzVG9rZW5zID8gMSA6IDAuNSApIH07XG5cdFx0cGFkZGluZy1ib3R0b206ICR7IHNwYWNlKCBoYXNUb2tlbnMgPyAxIDogMC41ICkgfTtcblx0YDtcblxuZXhwb3J0IGNvbnN0IFRva2Vuc0FuZElucHV0V3JhcHBlckZsZXggPSBzdHlsZWQoIEZsZXggKWBcblx0cGFkZGluZzogN3B4O1xuXHQkeyBib3hTaXppbmdSZXNldCB9XG5cblx0JHsgZGVwcmVjYXRlZFBhZGRpbmdzIH1cbmA7XG4iXX0= */");
 var TokensAndInputWrapperFlex = /* @__PURE__ */ _styled(Flex, process.env.NODE_ENV === "production" ? {
   target: "ehq8nmi0"
 } : {
   target: "ehq8nmi0",
   label: "TokensAndInputWrapperFlex"
-})("padding:7px;", boxSizingReset, " ", deprecatedPaddings, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QnVEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBib3hTaXppbmdSZXNldCB9IGZyb20gJy4uL3V0aWxzJztcblxudHlwZSBUb2tlbnNBbmRJbnB1dFdyYXBwZXJQcm9wcyA9IHtcblx0X19uZXh0NDBweERlZmF1bHRTaXplOiBib29sZWFuO1xuXHRoYXNUb2tlbnM6IGJvb2xlYW47XG59O1xuXG5jb25zdCBkZXByZWNhdGVkUGFkZGluZ3MgPSAoIHtcblx0X19uZXh0NDBweERlZmF1bHRTaXplLFxuXHRoYXNUb2tlbnMsXG59OiBUb2tlbnNBbmRJbnB1dFdyYXBwZXJQcm9wcyApID0+XG5cdCEgX19uZXh0NDBweERlZmF1bHRTaXplICYmXG5cdGNzc2Bcblx0XHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIGhhc1Rva2VucyA/IDEgOiAwLjUgKSB9O1xuXHRcdHBhZGRpbmctYm90dG9tOiAkeyBzcGFjZSggaGFzVG9rZW5zID8gMSA6IDAuNSApIH07XG5cdGA7XG5cbmV4cG9ydCBjb25zdCBUb2tlbnNBbmRJbnB1dFdyYXBwZXJGbGV4ID0gc3R5bGVkKCBGbGV4IClgXG5cdHBhZGRpbmc6IDdweDtcblx0JHsgYm94U2l6aW5nUmVzZXQgfVxuXG5cdCR7IGRlcHJlY2F0ZWRQYWRkaW5ncyB9XG5gO1xuIl19 */"));
+})("padding:7px;", boxSizingReset, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vZmxleCc7XG5pbXBvcnQgeyBib3hTaXppbmdSZXNldCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRva2Vuc0FuZElucHV0V3JhcHBlckZsZXggPSBzdHlsZWQoIEZsZXggKWBcblx0cGFkZGluZzogN3B4O1xuXHQkeyBib3hTaXppbmdSZXNldCB9XG5gO1xuIl19 */"));
 export {
   TokensAndInputWrapperFlex
 };

package/build-module/form-token-field/styles.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/form-token-field/styles.ts"],
-  "sourcesContent": ["import _styled from \"@emotion/styled/base\";\n/**\n * External dependencies\n */\n\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { Flex } from '../flex';\nimport { space } from '../utils/space';\nimport { boxSizingReset } from '../utils';\nconst deprecatedPaddings = ({\n  __next40pxDefaultSize,\n  hasTokens\n}) => !__next40pxDefaultSize && /*#__PURE__*/css(\"padding-top:\", space(hasTokens ? 1 : 0.5), \";padding-bottom:\", space(hasTokens ? 1 : 0.5), \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:deprecatedPaddings;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QkkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vZmxleCc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuXG50eXBlIFRva2Vuc0FuZElucHV0V3JhcHBlclByb3BzID0ge1xuXHRfX25leHQ0MHB4RGVmYXVsdFNpemU6IGJvb2xlYW47XG5cdGhhc1Rva2VuczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlcHJlY2F0ZWRQYWRkaW5ncyA9ICgge1xuXHRfX25leHQ0MHB4RGVmYXVsdFNpemUsXG5cdGhhc1Rva2Vucyxcbn06IFRva2Vuc0FuZElucHV0V3JhcHBlclByb3BzICkgPT5cblx0ISBfX25leHQ0MHB4RGVmYXVsdFNpemUgJiZcblx0Y3NzYFxuXHRcdHBhZGRpbmctdG9wOiAkeyBzcGFjZSggaGFzVG9rZW5zID8gMSA6IDAuNSApIH07XG5cdFx0cGFkZGluZy1ib3R0b206ICR7IHNwYWNlKCBoYXNUb2tlbnMgPyAxIDogMC41ICkgfTtcblx0YDtcblxuZXhwb3J0IGNvbnN0IFRva2Vuc0FuZElucHV0V3JhcHBlckZsZXggPSBzdHlsZWQoIEZsZXggKWBcblx0cGFkZGluZzogN3B4O1xuXHQkeyBib3hTaXppbmdSZXNldCB9XG5cblx0JHsgZGVwcmVjYXRlZFBhZGRpbmdzIH1cbmA7XG4iXX0= */\");\nexport const TokensAndInputWrapperFlex = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === \"production\" ? {\n  target: \"ehq8nmi0\"\n} : {\n  target: \"ehq8nmi0\",\n  label: \"TokensAndInputWrapperFlex\"\n})(\"padding:7px;\", boxSizingReset, \" \", deprecatedPaddings, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QnVEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBib3hTaXppbmdSZXNldCB9IGZyb20gJy4uL3V0aWxzJztcblxudHlwZSBUb2tlbnNBbmRJbnB1dFdyYXBwZXJQcm9wcyA9IHtcblx0X19uZXh0NDBweERlZmF1bHRTaXplOiBib29sZWFuO1xuXHRoYXNUb2tlbnM6IGJvb2xlYW47XG59O1xuXG5jb25zdCBkZXByZWNhdGVkUGFkZGluZ3MgPSAoIHtcblx0X19uZXh0NDBweERlZmF1bHRTaXplLFxuXHRoYXNUb2tlbnMsXG59OiBUb2tlbnNBbmRJbnB1dFdyYXBwZXJQcm9wcyApID0+XG5cdCEgX19uZXh0NDBweERlZmF1bHRTaXplICYmXG5cdGNzc2Bcblx0XHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIGhhc1Rva2VucyA/IDEgOiAwLjUgKSB9O1xuXHRcdHBhZGRpbmctYm90dG9tOiAkeyBzcGFjZSggaGFzVG9rZW5zID8gMSA6IDAuNSApIH07XG5cdGA7XG5cbmV4cG9ydCBjb25zdCBUb2tlbnNBbmRJbnB1dFdyYXBwZXJGbGV4ID0gc3R5bGVkKCBGbGV4IClgXG5cdHBhZGRpbmc6IDdweDtcblx0JHsgYm94U2l6aW5nUmVzZXQgfVxuXG5cdCR7IGRlcHJlY2F0ZWRQYWRkaW5ncyB9XG5gO1xuIl19 */\"));"],
-  "mappings": ";AAAA,OAAO,aAAa;AAKpB,SAAS,WAAW;AAKpB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,IAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AACF,MAAM,CAAC,yBAAsC,oBAAI,gBAAgB,MAAM,YAAY,IAAI,GAAG,GAAG,oBAAoB,MAAM,YAAY,IAAI,GAAG,GAAG,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,+BAA+B,QAAQ,IAAI,aAAa,eAAe,KAAK,qtCAAqtC;AAC39C,IAAM,4BAAyC,wBAAQ,MAAM,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC1G,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,gBAAgB,gBAAgB,KAAK,oBAAoB,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,stCAAstC;",
+  "sourcesContent": ["import _styled from \"@emotion/styled/base\";\n/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport { Flex } from '../flex';\nimport { boxSizingReset } from '../utils';\nexport const TokensAndInputWrapperFlex = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === \"production\" ? {\n  target: \"ehq8nmi0\"\n} : {\n  target: \"ehq8nmi0\",\n  label: \"TokensAndInputWrapperFlex\"\n})(\"padding:7px;\", boxSizingReset, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vZmxleCc7XG5pbXBvcnQgeyBib3hTaXppbmdSZXNldCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRva2Vuc0FuZElucHV0V3JhcHBlckZsZXggPSBzdHlsZWQoIEZsZXggKWBcblx0cGFkZGluZzogN3B4O1xuXHQkeyBib3hTaXppbmdSZXNldCB9XG5gO1xuIl19 */\"));"],
+  "mappings": ";AAAA,OAAO,aAAa;AAQpB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AACxB,IAAM,4BAAyC,wBAAQ,MAAM,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC1G,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,gBAAgB,gBAAgB,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,8lBAA8lB;",
   "names": []
 }

package/build-module/number-control/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/number-control/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { Input, SpinButton, styles } from './styles/number-control-styles';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { add, subtract, clamp, ensureValidStep } from '../utils/math';\nimport { ensureNumber, isValueEmpty } from '../utils/values';\nimport { HStack } from '../h-stack';\nimport { Spacer } from '../spacer';\nimport { useCx } from '../utils';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst noop = () => {};\nfunction UnforwardedNumberControl(props, forwardedRef) {\n  const {\n    __unstableStateReducer: stateReducerProp,\n    className,\n    dragDirection = 'n',\n    hideHTMLArrows = false,\n    spinControls = hideHTMLArrows ? 'none' : 'native',\n    isDragEnabled = true,\n    isShiftStepEnabled = true,\n    label,\n    max = Infinity,\n    min = -Infinity,\n    required = false,\n    shiftStep = 10,\n    step = 1,\n    spinFactor = 1,\n    type: typeProp = 'number',\n    value: valueProp,\n    size = 'default',\n    suffix,\n    onChange = noop,\n    __shouldNotWarnDeprecated36pxSize,\n    ...restProps\n  } = useDeprecated36pxDefaultSizeProp(props);\n  maybeWarnDeprecated36pxSize({\n    componentName: 'NumberControl',\n    size,\n    __next40pxDefaultSize: restProps.__next40pxDefaultSize,\n    __shouldNotWarnDeprecated36pxSize\n  });\n  if (hideHTMLArrows) {\n    deprecated('wp.components.NumberControl hideHTMLArrows prop ', {\n      alternative: 'spinControls=\"none\"',\n      since: '6.2',\n      version: '6.3'\n    });\n  }\n  const inputRef = useRef(null);\n  const mergedRef = useMergeRefs([inputRef, forwardedRef]);\n  const isStepAny = step === 'any';\n  const baseStep = isStepAny ? 1 : ensureNumber(step);\n  const baseSpin = ensureNumber(spinFactor) * baseStep;\n  const constrainValue = (value, stepOverride) => {\n    // When step is not \"any\" the value must be a valid step.\n    if (!isStepAny) {\n      value = ensureValidStep(value, min, stepOverride ?? baseStep);\n    }\n    return `${clamp(value, min, max)}`;\n  };\n  const baseValue = constrainValue(0);\n  const autoComplete = typeProp === 'number' ? 'off' : undefined;\n  const classes = clsx('components-number-control', className);\n  const cx = useCx();\n  const spinButtonClasses = cx(size === 'small' && styles.smallSpinButtons);\n  const spinValue = (value, direction, event) => {\n    event?.preventDefault();\n    const shift = event?.shiftKey && isShiftStepEnabled;\n    const delta = shift ? ensureNumber(shiftStep) * baseSpin : baseSpin;\n    let nextValue = isValueEmpty(value) ? baseValue : value;\n    if (direction === 'up') {\n      nextValue = add(nextValue, delta);\n    } else if (direction === 'down') {\n      nextValue = subtract(nextValue, delta);\n    }\n    return constrainValue(nextValue, shift ? delta : undefined);\n  };\n\n  /**\n   * \"Middleware\" function that intercepts updates from InputControl.\n   * This allows us to tap into actions to transform the (next) state for\n   * InputControl.\n   *\n   * @return The updated state to apply to InputControl\n   */\n  const numberControlStateReducer = (state, action) => {\n    const nextState = {\n      ...state\n    };\n    const {\n      type,\n      payload\n    } = action;\n    const event = payload.event;\n    const currentValue = nextState.value;\n\n    /**\n     * Handles custom UP and DOWN Keyboard events\n     */\n    if (type === inputControlActionTypes.PRESS_UP || type === inputControlActionTypes.PRESS_DOWN) {\n      nextState.value = spinValue(currentValue, type === inputControlActionTypes.PRESS_UP ? 'up' : 'down', event);\n    }\n\n    /**\n     * Handles drag to update events\n     */\n    if (type === inputControlActionTypes.DRAG && isDragEnabled) {\n      const [x, y] = payload.delta;\n      const enableShift = payload.shiftKey && isShiftStepEnabled;\n      const modifier = enableShift ? ensureNumber(shiftStep) * baseSpin : baseSpin;\n      let directionModifier;\n      let delta;\n      switch (dragDirection) {\n        case 'n':\n          delta = y;\n          directionModifier = -1;\n          break;\n        case 'e':\n          delta = x;\n          directionModifier = isRTL() ? -1 : 1;\n          break;\n        case 's':\n          delta = y;\n          directionModifier = 1;\n          break;\n        case 'w':\n          delta = x;\n          directionModifier = isRTL() ? 1 : -1;\n          break;\n      }\n      if (delta !== 0) {\n        delta = Math.ceil(Math.abs(delta)) * Math.sign(delta);\n        const distance = delta * modifier * directionModifier;\n        nextState.value = constrainValue(\n        // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n        add(currentValue, distance), enableShift ? modifier : undefined);\n      }\n    }\n\n    /**\n     * Handles commit (ENTER key press or blur)\n     */\n    if (type === inputControlActionTypes.PRESS_ENTER || type === inputControlActionTypes.COMMIT) {\n      const applyEmptyValue = required === false && currentValue === '';\n      nextState.value = applyEmptyValue ? currentValue :\n      // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n      constrainValue(currentValue);\n    }\n    return stateReducerProp?.(nextState, action) ?? nextState;\n  };\n  const buildSpinButtonClickHandler = direction => event => onChange(String(spinValue(valueProp, direction, event)), {\n    // Set event.target to the <input> so that consumers can use\n    // e.g. event.target.validity.\n    event: {\n      ...event,\n      target: inputRef.current\n    }\n  });\n  return /*#__PURE__*/_jsx(Input, {\n    autoComplete: autoComplete,\n    inputMode: \"numeric\",\n    ...restProps,\n    className: classes,\n    dragDirection: dragDirection,\n    hideHTMLArrows: spinControls !== 'native',\n    isDragEnabled: isDragEnabled,\n    label: label,\n    max: max === Infinity ? undefined : max,\n    min: min === -Infinity ? undefined : min,\n    ref: mergedRef,\n    required: required,\n    step: step,\n    type: typeProp\n    // @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n    ,\n    value: valueProp,\n    __unstableStateReducer: numberControlStateReducer,\n    size: size,\n    __shouldNotWarnDeprecated36pxSize: true,\n    suffix: spinControls === 'custom' ? /*#__PURE__*/_jsxs(_Fragment, {\n      children: [suffix, /*#__PURE__*/_jsx(Spacer, {\n        marginBottom: 0,\n        marginRight: 2,\n        children: /*#__PURE__*/_jsxs(HStack, {\n          spacing: 1,\n          children: [/*#__PURE__*/_jsx(SpinButton, {\n            className: spinButtonClasses,\n            icon: plusIcon,\n            size: \"small\",\n            label: __('Increment'),\n            onClick: buildSpinButtonClickHandler('up')\n          }), /*#__PURE__*/_jsx(SpinButton, {\n            className: spinButtonClasses,\n            icon: resetIcon,\n            size: \"small\",\n            label: __('Decrement'),\n            onClick: buildSpinButtonClickHandler('down')\n          })]\n        })\n      })]\n    }) : suffix,\n    onChange: onChange\n  });\n}\nexport const NumberControl = forwardRef(UnforwardedNumberControl);\nNumberControl.displayName = 'NumberControl';\nexport default NumberControl;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { Input, SpinButton, styles } from './styles/number-control-styles';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { add, subtract, clamp, ensureValidStep } from '../utils/math';\nimport { ensureNumber, isValueEmpty } from '../utils/values';\nimport { HStack } from '../h-stack';\nimport { Spacer } from '../spacer';\nimport { useCx } from '../utils';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst noop = () => {};\nfunction UnforwardedNumberControl(props, forwardedRef) {\n  const {\n    __unstableStateReducer: stateReducerProp,\n    className,\n    dragDirection = 'n',\n    hideHTMLArrows = false,\n    spinControls = hideHTMLArrows ? 'none' : 'native',\n    isDragEnabled = true,\n    isShiftStepEnabled = true,\n    label,\n    max = Infinity,\n    min = -Infinity,\n    required = false,\n    shiftStep = 10,\n    step = 1,\n    spinFactor = 1,\n    type: typeProp = 'number',\n    value: valueProp,\n    size = 'default',\n    suffix,\n    onChange = noop,\n    __shouldNotWarnDeprecated36pxSize,\n    ...restProps\n  } = useDeprecated36pxDefaultSizeProp(props);\n  maybeWarnDeprecated36pxSize({\n    componentName: 'NumberControl',\n    size,\n    __next40pxDefaultSize: restProps.__next40pxDefaultSize,\n    __shouldNotWarnDeprecated36pxSize\n  });\n  if (hideHTMLArrows) {\n    deprecated('wp.components.NumberControl hideHTMLArrows prop ', {\n      alternative: 'spinControls=\"none\"',\n      since: '6.2',\n      version: '6.3'\n    });\n  }\n  const inputRef = useRef(null);\n  const mergedRef = useMergeRefs([inputRef, forwardedRef]);\n  const isStepAny = step === 'any';\n  const baseStep = isStepAny ? 1 : ensureNumber(step);\n  const baseSpin = ensureNumber(spinFactor) * baseStep;\n  const constrainValue = (value, stepOverride) => {\n    // When step is not \"any\" the value must be a valid step.\n    if (!isStepAny) {\n      value = ensureValidStep(value, min, stepOverride ?? baseStep);\n    }\n    return `${clamp(value, min, max)}`;\n  };\n  const baseValue = constrainValue(0);\n  const autoComplete = typeProp === 'number' ? 'off' : undefined;\n  const classes = clsx('components-number-control', className);\n  const cx = useCx();\n  const spinButtonClasses = cx(size === 'small' && styles.smallSpinButtons);\n  const spinValue = (value, direction, event) => {\n    event?.preventDefault();\n    const shift = event?.shiftKey && isShiftStepEnabled;\n    const delta = shift ? ensureNumber(shiftStep) * baseSpin : baseSpin;\n    let nextValue = isValueEmpty(value) ? baseValue : value;\n    if (direction === 'up') {\n      nextValue = add(nextValue, delta);\n    } else if (direction === 'down') {\n      nextValue = subtract(nextValue, delta);\n    }\n    return constrainValue(nextValue, shift ? delta : undefined);\n  };\n\n  /**\n   * \"Middleware\" function that intercepts updates from InputControl.\n   * This allows us to tap into actions to transform the (next) state for\n   * InputControl.\n   *\n   * @return The updated state to apply to InputControl\n   */\n  const numberControlStateReducer = (state, action) => {\n    const nextState = {\n      ...state\n    };\n    const {\n      type,\n      payload\n    } = action;\n    const event = payload.event;\n    const currentValue = nextState.value;\n\n    /**\n     * Handles custom UP and DOWN Keyboard events\n     */\n    if (type === inputControlActionTypes.PRESS_UP || type === inputControlActionTypes.PRESS_DOWN) {\n      nextState.value = spinValue(currentValue, type === inputControlActionTypes.PRESS_UP ? 'up' : 'down', event);\n    }\n\n    /**\n     * Handles drag to update events\n     */\n    if (type === inputControlActionTypes.DRAG && isDragEnabled) {\n      const [x, y] = payload.delta;\n      const enableShift = payload.shiftKey && isShiftStepEnabled;\n      const modifier = enableShift ? ensureNumber(shiftStep) * baseSpin : baseSpin;\n      let directionModifier;\n      let delta;\n      switch (dragDirection) {\n        case 'n':\n          delta = y;\n          directionModifier = -1;\n          break;\n        case 'e':\n          delta = x;\n          directionModifier = isRTL() ? -1 : 1;\n          break;\n        case 's':\n          delta = y;\n          directionModifier = 1;\n          break;\n        case 'w':\n          delta = x;\n          directionModifier = isRTL() ? 1 : -1;\n          break;\n      }\n      if (delta !== 0) {\n        delta = Math.ceil(Math.abs(delta)) * Math.sign(delta);\n        const distance = delta * modifier * directionModifier;\n        nextState.value = constrainValue(\n        // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n        add(currentValue, distance), enableShift ? modifier : undefined);\n      }\n    }\n\n    /**\n     * Handles commit (ENTER key press or blur)\n     */\n    if (type === inputControlActionTypes.PRESS_ENTER || type === inputControlActionTypes.COMMIT) {\n      const applyEmptyValue = required === false && currentValue === '';\n      nextState.value = applyEmptyValue ? currentValue :\n      // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n      constrainValue(currentValue);\n    }\n    return stateReducerProp?.(nextState, action) ?? nextState;\n  };\n  const buildSpinButtonClickHandler = direction => event => onChange(String(spinValue(valueProp, direction, event)), {\n    // Set event.target to the <input> so that consumers can use\n    // e.g. event.target.validity.\n    event: {\n      ...event,\n      target: inputRef.current\n    }\n  });\n  return /*#__PURE__*/_jsx(Input, {\n    autoComplete: autoComplete,\n    inputMode: \"numeric\",\n    ...restProps,\n    className: classes,\n    dragDirection: dragDirection,\n    hideHTMLArrows: spinControls !== 'native',\n    isDragEnabled: isDragEnabled,\n    label: label,\n    max: max === Infinity ? undefined : max,\n    min: min === -Infinity ? undefined : min,\n    ref: mergedRef,\n    required: required,\n    step: step,\n    type: typeProp\n    // @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n    ,\n    value: valueProp,\n    __unstableStateReducer: numberControlStateReducer,\n    size: size,\n    __shouldNotWarnDeprecated36pxSize: true,\n    suffix: spinControls === 'custom' ? /*#__PURE__*/_jsxs(_Fragment, {\n      children: [suffix, /*#__PURE__*/_jsx(Spacer, {\n        marginBottom: 0,\n        marginRight: 2,\n        children: /*#__PURE__*/_jsxs(HStack, {\n          spacing: 1,\n          children: [/*#__PURE__*/_jsx(SpinButton, {\n            className: spinButtonClasses,\n            icon: plusIcon,\n            size: \"small\",\n            label: __('Increment'),\n            onClick: buildSpinButtonClickHandler('up')\n          }), /*#__PURE__*/_jsx(SpinButton, {\n            className: spinButtonClasses,\n            icon: resetIcon,\n            size: \"small\",\n            label: __('Decrement'),\n            onClick: buildSpinButtonClickHandler('down')\n          })]\n        })\n      })]\n    }) : suffix,\n    onChange: onChange\n  });\n}\n\n/**\n * `NumberControl` is a text input control that lets users enter and adjust a\n * numeric value.\n */\nexport const NumberControl = forwardRef(UnforwardedNumberControl);\nNumberControl.displayName = 'NumberControl';\nexport default NumberControl;"],
+  "mappings": "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",
   "names": []
 }

package/build-module/query-controls/author-select.mjs

@@ -3,7 +3,6 @@ import { buildTermsTree } from "./terms.mjs";
 import TreeSelect from "../tree-select/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function AuthorSelect({
-  __next40pxDefaultSize,
   label,
   noOptionLabel,
   authorList,
@@ -19,8 +18,7 @@ function AuthorSelect({
     noOptionLabel,
     onChange: onChangeProp,
     tree: termsTree,
-    selectedId: selectedAuthorId !== void 0 ? String(selectedAuthorId) : void 0,
-    __next40pxDefaultSize
+    selectedId: selectedAuthorId !== void 0 ? String(selectedAuthorId) : void 0
   });
 }
 export {

package/build-module/query-controls/author-select.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/query-controls/author-select.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function AuthorSelect({\n  __next40pxDefaultSize,\n  label,\n  noOptionLabel,\n  authorList,\n  selectedAuthorId,\n  onChange: onChangeProp\n}) {\n  if (!authorList) {\n    return null;\n  }\n  const termsTree = buildTermsTree(authorList);\n  return /*#__PURE__*/_jsx(TreeSelect, {\n    label,\n    noOptionLabel,\n    onChange: onChangeProp,\n    tree: termsTree,\n    selectedId: selectedAuthorId !== undefined ? String(selectedAuthorId) : undefined,\n    __next40pxDefaultSize: __next40pxDefaultSize\n  });\n}"],
-  "mappings": ";AAGA,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AACb,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAG;AACD,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,YAAY,eAAe,UAAU;AAC3C,SAAoB,qBAAK,YAAY;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY,qBAAqB,SAAY,OAAO,gBAAgB,IAAI;AAAA,IACxE;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function AuthorSelect({\n  label,\n  noOptionLabel,\n  authorList,\n  selectedAuthorId,\n  onChange: onChangeProp\n}) {\n  if (!authorList) {\n    return null;\n  }\n  const termsTree = buildTermsTree(authorList);\n  return /*#__PURE__*/_jsx(TreeSelect, {\n    label,\n    noOptionLabel,\n    onChange: onChangeProp,\n    tree: termsTree,\n    selectedId: selectedAuthorId !== undefined ? String(selectedAuthorId) : undefined\n  });\n}"],
+  "mappings": ";AAGA,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AACb,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAG;AACD,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,YAAY,eAAe,UAAU;AAC3C,SAAoB,qBAAK,YAAY;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY,qBAAqB,SAAY,OAAO,gBAAgB,IAAI;AAAA,EAC1E,CAAC;AACH;",
   "names": []
 }

package/build-module/query-controls/category-select.mjs

@@ -4,7 +4,6 @@ import { buildTermsTree } from "./terms.mjs";
 import TreeSelect from "../tree-select/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function CategorySelect({
-  __next40pxDefaultSize,
   label,
   noOptionLabel,
   categoriesList,
@@ -21,8 +20,7 @@ function CategorySelect({
     onChange: onChangeProp,
     tree: termsTree,
     selectedId: selectedCategoryId !== void 0 ? String(selectedCategoryId) : void 0,
-    ...props,
-    __next40pxDefaultSize
+    ...props
   });
 }
 export {

package/build-module/query-controls/category-select.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/query-controls/category-select.tsx"],
-  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function CategorySelect({\n  __next40pxDefaultSize,\n  label,\n  noOptionLabel,\n  categoriesList,\n  selectedCategoryId,\n  onChange: onChangeProp,\n  ...props\n}) {\n  const termsTree = useMemo(() => {\n    return buildTermsTree(categoriesList);\n  }, [categoriesList]);\n  return /*#__PURE__*/_jsx(TreeSelect, {\n    label,\n    noOptionLabel,\n    onChange: onChangeProp,\n    tree: termsTree,\n    selectedId: selectedCategoryId !== undefined ? String(selectedCategoryId) : undefined,\n    ...props,\n    __next40pxDefaultSize: __next40pxDefaultSize\n  });\n}"],
-  "mappings": ";AAAA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AACb,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAG;AACD,QAAM,YAAY,QAAQ,MAAM;AAC9B,WAAO,eAAe,cAAc;AAAA,EACtC,GAAG,CAAC,cAAc,CAAC;AACnB,SAAoB,qBAAK,YAAY;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY,uBAAuB,SAAY,OAAO,kBAAkB,IAAI;AAAA,IAC5E,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function CategorySelect({\n  label,\n  noOptionLabel,\n  categoriesList,\n  selectedCategoryId,\n  onChange: onChangeProp,\n  ...props\n}) {\n  const termsTree = useMemo(() => {\n    return buildTermsTree(categoriesList);\n  }, [categoriesList]);\n  return /*#__PURE__*/_jsx(TreeSelect, {\n    label,\n    noOptionLabel,\n    onChange: onChangeProp,\n    tree: termsTree,\n    selectedId: selectedCategoryId !== undefined ? String(selectedCategoryId) : undefined,\n    ...props\n  });\n}"],
+  "mappings": ";AAAA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AACb,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAG;AACD,QAAM,YAAY,QAAQ,MAAM;AAC9B,WAAO,eAAe,cAAc;AAAA,EACtC,GAAG,CAAC,cAAc,CAAC;AACnB,SAAoB,qBAAK,YAAY;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY,uBAAuB,SAAY,OAAO,kBAAkB,IAAI;AAAA,IAC5E,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": []
 }

package/build-module/query-controls/index.mjs

@@ -52,7 +52,6 @@ function QueryControls({
     spacing: "4",
     className: "components-query-controls",
     children: [onOrderChange && onOrderByChange && /* @__PURE__ */ _jsx(SelectControl, {
-      __next40pxDefaultSize: true,
       label: __("Order by"),
       value: orderBy === void 0 || order === void 0 ? void 0 : `${orderBy}/${order}`,
       options: orderByOptions,
@@ -69,14 +68,12 @@ function QueryControls({
         }
       }
     }, "query-controls-order-select"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /* @__PURE__ */ _jsx(CategorySelect, {
-      __next40pxDefaultSize: true,
       categoriesList: props.categoriesList,
       label: __("Category"),
       noOptionLabel: _x("All", "categories"),
       selectedCategoryId: props.selectedCategoryId,
       onChange: props.onCategoryChange
     }, "query-controls-category-select"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /* @__PURE__ */ _jsx(FormTokenField, {
-      __next40pxDefaultSize: true,
       label: __("Categories"),
       value: props.selectedCategories && props.selectedCategories.map((item) => ({
         id: item.id,
@@ -90,14 +87,12 @@ function QueryControls({
       onChange: props.onCategoryChange,
       maxSuggestions: MAX_CATEGORIES_SUGGESTIONS
     }, "query-controls-categories-select"), onAuthorChange && /* @__PURE__ */ _jsx(AuthorSelect, {
-      __next40pxDefaultSize: true,
       authorList,
       label: __("Author"),
       noOptionLabel: _x("All", "authors"),
       selectedAuthorId,
       onChange: onAuthorChange
     }, "query-controls-author-select"), onNumberOfItemsChange && /* @__PURE__ */ _jsx(RangeControl, {
-      __next40pxDefaultSize: true,
       label: __("Number of items"),
       value: numberOfItems,
       onChange: onNumberOfItemsChange,

package/build-module/query-controls/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/query-controls/index.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\nfunction isSingleCategorySelection(props) {\n  return 'categoriesList' in props;\n}\nfunction isMultipleCategorySelection(props) {\n  return 'categorySuggestions' in props;\n}\nconst defaultOrderByOptions = [{\n  label: __('Newest to oldest'),\n  value: 'date/desc'\n}, {\n  label: __('Oldest to newest'),\n  value: 'date/asc'\n}, {\n  /* translators: Label for ordering posts by title in ascending order. */\n  label: __('A → Z'),\n  value: 'title/asc'\n}, {\n  /* translators: Label for ordering posts by title in descending order. */\n  label: __('Z → A'),\n  value: 'title/desc'\n}];\n\n/**\n * Controls to query for posts.\n *\n * ```jsx\n * const MyQueryControls = () => (\n *   <QueryControls\n *     { ...{ maxItems, minItems, numberOfItems, order, orderBy, orderByOptions } }\n *     onOrderByChange={ ( newOrderBy ) => {\n *       updateQuery( { orderBy: newOrderBy } )\n *     }\n *     onOrderChange={ ( newOrder ) => {\n *       updateQuery( { order: newOrder } )\n *     }\n *     categoriesList={ categories }\n *     selectedCategoryId={ category }\n *     onCategoryChange={ ( newCategory ) => {\n *       updateQuery( { category: newCategory } )\n *     }\n *     onNumberOfItemsChange={ ( newNumberOfItems ) => {\n *       updateQuery( { numberOfItems: newNumberOfItems } )\n *     } }\n *   />\n * );\n * ```\n */\nexport function QueryControls({\n  authorList,\n  selectedAuthorId,\n  numberOfItems,\n  order,\n  orderBy,\n  orderByOptions = defaultOrderByOptions,\n  maxItems = DEFAULT_MAX_ITEMS,\n  minItems = DEFAULT_MIN_ITEMS,\n  onAuthorChange,\n  onNumberOfItemsChange,\n  onOrderChange,\n  onOrderByChange,\n  // Props for single OR multiple category selection are not destructured here,\n  // but instead are destructured inline where necessary.\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(VStack, {\n    spacing: \"4\",\n    className: \"components-query-controls\",\n    children: [onOrderChange && onOrderByChange && /*#__PURE__*/_jsx(SelectControl, {\n      __next40pxDefaultSize: true,\n      label: __('Order by'),\n      value: orderBy === undefined || order === undefined ? undefined : `${orderBy}/${order}`,\n      options: orderByOptions,\n      onChange: value => {\n        if (typeof value !== 'string') {\n          return;\n        }\n        const [newOrderBy, newOrder] = value.split('/');\n        if (newOrder !== order) {\n          onOrderChange(newOrder);\n        }\n        if (newOrderBy !== orderBy) {\n          onOrderByChange(newOrderBy);\n        }\n      }\n    }, \"query-controls-order-select\"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /*#__PURE__*/_jsx(CategorySelect, {\n      __next40pxDefaultSize: true,\n      categoriesList: props.categoriesList,\n      label: __('Category'),\n      noOptionLabel: _x('All', 'categories'),\n      selectedCategoryId: props.selectedCategoryId,\n      onChange: props.onCategoryChange\n    }, \"query-controls-category-select\"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /*#__PURE__*/_jsx(FormTokenField, {\n      __next40pxDefaultSize: true,\n      label: __('Categories'),\n      value: props.selectedCategories && props.selectedCategories.map(item => ({\n        id: item.id,\n        // Keeping the fallback to `item.value` for legacy reasons,\n        // even if items of `selectedCategories` should not have a\n        // `value` property.\n        // @ts-expect-error\n        value: item.name || item.value\n      })),\n      suggestions: Object.keys(props.categorySuggestions),\n      onChange: props.onCategoryChange,\n      maxSuggestions: MAX_CATEGORIES_SUGGESTIONS\n    }, \"query-controls-categories-select\"), onAuthorChange && /*#__PURE__*/_jsx(AuthorSelect, {\n      __next40pxDefaultSize: true,\n      authorList: authorList,\n      label: __('Author'),\n      noOptionLabel: _x('All', 'authors'),\n      selectedAuthorId: selectedAuthorId,\n      onChange: onAuthorChange\n    }, \"query-controls-author-select\"), onNumberOfItemsChange && /*#__PURE__*/_jsx(RangeControl, {\n      __next40pxDefaultSize: true,\n      label: __('Number of items'),\n      value: numberOfItems,\n      onChange: onNumberOfItemsChange,\n      min: minItems,\n      max: maxItems,\n      required: true\n    }, \"query-controls-range-control\")]\n  });\n}\nexport default QueryControls;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\nfunction isSingleCategorySelection(props) {\n  return 'categoriesList' in props;\n}\nfunction isMultipleCategorySelection(props) {\n  return 'categorySuggestions' in props;\n}\nconst defaultOrderByOptions = [{\n  label: __('Newest to oldest'),\n  value: 'date/desc'\n}, {\n  label: __('Oldest to newest'),\n  value: 'date/asc'\n}, {\n  /* translators: Label for ordering posts by title in ascending order. */\n  label: __('A → Z'),\n  value: 'title/asc'\n}, {\n  /* translators: Label for ordering posts by title in descending order. */\n  label: __('Z → A'),\n  value: 'title/desc'\n}];\n\n/**\n * Controls to query for posts.\n *\n * ```jsx\n * const MyQueryControls = () => (\n *   <QueryControls\n *     { ...{ maxItems, minItems, numberOfItems, order, orderBy, orderByOptions } }\n *     onOrderByChange={ ( newOrderBy ) => {\n *       updateQuery( { orderBy: newOrderBy } )\n *     }\n *     onOrderChange={ ( newOrder ) => {\n *       updateQuery( { order: newOrder } )\n *     }\n *     categoriesList={ categories }\n *     selectedCategoryId={ category }\n *     onCategoryChange={ ( newCategory ) => {\n *       updateQuery( { category: newCategory } )\n *     }\n *     onNumberOfItemsChange={ ( newNumberOfItems ) => {\n *       updateQuery( { numberOfItems: newNumberOfItems } )\n *     } }\n *   />\n * );\n * ```\n */\nexport function QueryControls({\n  authorList,\n  selectedAuthorId,\n  numberOfItems,\n  order,\n  orderBy,\n  orderByOptions = defaultOrderByOptions,\n  maxItems = DEFAULT_MAX_ITEMS,\n  minItems = DEFAULT_MIN_ITEMS,\n  onAuthorChange,\n  onNumberOfItemsChange,\n  onOrderChange,\n  onOrderByChange,\n  // Props for single OR multiple category selection are not destructured here,\n  // but instead are destructured inline where necessary.\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(VStack, {\n    spacing: \"4\",\n    className: \"components-query-controls\",\n    children: [onOrderChange && onOrderByChange && /*#__PURE__*/_jsx(SelectControl, {\n      label: __('Order by'),\n      value: orderBy === undefined || order === undefined ? undefined : `${orderBy}/${order}`,\n      options: orderByOptions,\n      onChange: value => {\n        if (typeof value !== 'string') {\n          return;\n        }\n        const [newOrderBy, newOrder] = value.split('/');\n        if (newOrder !== order) {\n          onOrderChange(newOrder);\n        }\n        if (newOrderBy !== orderBy) {\n          onOrderByChange(newOrderBy);\n        }\n      }\n    }, \"query-controls-order-select\"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /*#__PURE__*/_jsx(CategorySelect, {\n      categoriesList: props.categoriesList,\n      label: __('Category'),\n      noOptionLabel: _x('All', 'categories'),\n      selectedCategoryId: props.selectedCategoryId,\n      onChange: props.onCategoryChange\n    }, \"query-controls-category-select\"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /*#__PURE__*/_jsx(FormTokenField, {\n      label: __('Categories'),\n      value: props.selectedCategories && props.selectedCategories.map(item => ({\n        id: item.id,\n        // Keeping the fallback to `item.value` for legacy reasons,\n        // even if items of `selectedCategories` should not have a\n        // `value` property.\n        // @ts-expect-error\n        value: item.name || item.value\n      })),\n      suggestions: Object.keys(props.categorySuggestions),\n      onChange: props.onCategoryChange,\n      maxSuggestions: MAX_CATEGORIES_SUGGESTIONS\n    }, \"query-controls-categories-select\"), onAuthorChange && /*#__PURE__*/_jsx(AuthorSelect, {\n      authorList: authorList,\n      label: __('Author'),\n      noOptionLabel: _x('All', 'authors'),\n      selectedAuthorId: selectedAuthorId,\n      onChange: onAuthorChange\n    }, \"query-controls-author-select\"), onNumberOfItemsChange && /*#__PURE__*/_jsx(RangeControl, {\n      label: __('Number of items'),\n      value: numberOfItems,\n      onChange: onNumberOfItemsChange,\n      min: minItems,\n      max: maxItems,\n      required: true\n    }, \"query-controls-range-control\")]\n  });\n}\nexport default QueryControls;"],
+  "mappings": "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",
   "names": []
 }

package/build-module/radio-group/radio.mjs

@@ -3,11 +3,11 @@ import { forwardRef, useContext } from "@wordpress/element";
 import * as Ariakit from "@ariakit/react";
 import Button from "../button/index.mjs";
 import { RadioGroupContext } from "./context.mjs";
-import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnforwardedRadio({
   value,
   children,
+  __next40pxDefaultSize: _next40pxDefaultSize,
   ...props
 }, ref) {
   const {
@@ -16,24 +16,16 @@ function UnforwardedRadio({
   } = useContext(RadioGroupContext);
   const selectedValue = Ariakit.useStoreState(store, "value");
   const isChecked = selectedValue !== void 0 && selectedValue === value;
-  maybeWarnDeprecated36pxSize({
-    componentName: "Radio",
-    size: void 0,
-    __next40pxDefaultSize: props.__next40pxDefaultSize
-  });
   return /* @__PURE__ */ _jsx(Ariakit.Radio, {
     disabled,
     store,
     ref,
     value,
-    render: (
-      // Disable: the parent component already takes care of the `__next40pxDefaultSize` prop.
-      // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop
-      /* @__PURE__ */ _jsx(Button, {
-        variant: isChecked ? "primary" : "secondary",
-        ...props
-      })
-    ),
+    render: /* @__PURE__ */ _jsx(Button, {
+      variant: isChecked ? "primary" : "secondary",
+      __next40pxDefaultSize: true,
+      ...props
+    }),
     children: children || value
   });
 }

package/build-module/radio-group/radio.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/radio-group/radio.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedRadio({\n  value,\n  children,\n  ...props\n}, ref) {\n  const {\n    store,\n    disabled\n  } = useContext(RadioGroupContext);\n  const selectedValue = Ariakit.useStoreState(store, 'value');\n  const isChecked = selectedValue !== undefined && selectedValue === value;\n  maybeWarnDeprecated36pxSize({\n    componentName: 'Radio',\n    size: undefined,\n    __next40pxDefaultSize: props.__next40pxDefaultSize\n  });\n  return /*#__PURE__*/_jsx(Ariakit.Radio, {\n    disabled: disabled,\n    store: store,\n    ref: ref,\n    value: value,\n    render:\n    /*#__PURE__*/\n    // Disable: the parent component already takes care of the `__next40pxDefaultSize` prop.\n    // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n    _jsx(Button, {\n      variant: isChecked ? 'primary' : 'secondary',\n      ...props\n    }),\n    children: children || value\n  });\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef(UnforwardedRadio);\nRadio.displayName = 'Radio';\nexport default Radio;"],
-  "mappings": ";AAGA,SAAS,YAAY,kBAAkB;AAKvC,YAAY,aAAa;AAKzB,OAAO,YAAY;AACnB,SAAS,yBAAyB;AAClC,SAAS,mCAAmC;AAC5C,SAAS,OAAO,YAAY;AAC5B,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAChC,QAAM,gBAAwB,sBAAc,OAAO,OAAO;AAC1D,QAAM,YAAY,kBAAkB,UAAa,kBAAkB;AACnE,8BAA4B;AAAA,IAC1B,eAAe;AAAA,IACf,MAAM;AAAA,IACN,uBAAuB,MAAM;AAAA,EAC/B,CAAC;AACD,SAAoB,qBAAa,eAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,MAIA,qBAAK,QAAQ;AAAA,QACX,SAAS,YAAY,YAAY;AAAA,QACjC,GAAG;AAAA,MACL,CAAC;AAAA;AAAA,IACD,UAAU,YAAY;AAAA,EACxB,CAAC;AACH;AAKO,IAAMA,SAAQ,WAAW,gBAAgB;AAChDA,OAAM,cAAc;AACpB,IAAO,gBAAQA;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedRadio({\n  value,\n  children,\n  __next40pxDefaultSize: _next40pxDefaultSize,\n  ...props\n}, ref) {\n  const {\n    store,\n    disabled\n  } = useContext(RadioGroupContext);\n  const selectedValue = Ariakit.useStoreState(store, 'value');\n  const isChecked = selectedValue !== undefined && selectedValue === value;\n  return /*#__PURE__*/_jsx(Ariakit.Radio, {\n    disabled: disabled,\n    store: store,\n    ref: ref,\n    value: value,\n    render: /*#__PURE__*/_jsx(Button, {\n      variant: isChecked ? 'primary' : 'secondary',\n      __next40pxDefaultSize: true,\n      ...props\n    }),\n    children: children || value\n  });\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef(UnforwardedRadio);\nRadio.displayName = 'Radio';\nexport default Radio;"],
+  "mappings": ";AAGA,SAAS,YAAY,kBAAkB;AAKvC,YAAY,aAAa;AAKzB,OAAO,YAAY;AACnB,SAAS,yBAAyB;AAClC,SAAS,OAAO,YAAY;AAC5B,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,GAAG;AACL,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAChC,QAAM,gBAAwB,sBAAc,OAAO,OAAO;AAC1D,QAAM,YAAY,kBAAkB,UAAa,kBAAkB;AACnE,SAAoB,qBAAa,eAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAqB,qBAAK,QAAQ;AAAA,MAChC,SAAS,YAAY,YAAY;AAAA,MACjC,uBAAuB;AAAA,MACvB,GAAG;AAAA,IACL,CAAC;AAAA,IACD,UAAU,YAAY;AAAA,EACxB,CAAC;AACH;AAKO,IAAMA,SAAQ,WAAW,gBAAgB;AAChDA,OAAM,cAAc;AACpB,IAAO,gBAAQA;",
   "names": ["Radio"]
 }

package/build-module/range-control/index.mjs

@@ -14,7 +14,6 @@ import RangeRail from "./rail.mjs";
 import SimpleTooltip from "./tooltip.mjs";
 import { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from "./styles/range-control-styles.mjs";
 import { space } from "../utils/space.mjs";
-import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var noop = () => {
 };
@@ -32,8 +31,10 @@ function computeResetValue({
 }
 function UnforwardedRangeControl(props, forwardedRef) {
   const {
+    // Prevent passing legacy props to internal component.
     __nextHasNoMarginBottom: _,
-    // Prevent passing to internal component
+    __next40pxDefaultSize: _next40pxDefaultSize,
+    __shouldNotWarnDeprecated36pxSize: _shouldNotWarnDeprecated36pxSize,
     afterIcon,
     allowReset = false,
     beforeIcon,
@@ -57,14 +58,12 @@ function UnforwardedRangeControl(props, forwardedRef) {
     railColor,
     renderTooltipContent = (v) => v,
     resetFallbackValue,
-    __next40pxDefaultSize = false,
     shiftStep = 10,
     showTooltip: showTooltipProp,
     step = 1,
     trackColor,
     value: valueProp,
     withInputField = true,
-    __shouldNotWarnDeprecated36pxSize,
     ...otherProps
   } = props;
   const [value, setValue] = useControlledRangeValue({
@@ -140,12 +139,6 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const offsetStyle = {
     [isRTL() ? "right" : "left"]: fillValueOffset
   };
-  maybeWarnDeprecated36pxSize({
-    componentName: "RangeControl",
-    __next40pxDefaultSize,
-    size: void 0,
-    __shouldNotWarnDeprecated36pxSize
-  });
   return /* @__PURE__ */ _jsx(BaseControl, {
     className: classes,
     label,
@@ -154,7 +147,6 @@ function UnforwardedRangeControl(props, forwardedRef) {
     help,
     children: /* @__PURE__ */ _jsxs(Root, {
       className: "components-range-control__root",
-      __next40pxDefaultSize,
       children: [beforeIcon && /* @__PURE__ */ _jsx(BeforeIconWrapper, {
         children: /* @__PURE__ */ _jsx(Icon, {
           icon: beforeIcon
@@ -230,11 +222,10 @@ function UnforwardedRangeControl(props, forwardedRef) {
         onBlur: handleOnInputNumberBlur,
         onChange: handleOnChange,
         shiftStep,
-        size: __next40pxDefaultSize ? "__unstable-large" : "default",
-        __unstableInputWidth: __next40pxDefaultSize ? space(20) : space(16),
+        __unstableInputWidth: space(20),
+        __next40pxDefaultSize: true,
         step,
-        value: inputSliderValue,
-        __shouldNotWarnDeprecated36pxSize: true
+        value: inputSliderValue
       }), allowReset && /* @__PURE__ */ _jsx(ActionRightWrapper, {
         children: /* @__PURE__ */ _jsx(Button, {
           className: "components-range-control__reset",