@wordpress/components 36.0.1 → 37.0.0

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": ";AAGA,SAAS,IAAI,UAAU;AAKvB,OAAO,kBAAkB;AACzB,OAAO,oBAAoB;AAC3B,OAAO,oBAAoB;AAC3B,OAAO,kBAAkB;AACzB,OAAO,mBAAmB;AAC1B,SAAS,cAAc;AACvB,SAAS,OAAO,YAAY;AAC5B,IAAM,oBAAoB;AAC1B,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AACnC,SAAS,0BAA0B,OAAO;AACxC,SAAO,oBAAoB;AAC7B;AACA,SAAS,4BAA4B,OAAO;AAC1C,SAAO,yBAAyB;AAClC;AACA,IAAM,wBAAwB,CAAC;AAAA,EAC7B,OAAO,GAAG,kBAAkB;AAAA,EAC5B,OAAO;AACT,GAAG;AAAA,EACD,OAAO,GAAG,kBAAkB;AAAA,EAC5B,OAAO;AACT,GAAG;AAAA;AAAA,EAED,OAAO,GAAG,OAAO;AAAA,EACjB,OAAO;AACT,GAAG;AAAA;AAAA,EAED,OAAO,GAAG,OAAO;AAAA,EACjB,OAAO;AACT,CAAC;AA2BM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA,GAAG;AACL,GAAG;AACD,SAAoB,qBAAK,QAAQ;AAAA,IAC/B,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU,CAAC,iBAAiB,mBAAgC,qBAAK,eAAe;AAAA,MAC9E,uBAAuB;AAAA,MACvB,OAAO,GAAG,UAAU;AAAA,MACpB,OAAO,YAAY,UAAa,UAAU,SAAY,SAAY,GAAG,OAAO,IAAI,KAAK;AAAA,MACrF,SAAS;AAAA,MACT,UAAU,WAAS;AACjB,YAAI,OAAO,UAAU,UAAU;AAC7B;AAAA,QACF;AACA,cAAM,CAAC,YAAY,QAAQ,IAAI,MAAM,MAAM,GAAG;AAC9C,YAAI,aAAa,OAAO;AACtB,wBAAc,QAAQ;AAAA,QACxB;AACA,YAAI,eAAe,SAAS;AAC1B,0BAAgB,UAAU;AAAA,QAC5B;AAAA,MACF;AAAA,IACF,GAAG,6BAA6B,GAAG,0BAA0B,KAAK,KAAK,MAAM,kBAAkB,MAAM,oBAAiC,qBAAK,gBAAgB;AAAA,MACzJ,uBAAuB;AAAA,MACvB,gBAAgB,MAAM;AAAA,MACtB,OAAO,GAAG,UAAU;AAAA,MACpB,eAAe,GAAG,OAAO,YAAY;AAAA,MACrC,oBAAoB,MAAM;AAAA,MAC1B,UAAU,MAAM;AAAA,IAClB,GAAG,gCAAgC,GAAG,4BAA4B,KAAK,KAAK,MAAM,uBAAuB,MAAM,oBAAiC,qBAAK,gBAAgB;AAAA,MACnK,uBAAuB;AAAA,MACvB,OAAO,GAAG,YAAY;AAAA,MACtB,OAAO,MAAM,sBAAsB,MAAM,mBAAmB,IAAI,WAAS;AAAA,QACvE,IAAI,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,OAAO,KAAK,QAAQ,KAAK;AAAA,MAC3B,EAAE;AAAA,MACF,aAAa,OAAO,KAAK,MAAM,mBAAmB;AAAA,MAClD,UAAU,MAAM;AAAA,MAChB,gBAAgB;AAAA,IAClB,GAAG,kCAAkC,GAAG,kBAA+B,qBAAK,cAAc;AAAA,MACxF,uBAAuB;AAAA,MACvB;AAAA,MACA,OAAO,GAAG,QAAQ;AAAA,MAClB,eAAe,GAAG,OAAO,SAAS;AAAA,MAClC;AAAA,MACA,UAAU;AAAA,IACZ,GAAG,8BAA8B,GAAG,yBAAsC,qBAAK,cAAc;AAAA,MAC3F,uBAAuB;AAAA,MACvB,OAAO,GAAG,iBAAiB;AAAA,MAC3B,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AAAA,MACL,UAAU;AAAA,IACZ,GAAG,8BAA8B,CAAC;AAAA,EACpC,CAAC;AACH;AACA,IAAO,yBAAQ;",
+  "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,9 @@ function UnforwardedRangeControl(props, forwardedRef) {
         onBlur: handleOnInputNumberBlur,
         onChange: handleOnChange,
         shiftStep,
-        size: __next40pxDefaultSize ? "__unstable-large" : "default",
-        __unstableInputWidth: __next40pxDefaultSize ? space(20) : space(16),
+        __unstableInputWidth: space(20),
         step,
-        value: inputSliderValue,
-        __shouldNotWarnDeprecated36pxSize: true
+        value: inputSliderValue
       }), allowReset && /* @__PURE__ */ _jsx(ActionRightWrapper, {
         children: /* @__PURE__ */ _jsx(Button, {
           className: "components-range-control__reset",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/range-control/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from './styles/range-control-styles';\nimport { space } from '../utils/space';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n */\nfunction computeResetValue({\n  resetFallbackValue,\n  initialPosition\n}) {\n  if (resetFallbackValue !== undefined) {\n    return !Number.isNaN(resetFallbackValue) ? resetFallbackValue : null;\n  }\n  if (initialPosition !== undefined) {\n    return !Number.isNaN(initialPosition) ? initialPosition : null;\n  }\n  return null;\n}\nfunction UnforwardedRangeControl(props, forwardedRef) {\n  const {\n    __nextHasNoMarginBottom: _,\n    // Prevent passing to internal component\n    afterIcon,\n    allowReset = false,\n    beforeIcon,\n    className,\n    color: colorProp = COLORS.theme.accent,\n    currentInput,\n    disabled = false,\n    help,\n    hideLabelFromVision = false,\n    initialPosition,\n    isShiftStepEnabled = true,\n    label,\n    marks = false,\n    max = 100,\n    min = 0,\n    onBlur = noop,\n    onChange = noop,\n    onFocus = noop,\n    onMouseLeave = noop,\n    onMouseMove = noop,\n    railColor,\n    renderTooltipContent = v => v,\n    resetFallbackValue,\n    __next40pxDefaultSize = false,\n    shiftStep = 10,\n    showTooltip: showTooltipProp,\n    step = 1,\n    trackColor,\n    value: valueProp,\n    withInputField = true,\n    __shouldNotWarnDeprecated36pxSize,\n    ...otherProps\n  } = props;\n  const [value, setValue] = useControlledRangeValue({\n    min,\n    max,\n    value: valueProp ?? null,\n    initial: initialPosition\n  });\n  const isResetPendent = useRef(false);\n  let hasTooltip = showTooltipProp;\n  let hasInputField = withInputField;\n  if (step === 'any') {\n    // The tooltip and number input field are hidden when the step is \"any\"\n    // because the decimals get too lengthy to fit well.\n    hasTooltip = false;\n    hasInputField = false;\n  }\n  const [showTooltip, setShowTooltip] = useState(hasTooltip);\n  const [isFocused, setIsFocused] = useState(false);\n  const inputRef = useRef(null);\n  const isCurrentlyFocused = inputRef.current?.matches(':focus');\n  const isThumbFocused = !disabled && isFocused;\n  const isValueReset = value === null;\n  const currentValue = value !== undefined ? value : currentInput;\n  const inputSliderValue = isValueReset ? '' : currentValue;\n  const rangeFillValue = isValueReset ? (max - min) / 2 + min : value;\n  const fillValue = isValueReset ? 50 : (value - min) / (max - min) * 100;\n  const fillValueOffset = `${clamp(fillValue, 0, 100)}%`;\n  const classes = clsx('components-range-control', className);\n  const wrapperClasses = clsx('components-range-control__wrapper', !!marks && 'is-marked');\n  const id = useInstanceId(UnforwardedRangeControl, 'inspector-range-control');\n  const describedBy = !!help ? `${id}__help` : undefined;\n  const enableTooltip = hasTooltip !== false && Number.isFinite(value);\n  const handleOnRangeChange = event => {\n    const nextValue = parseFloat(event.target.value);\n    setValue(nextValue);\n    onChange(nextValue);\n  };\n  const handleOnChange = next => {\n    // @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n    // potentially receive a NaN when next is undefined.\n    let nextValue = parseFloat(next);\n    setValue(nextValue);\n\n    /*\n     * Calls onChange only when nextValue is numeric\n     * otherwise may queue a reset for the blur event.\n     */\n    if (!isNaN(nextValue)) {\n      if (nextValue < min || nextValue > max) {\n        nextValue = floatClamp(nextValue, min, max);\n      }\n      onChange(nextValue);\n      isResetPendent.current = false;\n    } else if (allowReset) {\n      isResetPendent.current = true;\n    }\n  };\n  const handleOnInputNumberBlur = () => {\n    if (isResetPendent.current) {\n      handleOnReset();\n      isResetPendent.current = false;\n    }\n  };\n  const handleOnReset = () => {\n    // Reset to `resetFallbackValue` if defined, otherwise set internal value\n    // to `null` — which, if propagated to the `value` prop, will cause\n    // the value to be reset to the `initialPosition` prop if defined.\n    const resetValue = Number.isNaN(resetFallbackValue) ? null : resetFallbackValue ?? null;\n    setValue(resetValue);\n\n    /**\n     * Previously, this callback would always receive undefined as\n     * an argument. This behavior is unexpected, specifically\n     * when resetFallbackValue is defined.\n     *\n     * The value of undefined is not ideal. Passing it through\n     * to internal <input /> elements would change it from a\n     * controlled component to an uncontrolled component.\n     *\n     * For now, to minimize unexpected regressions, we're going to\n     * preserve the undefined callback argument, except when a\n     * resetFallbackValue is defined.\n     */\n    onChange(resetValue ?? undefined);\n  };\n  const handleShowTooltip = () => setShowTooltip(true);\n  const handleHideTooltip = () => setShowTooltip(false);\n  const handleOnBlur = event => {\n    onBlur(event);\n    setIsFocused(false);\n    handleHideTooltip();\n  };\n  const handleOnFocus = event => {\n    onFocus(event);\n    setIsFocused(true);\n    handleShowTooltip();\n  };\n  const offsetStyle = {\n    [isRTL() ? 'right' : 'left']: fillValueOffset\n  };\n\n  // Add default size deprecation warning.\n  maybeWarnDeprecated36pxSize({\n    componentName: 'RangeControl',\n    __next40pxDefaultSize,\n    size: undefined,\n    __shouldNotWarnDeprecated36pxSize\n  });\n  return /*#__PURE__*/_jsx(BaseControl, {\n    className: classes,\n    label: label,\n    hideLabelFromVision: hideLabelFromVision,\n    id: `${id}`,\n    help: help,\n    children: /*#__PURE__*/_jsxs(Root, {\n      className: \"components-range-control__root\",\n      __next40pxDefaultSize: __next40pxDefaultSize,\n      children: [beforeIcon && /*#__PURE__*/_jsx(BeforeIconWrapper, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: beforeIcon\n        })\n      }), /*#__PURE__*/_jsxs(Wrapper, {\n        className: wrapperClasses,\n        color: colorProp,\n        marks: !!marks,\n        children: [/*#__PURE__*/_jsx(InputRange, {\n          ...otherProps,\n          className: \"components-range-control__slider\",\n          describedBy: describedBy,\n          disabled: disabled,\n          id: `${id}`,\n          label: label,\n          max: max,\n          min: min,\n          onBlur: handleOnBlur,\n          onChange: handleOnRangeChange,\n          onFocus: handleOnFocus,\n          onMouseMove: onMouseMove,\n          onMouseLeave: onMouseLeave,\n          ref: useMergeRefs([inputRef, forwardedRef]),\n          step: step,\n          value: inputSliderValue ?? undefined\n        }), /*#__PURE__*/_jsx(RangeRail, {\n          \"aria-hidden\": true,\n          disabled: disabled,\n          marks: marks,\n          max: max,\n          min: min,\n          railColor: railColor,\n          step: step,\n          value: rangeFillValue\n        }), /*#__PURE__*/_jsx(Track, {\n          \"aria-hidden\": true,\n          className: \"components-range-control__track\",\n          disabled: disabled,\n          style: {\n            width: fillValueOffset\n          },\n          trackColor: trackColor\n        }), /*#__PURE__*/_jsx(ThumbWrapper, {\n          className: \"components-range-control__thumb-wrapper\",\n          style: offsetStyle,\n          disabled: disabled,\n          children: /*#__PURE__*/_jsx(Thumb, {\n            \"aria-hidden\": true,\n            isFocused: isThumbFocused,\n            disabled: disabled\n          })\n        }), enableTooltip && /*#__PURE__*/_jsx(SimpleTooltip, {\n          className: \"components-range-control__tooltip\",\n          inputRef: inputRef,\n          tooltipPlacement: \"bottom\",\n          renderTooltipContent: renderTooltipContent,\n          show: isCurrentlyFocused || showTooltip,\n          style: offsetStyle,\n          value: value\n        })]\n      }), afterIcon && /*#__PURE__*/_jsx(AfterIconWrapper, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: afterIcon\n        })\n      }), hasInputField && /*#__PURE__*/_jsx(InputNumber, {\n        \"aria-label\": label,\n        className: \"components-range-control__number\",\n        disabled: disabled,\n        inputMode: \"decimal\",\n        isShiftStepEnabled: isShiftStepEnabled,\n        max: max,\n        min: min,\n        onBlur: handleOnInputNumberBlur,\n        onChange: handleOnChange,\n        shiftStep: shiftStep,\n        size: __next40pxDefaultSize ? '__unstable-large' : 'default',\n        __unstableInputWidth: __next40pxDefaultSize ? space(20) : space(16),\n        step: step\n        // @ts-expect-error TODO: Investigate if the `null` value is necessary\n        ,\n        value: inputSliderValue,\n        __shouldNotWarnDeprecated36pxSize: true\n      }), allowReset && /*#__PURE__*/_jsx(ActionRightWrapper, {\n        children: /*#__PURE__*/_jsx(Button, {\n          className: \"components-range-control__reset\"\n          // If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n          ,\n          accessibleWhenDisabled: !disabled\n          // The reset button should be disabled if RangeControl itself is disabled,\n          // or if the current `value` is equal to the value that would be currently\n          // assigned when clicking the button.\n          ,\n          disabled: disabled || value === computeResetValue({\n            resetFallbackValue,\n            initialPosition\n          }),\n          variant: \"secondary\",\n          size: \"small\",\n          onClick: handleOnReset,\n          children: __('Reset')\n        })\n      })]\n    })\n  });\n}\n\n/**\n * RangeControls are used to make selections from a range of incremental values.\n *\n * ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRangeControl = () => {\n *   const [ value, setValue ] = useState();\n *   return (\n *     <RangeControl\n *       __next40pxDefaultSize\n *       help=\"Please select how transparent you would like this.\"\n *       initialPosition={ 50 }\n *       label=\"Opacity\"\n *       max={ 100 }\n *       min={ 0 }\n *       value={ value }\n *       onChange={ setValue }\n *     />\n *   );\n * };\n * ```\n */\nexport const RangeControl = forwardRef(UnforwardedRangeControl);\nRangeControl.displayName = 'RangeControl';\nexport default RangeControl;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from './styles/range-control-styles';\nimport { space } from '../utils/space';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n */\nfunction computeResetValue({\n  resetFallbackValue,\n  initialPosition\n}) {\n  if (resetFallbackValue !== undefined) {\n    return !Number.isNaN(resetFallbackValue) ? resetFallbackValue : null;\n  }\n  if (initialPosition !== undefined) {\n    return !Number.isNaN(initialPosition) ? initialPosition : null;\n  }\n  return null;\n}\nfunction UnforwardedRangeControl(props, forwardedRef) {\n  const {\n    // Prevent passing legacy props to internal component.\n    __nextHasNoMarginBottom: _,\n    __next40pxDefaultSize: _next40pxDefaultSize,\n    __shouldNotWarnDeprecated36pxSize: _shouldNotWarnDeprecated36pxSize,\n    afterIcon,\n    allowReset = false,\n    beforeIcon,\n    className,\n    color: colorProp = COLORS.theme.accent,\n    currentInput,\n    disabled = false,\n    help,\n    hideLabelFromVision = false,\n    initialPosition,\n    isShiftStepEnabled = true,\n    label,\n    marks = false,\n    max = 100,\n    min = 0,\n    onBlur = noop,\n    onChange = noop,\n    onFocus = noop,\n    onMouseLeave = noop,\n    onMouseMove = noop,\n    railColor,\n    renderTooltipContent = v => v,\n    resetFallbackValue,\n    shiftStep = 10,\n    showTooltip: showTooltipProp,\n    step = 1,\n    trackColor,\n    value: valueProp,\n    withInputField = true,\n    ...otherProps\n  } = props;\n  const [value, setValue] = useControlledRangeValue({\n    min,\n    max,\n    value: valueProp ?? null,\n    initial: initialPosition\n  });\n  const isResetPendent = useRef(false);\n  let hasTooltip = showTooltipProp;\n  let hasInputField = withInputField;\n  if (step === 'any') {\n    // The tooltip and number input field are hidden when the step is \"any\"\n    // because the decimals get too lengthy to fit well.\n    hasTooltip = false;\n    hasInputField = false;\n  }\n  const [showTooltip, setShowTooltip] = useState(hasTooltip);\n  const [isFocused, setIsFocused] = useState(false);\n  const inputRef = useRef(null);\n  const isCurrentlyFocused = inputRef.current?.matches(':focus');\n  const isThumbFocused = !disabled && isFocused;\n  const isValueReset = value === null;\n  const currentValue = value !== undefined ? value : currentInput;\n  const inputSliderValue = isValueReset ? '' : currentValue;\n  const rangeFillValue = isValueReset ? (max - min) / 2 + min : value;\n  const fillValue = isValueReset ? 50 : (value - min) / (max - min) * 100;\n  const fillValueOffset = `${clamp(fillValue, 0, 100)}%`;\n  const classes = clsx('components-range-control', className);\n  const wrapperClasses = clsx('components-range-control__wrapper', !!marks && 'is-marked');\n  const id = useInstanceId(UnforwardedRangeControl, 'inspector-range-control');\n  const describedBy = !!help ? `${id}__help` : undefined;\n  const enableTooltip = hasTooltip !== false && Number.isFinite(value);\n  const handleOnRangeChange = event => {\n    const nextValue = parseFloat(event.target.value);\n    setValue(nextValue);\n    onChange(nextValue);\n  };\n  const handleOnChange = next => {\n    // @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n    // potentially receive a NaN when next is undefined.\n    let nextValue = parseFloat(next);\n    setValue(nextValue);\n\n    /*\n     * Calls onChange only when nextValue is numeric\n     * otherwise may queue a reset for the blur event.\n     */\n    if (!isNaN(nextValue)) {\n      if (nextValue < min || nextValue > max) {\n        nextValue = floatClamp(nextValue, min, max);\n      }\n      onChange(nextValue);\n      isResetPendent.current = false;\n    } else if (allowReset) {\n      isResetPendent.current = true;\n    }\n  };\n  const handleOnInputNumberBlur = () => {\n    if (isResetPendent.current) {\n      handleOnReset();\n      isResetPendent.current = false;\n    }\n  };\n  const handleOnReset = () => {\n    // Reset to `resetFallbackValue` if defined, otherwise set internal value\n    // to `null` — which, if propagated to the `value` prop, will cause\n    // the value to be reset to the `initialPosition` prop if defined.\n    const resetValue = Number.isNaN(resetFallbackValue) ? null : resetFallbackValue ?? null;\n    setValue(resetValue);\n\n    /**\n     * Previously, this callback would always receive undefined as\n     * an argument. This behavior is unexpected, specifically\n     * when resetFallbackValue is defined.\n     *\n     * The value of undefined is not ideal. Passing it through\n     * to internal <input /> elements would change it from a\n     * controlled component to an uncontrolled component.\n     *\n     * For now, to minimize unexpected regressions, we're going to\n     * preserve the undefined callback argument, except when a\n     * resetFallbackValue is defined.\n     */\n    onChange(resetValue ?? undefined);\n  };\n  const handleShowTooltip = () => setShowTooltip(true);\n  const handleHideTooltip = () => setShowTooltip(false);\n  const handleOnBlur = event => {\n    onBlur(event);\n    setIsFocused(false);\n    handleHideTooltip();\n  };\n  const handleOnFocus = event => {\n    onFocus(event);\n    setIsFocused(true);\n    handleShowTooltip();\n  };\n  const offsetStyle = {\n    [isRTL() ? 'right' : 'left']: fillValueOffset\n  };\n  return /*#__PURE__*/_jsx(BaseControl, {\n    className: classes,\n    label: label,\n    hideLabelFromVision: hideLabelFromVision,\n    id: `${id}`,\n    help: help,\n    children: /*#__PURE__*/_jsxs(Root, {\n      className: \"components-range-control__root\",\n      children: [beforeIcon && /*#__PURE__*/_jsx(BeforeIconWrapper, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: beforeIcon\n        })\n      }), /*#__PURE__*/_jsxs(Wrapper, {\n        className: wrapperClasses,\n        color: colorProp,\n        marks: !!marks,\n        children: [/*#__PURE__*/_jsx(InputRange, {\n          ...otherProps,\n          className: \"components-range-control__slider\",\n          describedBy: describedBy,\n          disabled: disabled,\n          id: `${id}`,\n          label: label,\n          max: max,\n          min: min,\n          onBlur: handleOnBlur,\n          onChange: handleOnRangeChange,\n          onFocus: handleOnFocus,\n          onMouseMove: onMouseMove,\n          onMouseLeave: onMouseLeave,\n          ref: useMergeRefs([inputRef, forwardedRef]),\n          step: step,\n          value: inputSliderValue ?? undefined\n        }), /*#__PURE__*/_jsx(RangeRail, {\n          \"aria-hidden\": true,\n          disabled: disabled,\n          marks: marks,\n          max: max,\n          min: min,\n          railColor: railColor,\n          step: step,\n          value: rangeFillValue\n        }), /*#__PURE__*/_jsx(Track, {\n          \"aria-hidden\": true,\n          className: \"components-range-control__track\",\n          disabled: disabled,\n          style: {\n            width: fillValueOffset\n          },\n          trackColor: trackColor\n        }), /*#__PURE__*/_jsx(ThumbWrapper, {\n          className: \"components-range-control__thumb-wrapper\",\n          style: offsetStyle,\n          disabled: disabled,\n          children: /*#__PURE__*/_jsx(Thumb, {\n            \"aria-hidden\": true,\n            isFocused: isThumbFocused,\n            disabled: disabled\n          })\n        }), enableTooltip && /*#__PURE__*/_jsx(SimpleTooltip, {\n          className: \"components-range-control__tooltip\",\n          inputRef: inputRef,\n          tooltipPlacement: \"bottom\",\n          renderTooltipContent: renderTooltipContent,\n          show: isCurrentlyFocused || showTooltip,\n          style: offsetStyle,\n          value: value\n        })]\n      }), afterIcon && /*#__PURE__*/_jsx(AfterIconWrapper, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: afterIcon\n        })\n      }), hasInputField && /*#__PURE__*/_jsx(InputNumber, {\n        \"aria-label\": label,\n        className: \"components-range-control__number\",\n        disabled: disabled,\n        inputMode: \"decimal\",\n        isShiftStepEnabled: isShiftStepEnabled,\n        max: max,\n        min: min,\n        onBlur: handleOnInputNumberBlur,\n        onChange: handleOnChange,\n        shiftStep: shiftStep,\n        __unstableInputWidth: space(20),\n        step: step\n        // @ts-expect-error TODO: Investigate if the `null` value is necessary\n        ,\n        value: inputSliderValue\n      }), allowReset && /*#__PURE__*/_jsx(ActionRightWrapper, {\n        children: /*#__PURE__*/_jsx(Button, {\n          className: \"components-range-control__reset\"\n          // If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n          ,\n          accessibleWhenDisabled: !disabled\n          // The reset button should be disabled if RangeControl itself is disabled,\n          // or if the current `value` is equal to the value that would be currently\n          // assigned when clicking the button.\n          ,\n          disabled: disabled || value === computeResetValue({\n            resetFallbackValue,\n            initialPosition\n          }),\n          variant: \"secondary\",\n          size: \"small\",\n          onClick: handleOnReset,\n          children: __('Reset')\n        })\n      })]\n    })\n  });\n}\n\n/**\n * RangeControls are used to make selections from a range of incremental values.\n *\n * ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRangeControl = () => {\n *   const [ value, setValue ] = useState();\n *   return (\n *     <RangeControl\n *       help=\"Please select how transparent you would like this.\"\n *       initialPosition={ 50 }\n *       label=\"Opacity\"\n *       max={ 100 }\n *       min={ 0 }\n *       value={ value }\n *       onChange={ setValue }\n *     />\n *   );\n * };\n * ```\n */\nexport const RangeControl = forwardRef(UnforwardedRangeControl);\nRangeControl.displayName = 'RangeControl';\nexport default RangeControl;"],
+  "mappings": "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",
   "names": []
 }