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

package/build/dimension-control/index.js

@@ -1,98 +1,84 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dimension_control_exports = {};
+__export(dimension_control_exports, {
+  DimensionControl: () => DimensionControl,
+  default: () => dimension_control_default
 });
-exports.DimensionControl = DimensionControl;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _i18n = require("@wordpress/i18n");
-var _icon = _interopRequireDefault(require("../icon"));
-var _selectControl = _interopRequireDefault(require("../select-control"));
-var _sizes = _interopRequireWildcard(require("./sizes"));
-var _context = require("../context");
-var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-var _deprecated36pxSize = require("../utils/deprecated-36px-size");
-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
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(dimension_control_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_icon = __toESM(require("../icon"));
+var import_select_control = __toESM(require("../select-control"));
+var import_sizes = __toESM(require("./sizes"));
+var import_context = require("../context");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_deprecated_36px_size = require("../utils/deprecated-36px-size");
+var import_jsx_runtime = require("react/jsx-runtime");
 const CONTEXT_VALUE = {
   BaseControl: {
     // Temporary during deprecation grace period: Overrides the underlying `__associatedWPComponentName`
     // via the context system to override the value set by SelectControl.
     _overrides: {
-      __associatedWPComponentName: 'DimensionControl'
+      __associatedWPComponentName: "DimensionControl"
     }
   }
 };
-
-/**
- * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.
- *
- * @deprecated
- *
- * ```jsx
- * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * export default function MyCustomDimensionControl() {
- * 	const [ paddingSize, setPaddingSize ] = useState( '' );
- *
- * 	return (
- * 		<DimensionControl
- * 			__next40pxDefaultSize
- * 			__nextHasNoMarginBottom
- * 			label={ 'Padding' }
- * 			icon={ 'desktop' }
- * 			onChange={ ( value ) => setPaddingSize( value ) }
- * 			value={ paddingSize }
- * 		/>
- * 	);
- * }
- * ```
- */
 function DimensionControl(props) {
   const {
     __next40pxDefaultSize = false,
     __nextHasNoMarginBottom = false,
     label,
     value,
-    sizes = _sizes.default,
+    sizes = import_sizes.default,
     icon,
     onChange,
-    className = ''
+    className = ""
   } = props;
-  (0, _deprecated.default)('wp.components.DimensionControl', {
-    since: '6.7',
-    version: '7.0'
+  (0, import_deprecated.default)("wp.components.DimensionControl", {
+    since: "6.7",
+    version: "7.0"
   });
-  (0, _deprecated36pxSize.maybeWarnDeprecated36pxSize)({
-    componentName: 'DimensionControl',
+  (0, import_deprecated_36px_size.maybeWarnDeprecated36pxSize)({
+    componentName: "DimensionControl",
     __next40pxDefaultSize,
-    size: undefined
+    size: void 0
   });
-  const onChangeSpacingSize = val => {
-    const theSize = (0, _sizes.findSizeBySlug)(sizes, val);
+  const onChangeSpacingSize = (val) => {
+    const theSize = (0, import_sizes.findSizeBySlug)(sizes, val);
     if (!theSize || value === theSize.slug) {
-      onChange?.(undefined);
-    } else if (typeof onChange === 'function') {
+      onChange?.(void 0);
+    } else if (typeof onChange === "function") {
       onChange(theSize.slug);
     }
   };
-  const formatSizesAsOptions = theSizes => {
+  const formatSizesAsOptions = (theSizes) => {
     const options = theSizes.map(({
       name,
       slug
@@ -101,29 +87,33 @@ function DimensionControl(props) {
       value: slug
     }));
     return [{
-      label: (0, _i18n.__)('Default'),
-      value: ''
+      label: (0, import_i18n.__)("Default"),
+      value: ""
     }, ...options];
   };
-  const selectLabel = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
-      icon: icon
+  const selectLabel = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.default, {
+      icon
     }), label]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ContextSystemProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ContextSystemProvider, {
     value: CONTEXT_VALUE,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectControl.default, {
-      __next40pxDefaultSize: __next40pxDefaultSize,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_control.default, {
+      __next40pxDefaultSize,
       __shouldNotWarnDeprecated36pxSize: true,
-      __nextHasNoMarginBottom: __nextHasNoMarginBottom,
-      className: (0, _clsx.default)(className, 'block-editor-dimension-control'),
+      __nextHasNoMarginBottom,
+      className: (0, import_clsx.default)(className, "block-editor-dimension-control"),
       label: selectLabel,
       hideLabelFromVision: false,
-      value: value,
+      value,
       onChange: onChangeSpacingSize,
       options: formatSizesAsOptions(sizes)
     })
   });
 }
-var _default = exports.default = DimensionControl;
-//# sourceMappingURL=index.js.map
+var dimension_control_default = DimensionControl;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DimensionControl
+});
+//# sourceMappingURL=index.js.map

package/build/dimension-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_icon","_selectControl","_sizes","_interopRequireWildcard","_context","_deprecated","_deprecated36pxSize","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CONTEXT_VALUE","BaseControl","_overrides","__associatedWPComponentName","DimensionControl","props","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","sizes","sizesTable","icon","onChange","className","deprecated","since","version","maybeWarnDeprecated36pxSize","componentName","size","undefined","onChangeSpacingSize","val","theSize","findSizeBySlug","slug","formatSizesAsOptions","theSizes","options","map","name","__","selectLabel","jsxs","Fragment","children","jsx","ContextSystemProvider","__shouldNotWarnDeprecated36pxSize","clsx","hideLabelFromVision","_default","exports"],"sources":["@wordpress/components/src/dimension-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport SelectControl from '../select-control';\nimport sizesTable, { findSizeBySlug } from './sizes';\nimport type { DimensionControlProps, Size } from './types';\nimport type { SelectControlSingleSelectionProps } from '../select-control/types';\nimport { ContextSystemProvider } from '../context';\nimport deprecated from '@wordpress/deprecated';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\n\nconst CONTEXT_VALUE = {\n\tBaseControl: {\n\t\t// Temporary during deprecation grace period: Overrides the underlying `__associatedWPComponentName`\n\t\t// via the context system to override the value set by SelectControl.\n\t\t_overrides: { __associatedWPComponentName: 'DimensionControl' },\n\t},\n};\n\n/**\n * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.\n *\n * @deprecated\n *\n * ```jsx\n * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * export default function MyCustomDimensionControl() {\n * \tconst [ paddingSize, setPaddingSize ] = useState( '' );\n *\n * \treturn (\n * \t\t<DimensionControl\n * \t\t\t__next40pxDefaultSize\n * \t\t\t__nextHasNoMarginBottom\n * \t\t\tlabel={ 'Padding' }\n * \t\t\ticon={ 'desktop' }\n * \t\t\tonChange={ ( value ) => setPaddingSize( value ) }\n * \t\t\tvalue={ paddingSize }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nexport function DimensionControl( props: DimensionControlProps ) {\n\tconst {\n\t\t__next40pxDefaultSize = false,\n\t\t__nextHasNoMarginBottom = false,\n\t\tlabel,\n\t\tvalue,\n\t\tsizes = sizesTable,\n\t\ticon,\n\t\tonChange,\n\t\tclassName = '',\n\t} = props;\n\n\tdeprecated( 'wp.components.DimensionControl', {\n\t\tsince: '6.7',\n\t\tversion: '7.0',\n\t} );\n\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'DimensionControl',\n\t\t__next40pxDefaultSize,\n\t\tsize: undefined,\n\t} );\n\n\tconst onChangeSpacingSize: SelectControlSingleSelectionProps[ 'onChange' ] =\n\t\t( val ) => {\n\t\t\tconst theSize = findSizeBySlug( sizes, val );\n\n\t\t\tif ( ! theSize || value === theSize.slug ) {\n\t\t\t\tonChange?.( undefined );\n\t\t\t} else if ( typeof onChange === 'function' ) {\n\t\t\t\tonChange( theSize.slug );\n\t\t\t}\n\t\t};\n\n\tconst formatSizesAsOptions = ( theSizes: Size[] ) => {\n\t\tconst options = theSizes.map( ( { name, slug } ) => ( {\n\t\t\tlabel: name,\n\t\t\tvalue: slug,\n\t\t} ) );\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\tvalue: '',\n\t\t\t},\n\t\t\t...options,\n\t\t];\n\t};\n\n\tconst selectLabel = (\n\t\t<>\n\t\t\t{ icon && <Icon icon={ icon } /> }\n\t\t\t{ label }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<ContextSystemProvider value={ CONTEXT_VALUE }>\n\t\t\t<SelectControl\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'block-editor-dimension-control'\n\t\t\t\t) }\n\t\t\t\tlabel={ selectLabel }\n\t\t\t\thideLabelFromVision={ false }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeSpacingSize }\n\t\t\t\toptions={ formatSizesAsOptions( sizes ) }\n\t\t\t/>\n\t\t</ContextSystemProvider>\n\t);\n}\n\nexport default DimensionControl;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dimension-control/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport SelectControl from '../select-control';\nimport sizesTable, { findSizeBySlug } from './sizes';\nimport { ContextSystemProvider } from '../context';\nimport deprecated from '@wordpress/deprecated';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CONTEXT_VALUE = {\n  BaseControl: {\n    // Temporary during deprecation grace period: Overrides the underlying `__associatedWPComponentName`\n    // via the context system to override the value set by SelectControl.\n    _overrides: {\n      __associatedWPComponentName: 'DimensionControl'\n    }\n  }\n};\n\n/**\n * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.\n *\n * @deprecated\n *\n * ```jsx\n * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * export default function MyCustomDimensionControl() {\n * \tconst [ paddingSize, setPaddingSize ] = useState( '' );\n *\n * \treturn (\n * \t\t<DimensionControl\n * \t\t\t__next40pxDefaultSize\n * \t\t\t__nextHasNoMarginBottom\n * \t\t\tlabel={ 'Padding' }\n * \t\t\ticon={ 'desktop' }\n * \t\t\tonChange={ ( value ) => setPaddingSize( value ) }\n * \t\t\tvalue={ paddingSize }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nexport function DimensionControl(props) {\n  const {\n    __next40pxDefaultSize = false,\n    __nextHasNoMarginBottom = false,\n    label,\n    value,\n    sizes = sizesTable,\n    icon,\n    onChange,\n    className = ''\n  } = props;\n  deprecated('wp.components.DimensionControl', {\n    since: '6.7',\n    version: '7.0'\n  });\n  maybeWarnDeprecated36pxSize({\n    componentName: 'DimensionControl',\n    __next40pxDefaultSize,\n    size: undefined\n  });\n  const onChangeSpacingSize = val => {\n    const theSize = findSizeBySlug(sizes, val);\n    if (!theSize || value === theSize.slug) {\n      onChange?.(undefined);\n    } else if (typeof onChange === 'function') {\n      onChange(theSize.slug);\n    }\n  };\n  const formatSizesAsOptions = theSizes => {\n    const options = theSizes.map(({\n      name,\n      slug\n    }) => ({\n      label: name,\n      value: slug\n    }));\n    return [{\n      label: __('Default'),\n      value: ''\n    }, ...options];\n  };\n  const selectLabel = /*#__PURE__*/_jsxs(_Fragment, {\n    children: [icon && /*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), label]\n  });\n  return /*#__PURE__*/_jsx(ContextSystemProvider, {\n    value: CONTEXT_VALUE,\n    children: /*#__PURE__*/_jsx(SelectControl, {\n      __next40pxDefaultSize: __next40pxDefaultSize,\n      __shouldNotWarnDeprecated36pxSize: true,\n      __nextHasNoMarginBottom: __nextHasNoMarginBottom,\n      className: clsx(className, 'block-editor-dimension-control'),\n      label: selectLabel,\n      hideLabelFromVision: false,\n      value: value,\n      onChange: onChangeSpacingSize,\n      options: formatSizesAsOptions(sizes)\n    })\n  });\n}\nexport default DimensionControl;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAAmB;AAKnB,kBAAiB;AACjB,4BAA0B;AAC1B,mBAA2C;AAC3C,qBAAsC;AACtC,wBAAuB;AACvB,kCAA4C;AAC5C,yBAAkE;AAClE,MAAM,gBAAgB;AAAA,EACpB,aAAa;AAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,6BAA6B;AAAA,IAC/B;AAAA,EACF;AACF;AA2BO,SAAS,iBAAiB,OAAO;AACtC,QAAM;AAAA,IACJ,wBAAwB;AAAA,IACxB,0BAA0B;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,QAAQ,aAAAA;AAAA,IACR;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AACJ,wBAAAC,SAAW,kCAAkC;AAAA,IAC3C,OAAO;AAAA,IACP,SAAS;AAAA,EACX,CAAC;AACD,+DAA4B;AAAA,IAC1B,eAAe;AAAA,IACf;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACD,QAAM,sBAAsB,SAAO;AACjC,UAAM,cAAU,6BAAe,OAAO,GAAG;AACzC,QAAI,CAAC,WAAW,UAAU,QAAQ,MAAM;AACtC,iBAAW,MAAS;AAAA,IACtB,WAAW,OAAO,aAAa,YAAY;AACzC,eAAS,QAAQ,IAAI;AAAA,IACvB;AAAA,EACF;AACA,QAAM,uBAAuB,cAAY;AACvC,UAAM,UAAU,SAAS,IAAI,CAAC;AAAA,MAC5B;AAAA,MACA;AAAA,IACF,OAAO;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,IACT,EAAE;AACF,WAAO,CAAC;AAAA,MACN,WAAO,gBAAG,SAAS;AAAA,MACnB,OAAO;AAAA,IACT,GAAG,GAAG,OAAO;AAAA,EACf;AACA,QAAM,cAA2B,uCAAAC,MAAM,mBAAAC,UAAW;AAAA,IAChD,UAAU,CAAC,QAAqB,uCAAAC,KAAK,YAAAC,SAAM;AAAA,MACzC;AAAA,IACF,CAAC,GAAG,KAAK;AAAA,EACX,CAAC;AACD,SAAoB,uCAAAD,KAAK,sCAAuB;AAAA,IAC9C,OAAO;AAAA,IACP,UAAuB,uCAAAA,KAAK,sBAAAE,SAAe;AAAA,MACzC;AAAA,MACA,mCAAmC;AAAA,MACnC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW,gCAAgC;AAAA,MAC3D,OAAO;AAAA,MACP,qBAAqB;AAAA,MACrB;AAAA,MACA,UAAU;AAAA,MACV,SAAS,qBAAqB,KAAK;AAAA,IACrC,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,4BAAQ;",
+  "names": ["sizesTable", "deprecated", "_jsxs", "_Fragment", "_jsx", "Icon", "SelectControl", "clsx"]
+}

package/build/dimension-control/sizes.js

@@ -1,50 +1,47 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sizes_exports = {};
+__export(sizes_exports, {
+  default: () => sizes_default,
+  findSizeBySlug: () => findSizeBySlug
 });
-exports.findSizeBySlug = exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-/**
- * Sizes
- *
- * defines the sizes used in dimension controls
- * all hardcoded `size` values are based on the value of
- * the Sass variable `$block-padding` from
- * `packages/block-editor/src/components/dimension-control/sizes.js`.
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Finds the correct size object from the provided sizes
- * table by size slug (eg: `medium`)
- *
- * @param sizes containing objects for each size definition.
- * @param slug  a string representation of the size (eg: `medium`).
- */
-const findSizeBySlug = (sizes, slug) => sizes.find(size => slug === size.slug);
-exports.findSizeBySlug = findSizeBySlug;
-var _default = exports.default = [{
-  name: (0, _i18n._x)('None', 'Size of a UI element'),
-  slug: 'none'
+module.exports = __toCommonJS(sizes_exports);
+var import_i18n = require("@wordpress/i18n");
+const findSizeBySlug = (sizes, slug) => sizes.find((size) => slug === size.slug);
+var sizes_default = [{
+  name: (0, import_i18n._x)("None", "Size of a UI element"),
+  slug: "none"
 }, {
-  name: (0, _i18n._x)('Small', 'Size of a UI element'),
-  slug: 'small'
+  name: (0, import_i18n._x)("Small", "Size of a UI element"),
+  slug: "small"
 }, {
-  name: (0, _i18n._x)('Medium', 'Size of a UI element'),
-  slug: 'medium'
+  name: (0, import_i18n._x)("Medium", "Size of a UI element"),
+  slug: "medium"
 }, {
-  name: (0, _i18n._x)('Large', 'Size of a UI element'),
-  slug: 'large'
+  name: (0, import_i18n._x)("Large", "Size of a UI element"),
+  slug: "large"
 }, {
-  name: (0, _i18n._x)('Extra Large', 'Size of a UI element'),
-  slug: 'xlarge'
+  name: (0, import_i18n._x)("Extra Large", "Size of a UI element"),
+  slug: "xlarge"
 }];
-//# sourceMappingURL=sizes.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findSizeBySlug
+});
+//# sourceMappingURL=sizes.js.map

package/build/dimension-control/sizes.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","findSizeBySlug","sizes","slug","find","size","exports","_default","default","name","_x"],"sources":["@wordpress/components/src/dimension-control/sizes.ts"],"sourcesContent":["/**\n * Sizes\n *\n * defines the sizes used in dimension controls\n * all hardcoded `size` values are based on the value of\n * the Sass variable `$block-padding` from\n * `packages/block-editor/src/components/dimension-control/sizes.js`.\n */\n\n/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { Size } from './types';\n\n/**\n * Finds the correct size object from the provided sizes\n * table by size slug (eg: `medium`)\n *\n * @param sizes containing objects for each size definition.\n * @param slug  a string representation of the size (eg: `medium`).\n */\nexport const findSizeBySlug = ( sizes: Size[], slug: string ) =>\n\tsizes.find( ( size ) => slug === size.slug );\n\nexport default [\n\t{\n\t\tname: _x( 'None', 'Size of a UI element' ),\n\t\tslug: 'none',\n\t},\n\t{\n\t\tname: _x( 'Small', 'Size of a UI element' ),\n\t\tslug: 'small',\n\t},\n\t{\n\t\tname: _x( 'Medium', 'Size of a UI element' ),\n\t\tslug: 'medium',\n\t},\n\t{\n\t\tname: _x( 'Large', 'Size of a UI element' ),\n\t\tslug: 'large',\n\t},\n\t{\n\t\tname: _x( 'Extra Large', 'Size of a UI element' ),\n\t\tslug: 'xlarge',\n\t},\n];\n"],"mappings":";;;;;;AAYA,IAAAA,KAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAc,GAAGA,CAAEC,KAAa,EAAEC,IAAY,KAC1DD,KAAK,CAACE,IAAI,CAAIC,IAAI,IAAMF,IAAI,KAAKE,IAAI,CAACF,IAAK,CAAC;AAACG,OAAA,CAAAL,cAAA,GAAAA,cAAA;AAAA,IAAAM,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAE/B,CACd;EACCC,IAAI,EAAE,IAAAC,QAAE,EAAE,MAAM,EAAE,sBAAuB,CAAC;EAC1CP,IAAI,EAAE;AACP,CAAC,EACD;EACCM,IAAI,EAAE,IAAAC,QAAE,EAAE,OAAO,EAAE,sBAAuB,CAAC;EAC3CP,IAAI,EAAE;AACP,CAAC,EACD;EACCM,IAAI,EAAE,IAAAC,QAAE,EAAE,QAAQ,EAAE,sBAAuB,CAAC;EAC5CP,IAAI,EAAE;AACP,CAAC,EACD;EACCM,IAAI,EAAE,IAAAC,QAAE,EAAE,OAAO,EAAE,sBAAuB,CAAC;EAC3CP,IAAI,EAAE;AACP,CAAC,EACD;EACCM,IAAI,EAAE,IAAAC,QAAE,EAAE,aAAa,EAAE,sBAAuB,CAAC;EACjDP,IAAI,EAAE;AACP,CAAC,CACD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dimension-control/sizes.ts"],
+  "sourcesContent": ["/**\n * Sizes\n *\n * defines the sizes used in dimension controls\n * all hardcoded `size` values are based on the value of\n * the Sass variable `$block-padding` from\n * `packages/block-editor/src/components/dimension-control/sizes.js`.\n */\n\n/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\n\n/**\n * Finds the correct size object from the provided sizes\n * table by size slug (eg: `medium`)\n *\n * @param sizes containing objects for each size definition.\n * @param slug  a string representation of the size (eg: `medium`).\n */\nexport const findSizeBySlug = (sizes, slug) => sizes.find(size => slug === size.slug);\nexport default [{\n  name: _x('None', 'Size of a UI element'),\n  slug: 'none'\n}, {\n  name: _x('Small', 'Size of a UI element'),\n  slug: 'small'\n}, {\n  name: _x('Medium', 'Size of a UI element'),\n  slug: 'medium'\n}, {\n  name: _x('Large', 'Size of a UI element'),\n  slug: 'large'\n}, {\n  name: _x('Extra Large', 'Size of a UI element'),\n  slug: 'xlarge'\n}];"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,kBAAmB;AAaZ,MAAM,iBAAiB,CAAC,OAAO,SAAS,MAAM,KAAK,UAAQ,SAAS,KAAK,IAAI;AACpF,IAAO,gBAAQ,CAAC;AAAA,EACd,UAAM,gBAAG,QAAQ,sBAAsB;AAAA,EACvC,MAAM;AACR,GAAG;AAAA,EACD,UAAM,gBAAG,SAAS,sBAAsB;AAAA,EACxC,MAAM;AACR,GAAG;AAAA,EACD,UAAM,gBAAG,UAAU,sBAAsB;AAAA,EACzC,MAAM;AACR,GAAG;AAAA,EACD,UAAM,gBAAG,SAAS,sBAAsB;AAAA,EACxC,MAAM;AACR,GAAG;AAAA,EACD,UAAM,gBAAG,eAAe,sBAAsB;AAAA,EAC9C,MAAM;AACR,CAAC;",
+  "names": []
+}

package/build/dimension-control/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/dimension-control/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/dimension-control/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { IconType } from '../icon';\nimport type { SelectControlProps } from '../select-control/types';\n\nexport type Size = {\n\t/**\n\t * Human-readable name of the size.\n\t */\n\tname: string;\n\t/**\n\t * Short unique identifying name of the size.\n\t */\n\tslug: string;\n};\n\nexport type DimensionControlProps = Pick<\n\tSelectControlProps,\n\t'__next40pxDefaultSize' | '__nextHasNoMarginBottom'\n> & {\n\t/**\n\t * Label for the control.\n\t */\n\tlabel: string;\n\t/**\n\t * An array of sizes to choose from.\n\t *\n\t * @default DEFAULT_SIZES\n\t *\n\t * @see packages/components/src/dimension-control/sizes.ts\n\t */\n\tsizes?: Size[];\n\t/**\n\t * Optional icon rendered in front on the label.\n\t */\n\ticon?: IconType;\n\t/**\n\t * Used to externally control the current value of the control.\n\t */\n\tvalue?: string;\n\t/**\n\t * Function called with the control's internal state changes. The `value` property is equal to a given size slug.\n\t */\n\tonChange?: ( value?: string ) => void;\n\t/**\n\t * CSS class applied to `SelectControl`.\n\t *\n\t * @default ''\n\t */\n\tclassName?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dimension-control/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/disabled/index.js

@@ -1,91 +1,55 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var disabled_exports = {};
+__export(disabled_exports, {
+  default: () => disabled_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _disabledStyles = require("./styles/disabled-styles");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const Context = (0, _element.createContext)(false);
-Context.displayName = 'DisabledContext';
+module.exports = __toCommonJS(disabled_exports);
+var import_element = require("@wordpress/element");
+var import_disabled_styles = require("./styles/disabled-styles");
+var import_utils = require("../utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Context = (0, import_element.createContext)(false);
+Context.displayName = "DisabledContext";
 const {
   Consumer,
   Provider
 } = Context;
-
-/**
- * `Disabled` is a component which disables descendant tabbable elements and
- * prevents pointer interaction.
- *
- * _Note: this component may not behave as expected in browsers that don't
- * support the `inert` HTML attribute. We recommend adding the official WICG
- * polyfill when using this component in your project._
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert
- *
- * ```jsx
- * import { Button, Disabled, TextControl } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyDisabled = () => {
- * 	const [ isDisabled, setIsDisabled ] = useState( true );
- *
- *	let input = (
- *		<TextControl
- *			__next40pxDefaultSize
- *			__nextHasNoMarginBottom
- *			label="Input"
- *			onChange={ () => {} }
- *		/>
- *	);
- * 	if ( isDisabled ) {
- * 		input = <Disabled>{ input }</Disabled>;
- * 	}
- *
- * 	const toggleDisabled = () => {
- * 		setIsDisabled( ( state ) => ! state );
- * 	};
- *
- * 	return (
- * 		<div>
- * 			{ input }
- * 			<Button variant="primary" onClick={ toggleDisabled }>
- * 				Toggle Disabled
- * 			</Button>
- * 		</div>
- * 	);
- * };
- * ```
- */
 function Disabled({
   className,
   children,
   isDisabled = true,
   ...props
 }) {
-  const cx = (0, _utils.useCx)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+  const cx = (0, import_utils.useCx)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
     value: isDisabled,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       // @ts-ignore Reason: inert is a recent HTML attribute
-      inert: isDisabled ? 'true' : undefined,
-      className: isDisabled ? cx(_disabledStyles.disabledStyles, className, 'components-disabled') : undefined,
+      inert: isDisabled ? "true" : void 0,
+      className: isDisabled ? cx(import_disabled_styles.disabledStyles, className, "components-disabled") : void 0,
       ...props,
-      children: children
+      children
     })
   });
 }
 Disabled.Context = Context;
 Disabled.Consumer = Consumer;
-var _default = exports.default = Disabled;
-//# sourceMappingURL=index.js.map
+var disabled_default = Disabled;
+//# sourceMappingURL=index.js.map

package/build/disabled/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_disabledStyles","_utils","_jsxRuntime","Context","createContext","displayName","Consumer","Provider","Disabled","className","children","isDisabled","props","cx","useCx","jsx","value","inert","undefined","disabledStyles","_default","exports","default"],"sources":["@wordpress/components/src/disabled/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { disabledStyles } from './styles/disabled-styles';\nimport type { DisabledProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport { useCx } from '../utils';\n\nconst Context = createContext< boolean >( false );\nContext.displayName = 'DisabledContext';\n\nconst { Consumer, Provider } = Context;\n\n/**\n * `Disabled` is a component which disables descendant tabbable elements and\n * prevents pointer interaction.\n *\n * _Note: this component may not behave as expected in browsers that don't\n * support the `inert` HTML attribute. We recommend adding the official WICG\n * polyfill when using this component in your project._\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\n *\n * ```jsx\n * import { Button, Disabled, TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDisabled = () => {\n * \tconst [ isDisabled, setIsDisabled ] = useState( true );\n *\n *\tlet input = (\n *\t\t<TextControl\n *\t\t\t__next40pxDefaultSize\n *\t\t\t__nextHasNoMarginBottom\n *\t\t\tlabel=\"Input\"\n *\t\t\tonChange={ () => {} }\n *\t\t/>\n *\t);\n * \tif ( isDisabled ) {\n * \t\tinput = <Disabled>{ input }</Disabled>;\n * \t}\n *\n * \tconst toggleDisabled = () => {\n * \t\tsetIsDisabled( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t{ input }\n * \t\t\t<Button variant=\"primary\" onClick={ toggleDisabled }>\n * \t\t\t\tToggle Disabled\n * \t\t\t</Button>\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction Disabled( {\n\tclassName,\n\tchildren,\n\tisDisabled = true,\n\t...props\n}: WordPressComponentProps< DisabledProps, 'div' > ) {\n\tconst cx = useCx();\n\n\treturn (\n\t\t<Provider value={ isDisabled }>\n\t\t\t<div\n\t\t\t\t// @ts-ignore Reason: inert is a recent HTML attribute\n\t\t\t\tinert={ isDisabled ? 'true' : undefined }\n\t\t\t\tclassName={\n\t\t\t\t\tisDisabled\n\t\t\t\t\t\t? cx( disabledStyles, className, 'components-disabled' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDisabled.Context = Context;\nDisabled.Consumer = Consumer;\n\nexport default Disabled;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,IAAAG,WAAA,GAAAH,OAAA;AAXjC;AACA;AACA;;AAGA;AACA;AACA;;AAMA,MAAMI,OAAO,GAAG,IAAAC,sBAAa,EAAa,KAAM,CAAC;AACjDD,OAAO,CAACE,WAAW,GAAG,iBAAiB;AAEvC,MAAM;EAAEC,QAAQ;EAAEC;AAAS,CAAC,GAAGJ,OAAO;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,QAAQA,CAAE;EAClBC,SAAS;EACTC,QAAQ;EACRC,UAAU,GAAG,IAAI;EACjB,GAAGC;AAC6C,CAAC,EAAG;EACpD,MAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,oBACC,IAAAZ,WAAA,CAAAa,GAAA,EAACR,QAAQ;IAACS,KAAK,EAAGL,UAAY;IAAAD,QAAA,eAC7B,IAAAR,WAAA,CAAAa,GAAA;MACC;MACAE,KAAK,EAAGN,UAAU,GAAG,MAAM,GAAGO,SAAW;MACzCT,SAAS,EACRE,UAAU,GACPE,EAAE,CAAEM,8BAAc,EAAEV,SAAS,EAAE,qBAAsB,CAAC,GACtDS,SACH;MAAA,GACIN,KAAK;MAAAF,QAAA,EAERA;IAAQ,CACN;EAAC,CACG,CAAC;AAEb;AAEAF,QAAQ,CAACL,OAAO,GAAGA,OAAO;AAC1BK,QAAQ,CAACF,QAAQ,GAAGA,QAAQ;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEdd,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/disabled/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { disabledStyles } from './styles/disabled-styles';\nimport { useCx } from '../utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Context = createContext(false);\nContext.displayName = 'DisabledContext';\nconst {\n  Consumer,\n  Provider\n} = Context;\n\n/**\n * `Disabled` is a component which disables descendant tabbable elements and\n * prevents pointer interaction.\n *\n * _Note: this component may not behave as expected in browsers that don't\n * support the `inert` HTML attribute. We recommend adding the official WICG\n * polyfill when using this component in your project._\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\n *\n * ```jsx\n * import { Button, Disabled, TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDisabled = () => {\n * \tconst [ isDisabled, setIsDisabled ] = useState( true );\n *\n *\tlet input = (\n *\t\t<TextControl\n *\t\t\t__next40pxDefaultSize\n *\t\t\t__nextHasNoMarginBottom\n *\t\t\tlabel=\"Input\"\n *\t\t\tonChange={ () => {} }\n *\t\t/>\n *\t);\n * \tif ( isDisabled ) {\n * \t\tinput = <Disabled>{ input }</Disabled>;\n * \t}\n *\n * \tconst toggleDisabled = () => {\n * \t\tsetIsDisabled( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t{ input }\n * \t\t\t<Button variant=\"primary\" onClick={ toggleDisabled }>\n * \t\t\t\tToggle Disabled\n * \t\t\t</Button>\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction Disabled({\n  className,\n  children,\n  isDisabled = true,\n  ...props\n}) {\n  const cx = useCx();\n  return /*#__PURE__*/_jsx(Provider, {\n    value: isDisabled,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      // @ts-ignore Reason: inert is a recent HTML attribute\n      inert: isDisabled ? 'true' : undefined,\n      className: isDisabled ? cx(disabledStyles, className, 'components-disabled') : undefined,\n      ...props,\n      children: children\n    })\n  });\n}\nDisabled.Context = Context;\nDisabled.Consumer = Consumer;\nexport default Disabled;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAK9B,6BAA+B;AAC/B,mBAAsB;AACtB,yBAA4B;AAC5B,MAAM,cAAU,8BAAc,KAAK;AACnC,QAAQ,cAAc;AACtB,MAAM;AAAA,EACJ;AAAA,EACA;AACF,IAAI;AA8CJ,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,GAAG;AACD,QAAM,SAAK,oBAAM;AACjB,SAAoB,uCAAAA,KAAK,UAAU;AAAA,IACjC,OAAO;AAAA,IACP,UAAuB,uCAAAA,KAAK,OAAO;AAAA;AAAA,MAEjC,OAAO,aAAa,SAAS;AAAA,MAC7B,WAAW,aAAa,GAAG,uCAAgB,WAAW,qBAAqB,IAAI;AAAA,MAC/E,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AACA,SAAS,UAAU;AACnB,SAAS,WAAW;AACpB,IAAO,mBAAQ;",
+  "names": ["_jsx"]
+}

package/build/disabled/styles/disabled-styles.js

@@ -1,20 +1,41 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var disabled_styles_exports = {};
+__export(disabled_styles_exports, {
+  disabledStyles: () => disabledStyles
 });
-exports.disabledStyles = void 0;
-var _react = require("@emotion/react");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
- * External dependencies
- */
-const disabledStyles = exports.disabledStyles = process.env.NODE_ENV === "production" ? {
+module.exports = __toCommonJS(disabled_styles_exports);
+var import_react = require("@emotion/react");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const disabledStyles = process.env.NODE_ENV === "production" ? {
   name: "u2jump",
   styles: "position:relative;pointer-events:none;&::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;}*{pointer-events:none;}"
 } : {
   name: "iqemdn-disabledStyles",
   styles: "position:relative;pointer-events:none;&::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;}*{pointer-events:none;};label:disabledStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGlzYWJsZWQvc3R5bGVzL2Rpc2FibGVkLXN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGlzYWJsZWQvc3R5bGVzL2Rpc2FibGVkLXN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBkaXNhYmxlZFN0eWxlcyA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHQmOjphZnRlciB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogMDtcblx0XHRyaWdodDogMDtcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0fVxuXG5cdC8vIEFsc28gbWFrZSBuZXN0ZWQgYmxvY2tzIHVuc2VsZWN0YWJsZS5cblx0KiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpc2FibGVkLXN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6ImRpc2FibGVkLXN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBkaXNhYmxlZFN0eWxlcyA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHQmOjphZnRlciB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogMDtcblx0XHRyaWdodDogMDtcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0fVxuXG5cdC8vIEFsc28gbWFrZSBuZXN0ZWQgYmxvY2tzIHVuc2VsZWN0YWJsZS5cblx0KiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-//# sourceMappingURL=disabled-styles.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  disabledStyles
+});
+//# sourceMappingURL=disabled-styles.js.map

package/build/disabled/styles/disabled-styles.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_react","require","_EMOTION_STRINGIFIED_CSS_ERROR__","disabledStyles","exports","process","env","NODE_ENV","name","styles","map","toString"],"sources":["@wordpress/components/src/disabled/styles/disabled-styles.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\nexport const disabledStyles = css`\n\tposition: relative;\n\tpointer-events: none;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t// Also make nested blocks unselectable.\n\t* {\n\t\tpointer-events: none;\n\t}\n`;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,SAAAC,iCAAA,gPAHrC;AACA;AACA;AAGO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAT;AAAA,CAiB1B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/disabled/styles/disabled-styles.tsx"],
+  "sourcesContent": ["function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nexport const disabledStyles = process.env.NODE_ENV === \"production\" ? {\n  name: \"u2jump\",\n  styles: \"position:relative;pointer-events:none;&::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;}*{pointer-events:none;}\"\n} : {\n  name: \"iqemdn-disabledStyles\",\n  styles: \"position:relative;pointer-events:none;&::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;}*{pointer-events:none;};label:disabledStyles;\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpc2FibGVkLXN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6ImRpc2FibGVkLXN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBkaXNhYmxlZFN0eWxlcyA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHQmOjphZnRlciB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogMDtcblx0XHRyaWdodDogMDtcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0fVxuXG5cdC8vIEFsc28gbWFrZSBuZXN0ZWQgYmxvY2tzIHVuc2VsZWN0YWJsZS5cblx0KiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cbmA7XG4iXX0= */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAoB;AAJpB,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAKjR,MAAM,iBAAiB,QAAQ,IAAI,aAAa,eAAe;AAAA,EACpE,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ;",
+  "names": []
+}

package/build/disabled/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map