@wordpress/components 28.2.0 → 28.4.0

package/build/custom-select-control-v2/default-component/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
-var _customSelect = _interopRequireDefault(require("../custom-select"));
-var _item = _interopRequireDefault(require("../item"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * Internal dependencies
- */
-
-function CustomSelectControlV2(props) {
-  const {
-    defaultValue,
-    onChange,
-    value,
-    ...restProps
-  } = props;
-  // Forward props + store from v2 implementation
-  const store = Ariakit.useSelectStore({
-    setValue: nextValue => onChange?.(nextValue),
-    defaultValue,
-    value
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_customSelect.default, {
-    ...restProps,
-    store: store
-  });
-}
-CustomSelectControlV2.Item = _item.default;
-var _default = exports.default = CustomSelectControlV2;
-//# sourceMappingURL=index.js.map

package/build/custom-select-control-v2/default-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_customSelect","_interopRequireDefault","_item","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomSelectControlV2","props","defaultValue","onChange","value","restProps","store","useSelectStore","setValue","nextValue","jsx","Item","_default","exports"],"sources":["@wordpress/components/src/custom-select-control-v2/default-component/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n/**\n * Internal dependencies\n */\nimport _CustomSelect from '../custom-select';\nimport type { CustomSelectProps } from '../types';\nimport type { WordPressComponentProps } from '../../context';\nimport Item from '../item';\n\nfunction CustomSelectControlV2(\n\tprops: WordPressComponentProps< CustomSelectProps, 'button', false >\n) {\n\tconst { defaultValue, onChange, value, ...restProps } = props;\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tsetValue: ( nextValue ) => onChange?.( nextValue ),\n\t\tdefaultValue,\n\t\tvalue,\n\t} );\n\n\treturn <_CustomSelect { ...restProps } store={ store } />;\n}\n\nCustomSelectControlV2.Item = Item;\n\nexport default CustomSelectControlV2;\n"],"mappings":";;;;;;;AAIA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA2B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAX3B;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAMA,SAASW,qBAAqBA,CAC7BC,KAAoE,EACnE;EACD,MAAM;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAC7D;EACA,MAAMK,KAAK,GAAGjC,OAAO,CAACkC,cAAc,CAAE;IACrCC,QAAQ,EAAIC,SAAS,IAAMN,QAAQ,GAAIM,SAAU,CAAC;IAClDP,YAAY;IACZE;EACD,CAAE,CAAC;EAEH,oBAAO,IAAAzB,WAAA,CAAA+B,GAAA,EAAClC,aAAA,CAAAU,OAAa;IAAA,GAAMmB,SAAS;IAAGC,KAAK,EAAGA;EAAO,CAAE,CAAC;AAC1D;AAEAN,qBAAqB,CAACW,IAAI,GAAGA,aAAI;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEnBc,qBAAqB","ignoreList":[]}

package/build/custom-select-control-v2/legacy-component/index.js

@@ -1,119 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
-var _customSelect = _interopRequireDefault(require("../custom-select"));
-var _item = _interopRequireDefault(require("../item"));
-var Styled = _interopRequireWildcard(require("../styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * Internal dependencies
- */
-
-function CustomSelectControl(props) {
-  const {
-    __experimentalShowSelectedHint = false,
-    __next40pxDefaultSize = false,
-    describedBy,
-    options,
-    onChange,
-    size = 'default',
-    value,
-    ...restProps
-  } = props;
-
-  // Forward props + store from v2 implementation
-  const store = Ariakit.useSelectStore({
-    async setValue(nextValue) {
-      const nextOption = options.find(item => item.name === nextValue);
-      if (!onChange || !nextOption) {
-        return;
-      }
-
-      // Executes the logic in a microtask after the popup is closed.
-      // This is simply to ensure the isOpen state matches that in Downshift.
-      await Promise.resolve();
-      const state = store.getState();
-      const changeObject = {
-        highlightedIndex: state.renderedItems.findIndex(item => item.value === nextValue),
-        inputValue: '',
-        isOpen: state.open,
-        selectedItem: nextOption,
-        type: ''
-      };
-      onChange(changeObject);
-    },
-    value: value?.name,
-    // Setting the first option as a default value when no value is provided
-    // is already done natively by the underlying Ariakit component,
-    // but doing this explicitly avoids the `onChange` callback from firing
-    // on initial render, thus making this implementation closer to the v1.
-    defaultValue: options[0]?.name
-  });
-  const children = options.map(({
-    name,
-    key,
-    __experimentalHint,
-    style,
-    className
-  }) => {
-    const withHint = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.WithHintWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: name
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ExperimentalHintItem, {
-        className: "components-custom-select-control__item-hint",
-        children: __experimentalHint
-      })]
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {
-      value: name,
-      children: __experimentalHint ? withHint : name,
-      style: style,
-      className: className
-    }, key);
-  });
-  const renderSelectedValueHint = () => {
-    const {
-      value: currentValue
-    } = store.getState();
-    const currentHint = options?.find(({
-      name
-    }) => currentValue === name);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.SelectedExperimentalHintWrapper, {
-      children: [currentValue, /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.SelectedExperimentalHintItem, {
-        className: "components-custom-select-control__hint",
-        children: currentHint?.__experimentalHint
-      })]
-    });
-  };
-  const translatedSize = (() => {
-    if (__next40pxDefaultSize && size === 'default' || size === '__unstable-large') {
-      return 'default';
-    }
-    if (!__next40pxDefaultSize && size === 'default') {
-      return 'compact';
-    }
-    return size;
-  })();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_customSelect.default, {
-    "aria-describedby": describedBy,
-    renderSelectedValue: __experimentalShowSelectedHint ? renderSelectedValueHint : undefined,
-    size: translatedSize,
-    store: store,
-    ...restProps,
-    children: children
-  });
-}
-var _default = exports.default = CustomSelectControl;
-//# sourceMappingURL=index.js.map

package/build/custom-select-control-v2/legacy-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_customSelect","_interopRequireDefault","_item","Styled","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomSelectControl","props","__experimentalShowSelectedHint","__next40pxDefaultSize","describedBy","options","onChange","size","value","restProps","store","useSelectStore","setValue","nextValue","nextOption","find","item","name","Promise","resolve","state","getState","changeObject","highlightedIndex","renderedItems","findIndex","inputValue","isOpen","open","selectedItem","type","defaultValue","children","map","key","__experimentalHint","style","className","withHint","jsxs","WithHintWrapper","jsx","ExperimentalHintItem","renderSelectedValueHint","currentValue","currentHint","SelectedExperimentalHintWrapper","SelectedExperimentalHintItem","translatedSize","renderSelectedValue","undefined","_default","exports"],"sources":["@wordpress/components/src/custom-select-control-v2/legacy-component/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport _CustomSelect from '../custom-select';\nimport CustomSelectItem from '../item';\nimport type { LegacyCustomSelectProps } from '../types';\nimport * as Styled from '../styles';\n\nfunction CustomSelectControl( props: LegacyCustomSelectProps ) {\n\tconst {\n\t\t__experimentalShowSelectedHint = false,\n\t\t__next40pxDefaultSize = false,\n\t\tdescribedBy,\n\t\toptions,\n\t\tonChange,\n\t\tsize = 'default',\n\t\tvalue,\n\t\t...restProps\n\t} = props;\n\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tasync setValue( nextValue ) {\n\t\t\tconst nextOption = options.find(\n\t\t\t\t( item ) => item.name === nextValue\n\t\t\t);\n\n\t\t\tif ( ! onChange || ! nextOption ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Executes the logic in a microtask after the popup is closed.\n\t\t\t// This is simply to ensure the isOpen state matches that in Downshift.\n\t\t\tawait Promise.resolve();\n\t\t\tconst state = store.getState();\n\n\t\t\tconst changeObject = {\n\t\t\t\thighlightedIndex: state.renderedItems.findIndex(\n\t\t\t\t\t( item ) => item.value === nextValue\n\t\t\t\t),\n\t\t\t\tinputValue: '',\n\t\t\t\tisOpen: state.open,\n\t\t\t\tselectedItem: nextOption,\n\t\t\t\ttype: '',\n\t\t\t};\n\t\t\tonChange( changeObject );\n\t\t},\n\t\tvalue: value?.name,\n\t\t// Setting the first option as a default value when no value is provided\n\t\t// is already done natively by the underlying Ariakit component,\n\t\t// but doing this explicitly avoids the `onChange` callback from firing\n\t\t// on initial render, thus making this implementation closer to the v1.\n\t\tdefaultValue: options[ 0 ]?.name,\n\t} );\n\n\tconst children = options.map(\n\t\t( { name, key, __experimentalHint, style, className } ) => {\n\t\t\tconst withHint = (\n\t\t\t\t<Styled.WithHintWrapper>\n\t\t\t\t\t<span>{ name }</span>\n\t\t\t\t\t<Styled.ExperimentalHintItem className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t{ __experimentalHint }\n\t\t\t\t\t</Styled.ExperimentalHintItem>\n\t\t\t\t</Styled.WithHintWrapper>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<CustomSelectItem\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tchildren={ __experimentalHint ? withHint : name }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tclassName={ className }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t);\n\n\tconst renderSelectedValueHint = () => {\n\t\tconst { value: currentValue } = store.getState();\n\n\t\tconst currentHint = options?.find(\n\t\t\t( { name } ) => currentValue === name\n\t\t);\n\n\t\treturn (\n\t\t\t<Styled.SelectedExperimentalHintWrapper>\n\t\t\t\t{ currentValue }\n\t\t\t\t<Styled.SelectedExperimentalHintItem className=\"components-custom-select-control__hint\">\n\t\t\t\t\t{ currentHint?.__experimentalHint }\n\t\t\t\t</Styled.SelectedExperimentalHintItem>\n\t\t\t</Styled.SelectedExperimentalHintWrapper>\n\t\t);\n\t};\n\n\tconst translatedSize = ( () => {\n\t\tif (\n\t\t\t( __next40pxDefaultSize && size === 'default' ) ||\n\t\t\tsize === '__unstable-large'\n\t\t) {\n\t\t\treturn 'default';\n\t\t}\n\t\tif ( ! __next40pxDefaultSize && size === 'default' ) {\n\t\t\treturn 'compact';\n\t\t}\n\t\treturn size;\n\t} )();\n\n\treturn (\n\t\t<_CustomSelect\n\t\t\taria-describedby={ describedBy }\n\t\t\trenderSelectedValue={\n\t\t\t\t__experimentalShowSelectedHint\n\t\t\t\t\t? renderSelectedValueHint\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsize={ translatedSize }\n\t\t\tstore={ store }\n\t\t\t{ ...restProps }\n\t\t>\n\t\t\t{ children }\n\t\t</_CustomSelect>\n\t);\n}\n\nexport default CustomSelectControl;\n"],"mappings":"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","ignoreList":[]}

package/build-module/custom-select-control-v2/default-component/index.js

@@ -1,32 +0,0 @@
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import * as Ariakit from '@ariakit/react';
-/**
- * Internal dependencies
- */
-import _CustomSelect from '../custom-select';
-import Item from '../item';
-import { jsx as _jsx } from "react/jsx-runtime";
-function CustomSelectControlV2(props) {
-  const {
-    defaultValue,
-    onChange,
-    value,
-    ...restProps
-  } = props;
-  // Forward props + store from v2 implementation
-  const store = Ariakit.useSelectStore({
-    setValue: nextValue => onChange?.(nextValue),
-    defaultValue,
-    value
-  });
-  return /*#__PURE__*/_jsx(_CustomSelect, {
-    ...restProps,
-    store: store
-  });
-}
-CustomSelectControlV2.Item = Item;
-export default CustomSelectControlV2;
-//# sourceMappingURL=index.js.map

package/build-module/custom-select-control-v2/default-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Ariakit","_CustomSelect","Item","jsx","_jsx","CustomSelectControlV2","props","defaultValue","onChange","value","restProps","store","useSelectStore","setValue","nextValue"],"sources":["@wordpress/components/src/custom-select-control-v2/default-component/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n/**\n * Internal dependencies\n */\nimport _CustomSelect from '../custom-select';\nimport type { CustomSelectProps } from '../types';\nimport type { WordPressComponentProps } from '../../context';\nimport Item from '../item';\n\nfunction CustomSelectControlV2(\n\tprops: WordPressComponentProps< CustomSelectProps, 'button', false >\n) {\n\tconst { defaultValue, onChange, value, ...restProps } = props;\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tsetValue: ( nextValue ) => onChange?.( nextValue ),\n\t\tdefaultValue,\n\t\tvalue,\n\t} );\n\n\treturn <_CustomSelect { ...restProps } store={ store } />;\n}\n\nCustomSelectControlV2.Item = Item;\n\nexport default CustomSelectControlV2;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;AACzC;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAG5C,OAAOC,IAAI,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3B,SAASC,qBAAqBA,CAC7BC,KAAoE,EACnE;EACD,MAAM;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAC7D;EACA,MAAMK,KAAK,GAAGX,OAAO,CAACY,cAAc,CAAE;IACrCC,QAAQ,EAAIC,SAAS,IAAMN,QAAQ,GAAIM,SAAU,CAAC;IAClDP,YAAY;IACZE;EACD,CAAE,CAAC;EAEH,oBAAOL,IAAA,CAACH,aAAa;IAAA,GAAMS,SAAS;IAAGC,KAAK,EAAGA;EAAO,CAAE,CAAC;AAC1D;AAEAN,qBAAqB,CAACH,IAAI,GAAGA,IAAI;AAEjC,eAAeG,qBAAqB","ignoreList":[]}

package/build-module/custom-select-control-v2/legacy-component/index.js

@@ -1,110 +0,0 @@
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import * as Ariakit from '@ariakit/react';
-
-/**
- * Internal dependencies
- */
-import _CustomSelect from '../custom-select';
-import CustomSelectItem from '../item';
-import * as Styled from '../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function CustomSelectControl(props) {
-  const {
-    __experimentalShowSelectedHint = false,
-    __next40pxDefaultSize = false,
-    describedBy,
-    options,
-    onChange,
-    size = 'default',
-    value,
-    ...restProps
-  } = props;
-
-  // Forward props + store from v2 implementation
-  const store = Ariakit.useSelectStore({
-    async setValue(nextValue) {
-      const nextOption = options.find(item => item.name === nextValue);
-      if (!onChange || !nextOption) {
-        return;
-      }
-
-      // Executes the logic in a microtask after the popup is closed.
-      // This is simply to ensure the isOpen state matches that in Downshift.
-      await Promise.resolve();
-      const state = store.getState();
-      const changeObject = {
-        highlightedIndex: state.renderedItems.findIndex(item => item.value === nextValue),
-        inputValue: '',
-        isOpen: state.open,
-        selectedItem: nextOption,
-        type: ''
-      };
-      onChange(changeObject);
-    },
-    value: value?.name,
-    // Setting the first option as a default value when no value is provided
-    // is already done natively by the underlying Ariakit component,
-    // but doing this explicitly avoids the `onChange` callback from firing
-    // on initial render, thus making this implementation closer to the v1.
-    defaultValue: options[0]?.name
-  });
-  const children = options.map(({
-    name,
-    key,
-    __experimentalHint,
-    style,
-    className
-  }) => {
-    const withHint = /*#__PURE__*/_jsxs(Styled.WithHintWrapper, {
-      children: [/*#__PURE__*/_jsx("span", {
-        children: name
-      }), /*#__PURE__*/_jsx(Styled.ExperimentalHintItem, {
-        className: "components-custom-select-control__item-hint",
-        children: __experimentalHint
-      })]
-    });
-    return /*#__PURE__*/_jsx(CustomSelectItem, {
-      value: name,
-      children: __experimentalHint ? withHint : name,
-      style: style,
-      className: className
-    }, key);
-  });
-  const renderSelectedValueHint = () => {
-    const {
-      value: currentValue
-    } = store.getState();
-    const currentHint = options?.find(({
-      name
-    }) => currentValue === name);
-    return /*#__PURE__*/_jsxs(Styled.SelectedExperimentalHintWrapper, {
-      children: [currentValue, /*#__PURE__*/_jsx(Styled.SelectedExperimentalHintItem, {
-        className: "components-custom-select-control__hint",
-        children: currentHint?.__experimentalHint
-      })]
-    });
-  };
-  const translatedSize = (() => {
-    if (__next40pxDefaultSize && size === 'default' || size === '__unstable-large') {
-      return 'default';
-    }
-    if (!__next40pxDefaultSize && size === 'default') {
-      return 'compact';
-    }
-    return size;
-  })();
-  return /*#__PURE__*/_jsx(_CustomSelect, {
-    "aria-describedby": describedBy,
-    renderSelectedValue: __experimentalShowSelectedHint ? renderSelectedValueHint : undefined,
-    size: translatedSize,
-    store: store,
-    ...restProps,
-    children: children
-  });
-}
-export default CustomSelectControl;
-//# sourceMappingURL=index.js.map

package/build-module/custom-select-control-v2/legacy-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Ariakit","_CustomSelect","CustomSelectItem","Styled","jsx","_jsx","jsxs","_jsxs","CustomSelectControl","props","__experimentalShowSelectedHint","__next40pxDefaultSize","describedBy","options","onChange","size","value","restProps","store","useSelectStore","setValue","nextValue","nextOption","find","item","name","Promise","resolve","state","getState","changeObject","highlightedIndex","renderedItems","findIndex","inputValue","isOpen","open","selectedItem","type","defaultValue","children","map","key","__experimentalHint","style","className","withHint","WithHintWrapper","ExperimentalHintItem","renderSelectedValueHint","currentValue","currentHint","SelectedExperimentalHintWrapper","SelectedExperimentalHintItem","translatedSize","renderSelectedValue","undefined"],"sources":["@wordpress/components/src/custom-select-control-v2/legacy-component/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport _CustomSelect from '../custom-select';\nimport CustomSelectItem from '../item';\nimport type { LegacyCustomSelectProps } from '../types';\nimport * as Styled from '../styles';\n\nfunction CustomSelectControl( props: LegacyCustomSelectProps ) {\n\tconst {\n\t\t__experimentalShowSelectedHint = false,\n\t\t__next40pxDefaultSize = false,\n\t\tdescribedBy,\n\t\toptions,\n\t\tonChange,\n\t\tsize = 'default',\n\t\tvalue,\n\t\t...restProps\n\t} = props;\n\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tasync setValue( nextValue ) {\n\t\t\tconst nextOption = options.find(\n\t\t\t\t( item ) => item.name === nextValue\n\t\t\t);\n\n\t\t\tif ( ! onChange || ! nextOption ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Executes the logic in a microtask after the popup is closed.\n\t\t\t// This is simply to ensure the isOpen state matches that in Downshift.\n\t\t\tawait Promise.resolve();\n\t\t\tconst state = store.getState();\n\n\t\t\tconst changeObject = {\n\t\t\t\thighlightedIndex: state.renderedItems.findIndex(\n\t\t\t\t\t( item ) => item.value === nextValue\n\t\t\t\t),\n\t\t\t\tinputValue: '',\n\t\t\t\tisOpen: state.open,\n\t\t\t\tselectedItem: nextOption,\n\t\t\t\ttype: '',\n\t\t\t};\n\t\t\tonChange( changeObject );\n\t\t},\n\t\tvalue: value?.name,\n\t\t// Setting the first option as a default value when no value is provided\n\t\t// is already done natively by the underlying Ariakit component,\n\t\t// but doing this explicitly avoids the `onChange` callback from firing\n\t\t// on initial render, thus making this implementation closer to the v1.\n\t\tdefaultValue: options[ 0 ]?.name,\n\t} );\n\n\tconst children = options.map(\n\t\t( { name, key, __experimentalHint, style, className } ) => {\n\t\t\tconst withHint = (\n\t\t\t\t<Styled.WithHintWrapper>\n\t\t\t\t\t<span>{ name }</span>\n\t\t\t\t\t<Styled.ExperimentalHintItem className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t{ __experimentalHint }\n\t\t\t\t\t</Styled.ExperimentalHintItem>\n\t\t\t\t</Styled.WithHintWrapper>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<CustomSelectItem\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tchildren={ __experimentalHint ? withHint : name }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tclassName={ className }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t);\n\n\tconst renderSelectedValueHint = () => {\n\t\tconst { value: currentValue } = store.getState();\n\n\t\tconst currentHint = options?.find(\n\t\t\t( { name } ) => currentValue === name\n\t\t);\n\n\t\treturn (\n\t\t\t<Styled.SelectedExperimentalHintWrapper>\n\t\t\t\t{ currentValue }\n\t\t\t\t<Styled.SelectedExperimentalHintItem className=\"components-custom-select-control__hint\">\n\t\t\t\t\t{ currentHint?.__experimentalHint }\n\t\t\t\t</Styled.SelectedExperimentalHintItem>\n\t\t\t</Styled.SelectedExperimentalHintWrapper>\n\t\t);\n\t};\n\n\tconst translatedSize = ( () => {\n\t\tif (\n\t\t\t( __next40pxDefaultSize && size === 'default' ) ||\n\t\t\tsize === '__unstable-large'\n\t\t) {\n\t\t\treturn 'default';\n\t\t}\n\t\tif ( ! __next40pxDefaultSize && size === 'default' ) {\n\t\t\treturn 'compact';\n\t\t}\n\t\treturn size;\n\t} )();\n\n\treturn (\n\t\t<_CustomSelect\n\t\t\taria-describedby={ describedBy }\n\t\t\trenderSelectedValue={\n\t\t\t\t__experimentalShowSelectedHint\n\t\t\t\t\t? renderSelectedValueHint\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsize={ translatedSize }\n\t\t\tstore={ store }\n\t\t\t{ ...restProps }\n\t\t>\n\t\t\t{ children }\n\t\t</_CustomSelect>\n\t);\n}\n\nexport default CustomSelectControl;\n"],"mappings":"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","ignoreList":[]}

package/build-types/custom-select-control-v2/default-component/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { CustomSelectProps } from '../types';
-import type { WordPressComponentProps } from '../../context';
-declare function CustomSelectControlV2(props: WordPressComponentProps<CustomSelectProps, 'button', false>): import("react").JSX.Element;
-declare namespace CustomSelectControlV2 {
-    var Item: typeof import("../item").CustomSelectItem;
-}
-export default CustomSelectControlV2;
-//# sourceMappingURL=index.d.ts.map

package/build-types/custom-select-control-v2/default-component/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/default-component/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,iBAAS,qBAAqB,CAC7B,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,CAAE,+BAWpE;kBAZQ,qBAAqB;;;AAgB9B,eAAe,qBAAqB,CAAC"}

package/build-types/custom-select-control-v2/legacy-component/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { LegacyCustomSelectProps } from '../types';
-declare function CustomSelectControl(props: LegacyCustomSelectProps): import("react").JSX.Element;
-export default CustomSelectControl;
-//# sourceMappingURL=index.d.ts.map

package/build-types/custom-select-control-v2/legacy-component/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/legacy-component/index.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGxD,iBAAS,mBAAmB,CAAE,KAAK,EAAE,uBAAuB,+BAmH3D;AAED,eAAe,mBAAmB,CAAC"}

package/build-types/custom-select-control-v2/legacy-component/test/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/custom-select-control-v2/legacy-component/test/index.tsx"],"names":[],"mappings":""}

package/build-types/custom-select-control-v2/stories/default.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/default.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,qBAAqB,MAAM,IAAI,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,qBAAqB,CA8B7C,CAAC;AACF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO;;;;;;sPAAsB,CAAC;AAmB3C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;sPAAsB,CAAC;AAoCrD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;sPAAsB,CAAC"}

package/build-types/custom-select-control-v2/stories/legacy.story.d.ts

@@ -1,14 +0,0 @@
-/**
- * External dependencies
- */
-import type { Meta } from '@storybook/react';
-/**
- * Internal dependencies
- */
-import CustomSelectControl from '../legacy-component';
-declare const meta: Meta<typeof CustomSelectControl>;
-export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").LegacyCustomSelectProps>;
-export declare const WithLongLabels: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").LegacyCustomSelectProps>;
-export declare const WithHints: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").LegacyCustomSelectProps>;
-//# sourceMappingURL=legacy.story.d.ts.map

package/build-types/custom-select-control-v2/stories/legacy.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"legacy.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/legacy.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,mBAAmB,MAAM,qBAAqB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,mBAAmB,CA0B3C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,mIAAsB,CAAC;AAG3C,eAAO,MAAM,cAAc,mIAAsB,CAAC;AAGlD,eAAO,MAAM,SAAS,mIAAsB,CAAC"}

package/src/custom-select-control/index.js

@@ -1,240 +0,0 @@
-// @ts-nocheck
-/**
- * External dependencies
- */
-import { useSelect } from 'downshift';
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Icon, check } from '@wordpress/icons';
-import { __, sprintf } from '@wordpress/i18n';
-import { useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { VisuallyHidden } from '../visually-hidden';
-import { Select as SelectControlSelect } from '../select-control/styles/select-control-styles';
-import SelectControlChevronDown from '../select-control/chevron-down';
-import { StyledLabel } from '../base-control/styles/base-control-styles';
-import { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';
-import InputBase from '../input-control/input-base';
-
-const itemToString = ( item ) => item?.name;
-// This is needed so that in Windows, where
-// the menu does not necessarily open on
-// key up/down, you can still switch between
-// options with the menu closed.
-const stateReducer = (
-	{ selectedItem },
-	{ type, changes, props: { items } }
-) => {
-	switch ( type ) {
-		case useSelect.stateChangeTypes.ToggleButtonKeyDownArrowDown:
-			// If we already have a selected item, try to select the next one,
-			// without circular navigation. Otherwise, select the first item.
-			return {
-				selectedItem:
-					items[
-						selectedItem
-							? Math.min(
-									items.indexOf( selectedItem ) + 1,
-									items.length - 1
-							  )
-							: 0
-					],
-			};
-		case useSelect.stateChangeTypes.ToggleButtonKeyDownArrowUp:
-			// If we already have a selected item, try to select the previous one,
-			// without circular navigation. Otherwise, select the last item.
-			return {
-				selectedItem:
-					items[
-						selectedItem
-							? Math.max( items.indexOf( selectedItem ) - 1, 0 )
-							: items.length - 1
-					],
-			};
-		default:
-			return changes;
-	}
-};
-
-export default function CustomSelectControl( props ) {
-	const {
-		/** Start opting into the larger default height that will become the default size in a future version. */
-		__next40pxDefaultSize = false,
-		className,
-		hideLabelFromVision,
-		label,
-		describedBy,
-		options: items,
-		onChange: onSelectedItemChange,
-		/** @type {import('../select-control/types').SelectControlProps.size} */
-		size = 'default',
-		value: _selectedItem,
-		onMouseOver,
-		onMouseOut,
-		onFocus,
-		onBlur,
-		__experimentalShowSelectedHint = false,
-	} = useDeprecated36pxDefaultSizeProp( props );
-
-	const {
-		getLabelProps,
-		getToggleButtonProps,
-		getMenuProps,
-		getItemProps,
-		isOpen,
-		highlightedIndex,
-		selectedItem,
-	} = useSelect( {
-		initialSelectedItem: items[ 0 ],
-		items,
-		itemToString,
-		onSelectedItemChange,
-		...( typeof _selectedItem !== 'undefined' && _selectedItem !== null
-			? { selectedItem: _selectedItem }
-			: undefined ),
-		stateReducer,
-	} );
-
-	function getDescribedBy() {
-		if ( describedBy ) {
-			return describedBy;
-		}
-
-		if ( ! selectedItem ) {
-			return __( 'No selection' );
-		}
-
-		// translators: %s: The selected option.
-		return sprintf( __( 'Currently selected: %s' ), selectedItem.name );
-	}
-
-	let menuProps = getMenuProps( {
-		className: 'components-custom-select-control__menu',
-		'aria-hidden': ! isOpen,
-	} );
-
-	const onKeyDownHandler = useCallback(
-		( e ) => {
-			e.stopPropagation();
-			menuProps?.onKeyDown?.( e );
-		},
-		[ menuProps ]
-	);
-
-	// We need this here, because the null active descendant is not fully ARIA compliant.
-	if (
-		menuProps[ 'aria-activedescendant' ]?.startsWith( 'downshift-null' )
-	) {
-		const {
-			'aria-activedescendant': ariaActivedescendant,
-			...restMenuProps
-		} = menuProps;
-		menuProps = restMenuProps;
-	}
-	return (
-		<div
-			className={ clsx( 'components-custom-select-control', className ) }
-		>
-			{ hideLabelFromVision ? (
-				<VisuallyHidden as="label" { ...getLabelProps() }>
-					{ label }
-				</VisuallyHidden>
-			) : (
-				/* eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/label-has-for */
-				<StyledLabel
-					{ ...getLabelProps( {
-						className: 'components-custom-select-control__label',
-					} ) }
-				>
-					{ label }
-				</StyledLabel>
-			) }
-			<InputBase
-				__next40pxDefaultSize={ __next40pxDefaultSize }
-				size={ size }
-				suffix={ <SelectControlChevronDown /> }
-			>
-				<SelectControlSelect
-					onMouseOver={ onMouseOver }
-					onMouseOut={ onMouseOut }
-					as="button"
-					onFocus={ onFocus }
-					onBlur={ onBlur }
-					selectSize={ size }
-					__next40pxDefaultSize={ __next40pxDefaultSize }
-					{ ...getToggleButtonProps( {
-						// This is needed because some speech recognition software don't support `aria-labelledby`.
-						'aria-label': label,
-						'aria-labelledby': undefined,
-						className: 'components-custom-select-control__button',
-						describedBy: getDescribedBy(),
-					} ) }
-				>
-					{ itemToString( selectedItem ) }
-					{ __experimentalShowSelectedHint &&
-						selectedItem.__experimentalHint && (
-							<span className="components-custom-select-control__hint">
-								{ selectedItem.__experimentalHint }
-							</span>
-						) }
-				</SelectControlSelect>
-				<div className="components-custom-select-control__menu-wrapper">
-					{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }
-					<ul { ...menuProps } onKeyDown={ onKeyDownHandler }>
-						{ isOpen &&
-							items.map( ( item, index ) => (
-								<li
-									key={ item.key }
-									{ ...getItemProps( {
-										item,
-										index,
-										className: clsx(
-											item.className,
-											'components-custom-select-control__item',
-											{
-												'is-highlighted':
-													index === highlightedIndex,
-												'has-hint':
-													!! item.__experimentalHint,
-												'is-next-40px-default-size':
-													__next40pxDefaultSize,
-											}
-										),
-										style: item.style,
-									} ) }
-								>
-									{ item.name }
-									{ item.__experimentalHint && (
-										<span className="components-custom-select-control__item-hint">
-											{ item.__experimentalHint }
-										</span>
-									) }
-									{ item === selectedItem && (
-										<Icon
-											icon={ check }
-											className="components-custom-select-control__item-icon"
-										/>
-									) }
-								</li>
-							) ) }
-					</ul>
-				</div>
-			</InputBase>
-		</div>
-	);
-}
-
-export function StableCustomSelectControl( props ) {
-	return (
-		<CustomSelectControl
-			{ ...props }
-			__experimentalShowSelectedHint={ false }
-		/>
-	);
-}