@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build/font-size-picker/font-size-picker-toggle-group.js

@@ -1,22 +1,31 @@
 "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 font_size_picker_toggle_group_exports = {};
+__export(font_size_picker_toggle_group_exports, {
+  default: () => font_size_picker_toggle_group_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _toggleGroupControl = require("../toggle-group-control");
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const FontSizePickerToggleGroup = props => {
+module.exports = __toCommonJS(font_size_picker_toggle_group_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_toggle_group_control = require("../toggle-group-control");
+var import_constants = require("./constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+const FontSizePickerToggleGroup = (props) => {
   const {
     fontSizes,
     value,
@@ -24,23 +33,23 @@ const FontSizePickerToggleGroup = props => {
     size,
     onChange
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleGroupControl.ToggleGroupControl, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle_group_control.ToggleGroupControl, {
     __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: __next40pxDefaultSize,
+    __next40pxDefaultSize,
     __shouldNotWarnDeprecated36pxSize: true,
-    label: (0, _i18n.__)('Font size'),
+    label: (0, import_i18n.__)("Font size"),
     hideLabelFromVision: true,
-    value: value,
-    onChange: onChange,
+    value,
+    onChange,
     isBlock: true,
-    size: size,
-    children: fontSizes.map((fontSize, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleGroupControl.ToggleGroupControlOption, {
+    size,
+    children: fontSizes.map((fontSize, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle_group_control.ToggleGroupControlOption, {
       value: fontSize.size,
-      label: _constants.T_SHIRT_ABBREVIATIONS[index],
-      "aria-label": fontSize.name || _constants.T_SHIRT_NAMES[index],
+      label: import_constants.T_SHIRT_ABBREVIATIONS[index],
+      "aria-label": fontSize.name || import_constants.T_SHIRT_NAMES[index],
       showTooltip: true
     }, fontSize.slug))
   });
 };
-var _default = exports.default = FontSizePickerToggleGroup;
-//# sourceMappingURL=font-size-picker-toggle-group.js.map
+var font_size_picker_toggle_group_default = FontSizePickerToggleGroup;
+//# sourceMappingURL=font-size-picker-toggle-group.js.map

package/build/font-size-picker/font-size-picker-toggle-group.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_toggleGroupControl","_constants","_jsxRuntime","FontSizePickerToggleGroup","props","fontSizes","value","__next40pxDefaultSize","size","onChange","jsx","ToggleGroupControl","__nextHasNoMarginBottom","__shouldNotWarnDeprecated36pxSize","label","__","hideLabelFromVision","isBlock","children","map","fontSize","index","ToggleGroupControlOption","T_SHIRT_ABBREVIATIONS","name","T_SHIRT_NAMES","showTooltip","slug","_default","exports","default"],"sources":["@wordpress/components/src/font-size-picker/font-size-picker-toggle-group.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tToggleGroupControl,\n\tToggleGroupControlOption,\n} from '../toggle-group-control';\nimport { T_SHIRT_ABBREVIATIONS, T_SHIRT_NAMES } from './constants';\nimport type { FontSizePickerToggleGroupProps } from './types';\n\nconst FontSizePickerToggleGroup = ( props: FontSizePickerToggleGroupProps ) => {\n\tconst { fontSizes, value, __next40pxDefaultSize, size, onChange } = props;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\tlabel={ __( 'Font size' ) }\n\t\t\thideLabelFromVision\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tisBlock\n\t\t\tsize={ size }\n\t\t>\n\t\t\t{ fontSizes.map( ( fontSize, index ) => (\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ fontSize.slug }\n\t\t\t\t\tvalue={ fontSize.size }\n\t\t\t\t\tlabel={ T_SHIRT_ABBREVIATIONS[ index ] }\n\t\t\t\t\taria-label={ fontSize.name || T_SHIRT_NAMES[ index ] }\n\t\t\t\t\tshowTooltip\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ToggleGroupControl>\n\t);\n};\n\nexport default FontSizePickerToggleGroup;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,UAAA,GAAAF,OAAA;AAAmE,IAAAG,WAAA,GAAAH,OAAA;AAZnE;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAMI,yBAAyB,GAAKC,KAAqC,IAAM;EAC9E,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,qBAAqB;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGL,KAAK;EACzE,oBACC,IAAAF,WAAA,CAAAQ,GAAA,EAACV,mBAAA,CAAAW,kBAAkB;IAClBC,uBAAuB;IACvBL,qBAAqB,EAAGA,qBAAuB;IAC/CM,iCAAiC;IACjCC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,mBAAmB;IACnBV,KAAK,EAAGA,KAAO;IACfG,QAAQ,EAAGA,QAAU;IACrBQ,OAAO;IACPT,IAAI,EAAGA,IAAM;IAAAU,QAAA,EAEXb,SAAS,CAACc,GAAG,CAAE,CAAEC,QAAQ,EAAEC,KAAK,kBACjC,IAAAnB,WAAA,CAAAQ,GAAA,EAACV,mBAAA,CAAAsB,wBAAwB;MAExBhB,KAAK,EAAGc,QAAQ,CAACZ,IAAM;MACvBM,KAAK,EAAGS,gCAAqB,CAAEF,KAAK,CAAI;MACxC,cAAaD,QAAQ,CAACI,IAAI,IAAIC,wBAAa,CAAEJ,KAAK,CAAI;MACtDK,WAAW;IAAA,GAJLN,QAAQ,CAACO,IAKf,CACA;EAAC,CACgB,CAAC;AAEvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa3B,yBAAyB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/font-size-picker/font-size-picker-toggle-group.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { ToggleGroupControl, ToggleGroupControlOption } from '../toggle-group-control';\nimport { T_SHIRT_ABBREVIATIONS, T_SHIRT_NAMES } from './constants';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst FontSizePickerToggleGroup = props => {\n  const {\n    fontSizes,\n    value,\n    __next40pxDefaultSize,\n    size,\n    onChange\n  } = props;\n  return /*#__PURE__*/_jsx(ToggleGroupControl, {\n    __nextHasNoMarginBottom: true,\n    __next40pxDefaultSize: __next40pxDefaultSize,\n    __shouldNotWarnDeprecated36pxSize: true,\n    label: __('Font size'),\n    hideLabelFromVision: true,\n    value: value,\n    onChange: onChange,\n    isBlock: true,\n    size: size,\n    children: fontSizes.map((fontSize, index) => /*#__PURE__*/_jsx(ToggleGroupControlOption, {\n      value: fontSize.size,\n      label: T_SHIRT_ABBREVIATIONS[index],\n      \"aria-label\": fontSize.name || T_SHIRT_NAMES[index],\n      showTooltip: true\n    }, fontSize.slug))\n  });\n};\nexport default FontSizePickerToggleGroup;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AAKnB,kCAA6D;AAC7D,uBAAqD;AACrD,yBAA4B;AAC5B,MAAM,4BAA4B,WAAS;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,uCAAAA,KAAK,gDAAoB;AAAA,IAC3C,yBAAyB;AAAA,IACzB;AAAA,IACA,mCAAmC;AAAA,IACnC,WAAO,gBAAG,WAAW;AAAA,IACrB,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU,UAAU,IAAI,CAAC,UAAU,UAAuB,uCAAAA,KAAK,sDAA0B;AAAA,MACvF,OAAO,SAAS;AAAA,MAChB,OAAO,uCAAsB,KAAK;AAAA,MAClC,cAAc,SAAS,QAAQ,+BAAc,KAAK;AAAA,MAClD,aAAa;AAAA,IACf,GAAG,SAAS,IAAI,CAAC;AAAA,EACnB,CAAC;AACH;AACA,IAAO,wCAAQ;",
+  "names": ["_jsx"]
+}

package/build/font-size-picker/index.js

@@ -1,39 +1,52 @@
 "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 font_size_picker_exports = {};
+__export(font_size_picker_exports, {
+  FontSizePicker: () => FontSizePicker,
+  default: () => font_size_picker_default
 });
-exports.default = exports.FontSizePicker = void 0;
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _button = require("../button");
-var _rangeControl = _interopRequireDefault(require("../range-control"));
-var _flex = require("../flex");
-var _unitControl = _interopRequireWildcard(require("../unit-control"));
-var _styles = require("./styles");
-var _spacer = require("../spacer");
-var _fontSizePickerSelect = _interopRequireDefault(require("./font-size-picker-select"));
-var _fontSizePickerToggleGroup = _interopRequireDefault(require("./font-size-picker-toggle-group"));
-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
- */
-
-const DEFAULT_UNITS = ['px', 'em', 'rem', 'vw', 'vh'];
+module.exports = __toCommonJS(font_size_picker_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_button = require("../button");
+var import_range_control = __toESM(require("../range-control"));
+var import_flex = require("../flex");
+var import_unit_control = __toESM(require("../unit-control"));
+var import_styles = require("./styles");
+var import_spacer = require("../spacer");
+var import_font_size_picker_select = __toESM(require("./font-size-picker-select"));
+var import_font_size_picker_toggle_group = __toESM(require("./font-size-picker-toggle-group"));
+var import_deprecated_36px_size = require("../utils/deprecated-36px-size");
+var import_jsx_runtime = require("react/jsx-runtime");
+const DEFAULT_UNITS = ["px", "em", "rem", "vw", "vh"];
 const MAX_TOGGLE_GROUP_SIZES = 5;
 const UnforwardedFontSizePicker = (props, ref) => {
   const {
@@ -42,136 +55,126 @@ const UnforwardedFontSizePicker = (props, ref) => {
     fontSizes = [],
     disableCustomFontSizes = false,
     onChange,
-    size = 'default',
+    size = "default",
     units: unitsProp = DEFAULT_UNITS,
     value,
     withSlider = false,
     withReset = true
   } = props;
-  const labelId = (0, _compose.useInstanceId)(UnforwardedFontSizePicker, 'font-size-picker-label');
-  const units = (0, _unitControl.useCustomUnits)({
+  const labelId = (0, import_compose.useInstanceId)(UnforwardedFontSizePicker, "font-size-picker-label");
+  const units = (0, import_unit_control.useCustomUnits)({
     availableUnits: unitsProp
   });
-  const selectedFontSize = fontSizes.find(fontSize => fontSize.size === value);
+  const selectedFontSize = fontSizes.find((fontSize) => fontSize.size === value);
   const isCustomValue = !!value && !selectedFontSize;
-
-  // Initially request a custom picker if the value is not from the predef list.
-  const [userRequestedCustom, setUserRequestedCustom] = (0, _element.useState)(isCustomValue);
+  const [userRequestedCustom, setUserRequestedCustom] = (0, import_element.useState)(isCustomValue);
   let currentPickerType;
   if (!disableCustomFontSizes && userRequestedCustom) {
-    // While showing the custom value picker, switch back to predef only if
-    // `disableCustomFontSizes` is set to `true`.
-    currentPickerType = 'custom';
+    currentPickerType = "custom";
   } else {
-    currentPickerType = fontSizes.length > MAX_TOGGLE_GROUP_SIZES ? 'select' : 'togglegroup';
+    currentPickerType = fontSizes.length > MAX_TOGGLE_GROUP_SIZES ? "select" : "togglegroup";
   }
   if (fontSizes.length === 0 && disableCustomFontSizes) {
     return null;
   }
-
-  // If neither the value or first font size is a string, then FontSizePicker
-  // operates in a legacy "unitless" mode where UnitControl can only be used
-  // to select px values and onChange() is always called with number values.
-  const hasUnits = typeof value === 'string' || typeof fontSizes[0]?.size === 'string';
-  const [valueQuantity, valueUnit] = (0, _unitControl.parseQuantityAndUnitFromRawValue)(value, units);
-  const isValueUnitRelative = !!valueUnit && ['em', 'rem', 'vw', 'vh'].includes(valueUnit);
-  const isDisabled = value === undefined;
-  (0, _deprecated36pxSize.maybeWarnDeprecated36pxSize)({
-    componentName: 'FontSizePicker',
+  const hasUnits = typeof value === "string" || typeof fontSizes[0]?.size === "string";
+  const [valueQuantity, valueUnit] = (0, import_unit_control.parseQuantityAndUnitFromRawValue)(value, units);
+  const isValueUnitRelative = !!valueUnit && ["em", "rem", "vw", "vh"].includes(valueUnit);
+  const isDisabled = value === void 0;
+  (0, import_deprecated_36px_size.maybeWarnDeprecated36pxSize)({
+    componentName: "FontSizePicker",
     __next40pxDefaultSize,
     size
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    ref: ref,
-    className: "components-font-size-picker"
-    // This Container component renders a fieldset element that needs to be labeled.
-    ,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, {
+    ref,
+    className: "components-font-size-picker",
     "aria-labelledby": labelId,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.Spacer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Header, {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spacer.Spacer, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Header, {
         className: "components-font-size-picker__header",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HeaderLabel, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.HeaderLabel, {
           id: labelId,
-          children: (0, _i18n.__)('Font size')
-        }), !disableCustomFontSizes && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HeaderToggle, {
-          label: currentPickerType === 'custom' ? (0, _i18n.__)('Use size preset') : (0, _i18n.__)('Set custom size'),
-          icon: _icons.settings,
+          children: (0, import_i18n.__)("Font size")
+        }), !disableCustomFontSizes && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.HeaderToggle, {
+          label: currentPickerType === "custom" ? (0, import_i18n.__)("Use size preset") : (0, import_i18n.__)("Set custom size"),
+          icon: import_icons.settings,
           onClick: () => setUserRequestedCustom(!userRequestedCustom),
-          isPressed: currentPickerType === 'custom',
+          isPressed: currentPickerType === "custom",
           size: "small"
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [currentPickerType === 'select' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontSizePickerSelect.default, {
-        __next40pxDefaultSize: __next40pxDefaultSize,
-        fontSizes: fontSizes,
-        value: value,
-        disableCustomFontSizes: disableCustomFontSizes,
-        size: size,
-        onChange: newValue => {
-          if (newValue === undefined) {
-            onChange?.(undefined);
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+      children: [currentPickerType === "select" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_font_size_picker_select.default, {
+        __next40pxDefaultSize,
+        fontSizes,
+        value,
+        disableCustomFontSizes,
+        size,
+        onChange: (newValue) => {
+          if (newValue === void 0) {
+            onChange?.(void 0);
           } else {
-            onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find(fontSize => fontSize.size === newValue));
+            onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find((fontSize) => fontSize.size === newValue));
           }
         },
         onSelectCustom: () => setUserRequestedCustom(true)
-      }), currentPickerType === 'togglegroup' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontSizePickerToggleGroup.default, {
-        fontSizes: fontSizes,
-        value: value,
-        __next40pxDefaultSize: __next40pxDefaultSize,
-        size: size,
-        onChange: newValue => {
-          if (newValue === undefined) {
-            onChange?.(undefined);
+      }), currentPickerType === "togglegroup" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_font_size_picker_toggle_group.default, {
+        fontSizes,
+        value,
+        __next40pxDefaultSize,
+        size,
+        onChange: (newValue) => {
+          if (newValue === void 0) {
+            onChange?.(void 0);
           } else {
-            onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find(fontSize => fontSize.size === newValue));
+            onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find((fontSize) => fontSize.size === newValue));
           }
         }
-      }), currentPickerType === 'custom' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_flex.Flex, {
+      }), currentPickerType === "custom" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, {
         className: "components-font-size-picker__custom-size-control",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_flex.FlexItem, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.FlexItem, {
           isBlock: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_unitControl.default, {
-            __next40pxDefaultSize: __next40pxDefaultSize,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_unit_control.default, {
+            __next40pxDefaultSize,
             __shouldNotWarnDeprecated36pxSize: true,
-            label: (0, _i18n.__)('Font size'),
+            label: (0, import_i18n.__)("Font size"),
             labelPosition: "top",
             hideLabelFromVision: true,
-            value: value,
-            onChange: newValue => {
+            value,
+            onChange: (newValue) => {
               setUserRequestedCustom(true);
-              if (newValue === undefined) {
-                onChange?.(undefined);
+              if (newValue === void 0) {
+                onChange?.(void 0);
               } else {
                 onChange?.(hasUnits ? newValue : parseInt(newValue, 10));
               }
             },
-            size: size,
+            size,
             units: hasUnits ? units : [],
             min: 0
           })
-        }), withSlider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_flex.FlexItem, {
+        }), withSlider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.FlexItem, {
           isBlock: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.Spacer, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spacer.Spacer, {
             marginX: 2,
             marginBottom: 0,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rangeControl.default, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_range_control.default, {
               __nextHasNoMarginBottom: true,
-              __next40pxDefaultSize: __next40pxDefaultSize,
+              __next40pxDefaultSize,
               __shouldNotWarnDeprecated36pxSize: true,
               className: "components-font-size-picker__custom-input",
-              label: (0, _i18n.__)('Font size'),
+              label: (0, import_i18n.__)("Font size"),
               hideLabelFromVision: true,
               value: valueQuantity,
               initialPosition: fallbackFontSize,
               withInputField: false,
-              onChange: newValue => {
+              onChange: (newValue) => {
                 setUserRequestedCustom(true);
-                if (newValue === undefined) {
-                  onChange?.(undefined);
+                if (newValue === void 0) {
+                  onChange?.(void 0);
                 } else if (hasUnits) {
-                  onChange?.(newValue + (valueUnit !== null && valueUnit !== void 0 ? valueUnit : 'px'));
+                  onChange?.(newValue + (valueUnit !== null && valueUnit !== void 0 ? valueUnit : "px"));
                 } else {
                   onChange?.(newValue);
                 }
@@ -181,23 +184,27 @@ const UnforwardedFontSizePicker = (props, ref) => {
               step: isValueUnitRelative ? 0.1 : 1
             })
           })
-        }), withReset && /*#__PURE__*/(0, _jsxRuntime.jsx)(_flex.FlexItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        }), withReset && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.FlexItem, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {
             disabled: isDisabled,
             accessibleWhenDisabled: true,
             onClick: () => {
-              onChange?.(undefined);
+              onChange?.(void 0);
             },
             variant: "secondary",
             __next40pxDefaultSize: true,
-            size: size === '__unstable-large' || props.__next40pxDefaultSize ? 'default' : 'small',
-            children: (0, _i18n.__)('Reset')
+            size: size === "__unstable-large" || props.__next40pxDefaultSize ? "default" : "small",
+            children: (0, import_i18n.__)("Reset")
           })
         })]
       })]
     })]
   });
 };
-const FontSizePicker = exports.FontSizePicker = (0, _element.forwardRef)(UnforwardedFontSizePicker);
-var _default = exports.default = FontSizePicker;
-//# sourceMappingURL=index.js.map
+const FontSizePicker = (0, import_element.forwardRef)(UnforwardedFontSizePicker);
+var font_size_picker_default = FontSizePicker;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FontSizePicker
+});
+//# sourceMappingURL=index.js.map

package/build/font-size-picker/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_icons","_element","_compose","_button","_rangeControl","_interopRequireDefault","_flex","_unitControl","_interopRequireWildcard","_styles","_spacer","_fontSizePickerSelect","_fontSizePickerToggleGroup","_deprecated36pxSize","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_UNITS","MAX_TOGGLE_GROUP_SIZES","UnforwardedFontSizePicker","props","ref","__next40pxDefaultSize","fallbackFontSize","fontSizes","disableCustomFontSizes","onChange","size","units","unitsProp","value","withSlider","withReset","labelId","useInstanceId","useCustomUnits","availableUnits","selectedFontSize","find","fontSize","isCustomValue","userRequestedCustom","setUserRequestedCustom","useState","currentPickerType","length","hasUnits","valueQuantity","valueUnit","parseQuantityAndUnitFromRawValue","isValueUnitRelative","includes","isDisabled","undefined","maybeWarnDeprecated36pxSize","componentName","jsxs","Container","className","children","jsx","Spacer","Header","HeaderLabel","id","__","HeaderToggle","label","icon","settings","onClick","isPressed","newValue","Number","onSelectCustom","Flex","FlexItem","isBlock","__shouldNotWarnDeprecated36pxSize","labelPosition","hideLabelFromVision","parseInt","min","marginX","marginBottom","__nextHasNoMarginBottom","initialPosition","withInputField","max","step","Button","disabled","accessibleWhenDisabled","variant","FontSizePicker","exports","forwardRef","_default"],"sources":["@wordpress/components/src/font-size-picker/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\nimport { useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { Button } from '../button';\nimport RangeControl from '../range-control';\nimport { Flex, FlexItem } from '../flex';\nimport {\n\tdefault as UnitControl,\n\tparseQuantityAndUnitFromRawValue,\n\tuseCustomUnits,\n} from '../unit-control';\nimport type { FontSizePickerProps } from './types';\nimport { Container, Header, HeaderLabel, HeaderToggle } from './styles';\nimport { Spacer } from '../spacer';\nimport FontSizePickerSelect from './font-size-picker-select';\nimport FontSizePickerToggleGroup from './font-size-picker-toggle-group';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\n\nconst DEFAULT_UNITS = [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\nconst MAX_TOGGLE_GROUP_SIZES = 5;\n\nconst UnforwardedFontSizePicker = (\n\tprops: FontSizePickerProps,\n\tref: ForwardedRef< any >\n) => {\n\tconst {\n\t\t__next40pxDefaultSize = false,\n\t\tfallbackFontSize,\n\t\tfontSizes = [],\n\t\tdisableCustomFontSizes = false,\n\t\tonChange,\n\t\tsize = 'default',\n\t\tunits: unitsProp = DEFAULT_UNITS,\n\t\tvalue,\n\t\twithSlider = false,\n\t\twithReset = true,\n\t} = props;\n\n\tconst labelId = useInstanceId(\n\t\tUnforwardedFontSizePicker,\n\t\t'font-size-picker-label'\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: unitsProp,\n\t} );\n\n\tconst selectedFontSize = fontSizes.find(\n\t\t( fontSize ) => fontSize.size === value\n\t);\n\tconst isCustomValue = !! value && ! selectedFontSize;\n\n\t// Initially request a custom picker if the value is not from the predef list.\n\tconst [ userRequestedCustom, setUserRequestedCustom ] =\n\t\tuseState( isCustomValue );\n\n\tlet currentPickerType;\n\tif ( ! disableCustomFontSizes && userRequestedCustom ) {\n\t\t// While showing the custom value picker, switch back to predef only if\n\t\t// `disableCustomFontSizes` is set to `true`.\n\t\tcurrentPickerType = 'custom' as const;\n\t} else {\n\t\tcurrentPickerType =\n\t\t\tfontSizes.length > MAX_TOGGLE_GROUP_SIZES\n\t\t\t\t? ( 'select' as const )\n\t\t\t\t: ( 'togglegroup' as const );\n\t}\n\n\tif ( fontSizes.length === 0 && disableCustomFontSizes ) {\n\t\treturn null;\n\t}\n\n\t// If neither the value or first font size is a string, then FontSizePicker\n\t// operates in a legacy \"unitless\" mode where UnitControl can only be used\n\t// to select px values and onChange() is always called with number values.\n\tconst hasUnits =\n\t\ttypeof value === 'string' || typeof fontSizes[ 0 ]?.size === 'string';\n\n\tconst [ valueQuantity, valueUnit ] = parseQuantityAndUnitFromRawValue(\n\t\tvalue,\n\t\tunits\n\t);\n\tconst isValueUnitRelative =\n\t\t!! valueUnit && [ 'em', 'rem', 'vw', 'vh' ].includes( valueUnit );\n\tconst isDisabled = value === undefined;\n\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'FontSizePicker',\n\t\t__next40pxDefaultSize,\n\t\tsize,\n\t} );\n\n\treturn (\n\t\t<Container\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-font-size-picker\"\n\t\t\t// This Container component renders a fieldset element that needs to be labeled.\n\t\t\taria-labelledby={ labelId }\n\t\t>\n\t\t\t<Spacer>\n\t\t\t\t<Header className=\"components-font-size-picker__header\">\n\t\t\t\t\t<HeaderLabel id={ labelId }>\n\t\t\t\t\t\t{ __( 'Font size' ) }\n\t\t\t\t\t</HeaderLabel>\n\t\t\t\t\t{ ! disableCustomFontSizes && (\n\t\t\t\t\t\t<HeaderToggle\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tcurrentPickerType === 'custom'\n\t\t\t\t\t\t\t\t\t? __( 'Use size preset' )\n\t\t\t\t\t\t\t\t\t: __( 'Set custom size' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetUserRequestedCustom( ! userRequestedCustom )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisPressed={ currentPickerType === 'custom' }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Header>\n\t\t\t</Spacer>\n\t\t\t<div>\n\t\t\t\t{ currentPickerType === 'select' && (\n\t\t\t\t\t<FontSizePickerSelect\n\t\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t\tfontSizes={ fontSizes }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tdisableCustomFontSizes={ disableCustomFontSizes }\n\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\thasUnits ? newValue : Number( newValue ),\n\t\t\t\t\t\t\t\t\tfontSizes.find(\n\t\t\t\t\t\t\t\t\t\t( fontSize ) =>\n\t\t\t\t\t\t\t\t\t\t\tfontSize.size === newValue\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonSelectCustom={ () => setUserRequestedCustom( true ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ currentPickerType === 'togglegroup' && (\n\t\t\t\t\t<FontSizePickerToggleGroup\n\t\t\t\t\t\tfontSizes={ fontSizes }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\thasUnits ? newValue : Number( newValue ),\n\t\t\t\t\t\t\t\t\tfontSizes.find(\n\t\t\t\t\t\t\t\t\t\t( fontSize ) =>\n\t\t\t\t\t\t\t\t\t\t\tfontSize.size === newValue\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ currentPickerType === 'custom' && (\n\t\t\t\t\t<Flex className=\"components-font-size-picker__custom-size-control\">\n\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetUserRequestedCustom( true );\n\n\t\t\t\t\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\t\thasUnits\n\t\t\t\t\t\t\t\t\t\t\t\t? newValue\n\t\t\t\t\t\t\t\t\t\t\t\t: parseInt( newValue, 10 )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t\tunits={ hasUnits ? units : [] }\n\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ withSlider && (\n\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize={\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t\t\t\t\t\t\t\tclassName=\"components-font-size-picker__custom-input\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\t\t\t\tinitialPosition={ fallbackFontSize }\n\t\t\t\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\t\t\tsetUserRequestedCustom( true );\n\n\t\t\t\t\t\t\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t\t\t\t\t} else if ( hasUnits ) {\n\t\t\t\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnewValue +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t( valueUnit ?? 'px' )\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\tonChange?.( newValue );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ withReset && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t\t\t\tsize === '__unstable-large' ||\n\t\t\t\t\t\t\t\t\t\tprops.__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\t? 'default'\n\t\t\t\t\t\t\t\t\t\t\t: 'small'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Flex>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport const FontSizePicker = forwardRef( UnforwardedFontSizePicker );\n\nexport default FontSizePicker;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/font-size-picker/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\nimport { useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { Button } from '../button';\nimport RangeControl from '../range-control';\nimport { Flex, FlexItem } from '../flex';\nimport { default as UnitControl, parseQuantityAndUnitFromRawValue, useCustomUnits } from '../unit-control';\nimport { Container, Header, HeaderLabel, HeaderToggle } from './styles';\nimport { Spacer } from '../spacer';\nimport FontSizePickerSelect from './font-size-picker-select';\nimport FontSizePickerToggleGroup from './font-size-picker-toggle-group';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DEFAULT_UNITS = ['px', 'em', 'rem', 'vw', 'vh'];\nconst MAX_TOGGLE_GROUP_SIZES = 5;\nconst UnforwardedFontSizePicker = (props, ref) => {\n  const {\n    __next40pxDefaultSize = false,\n    fallbackFontSize,\n    fontSizes = [],\n    disableCustomFontSizes = false,\n    onChange,\n    size = 'default',\n    units: unitsProp = DEFAULT_UNITS,\n    value,\n    withSlider = false,\n    withReset = true\n  } = props;\n  const labelId = useInstanceId(UnforwardedFontSizePicker, 'font-size-picker-label');\n  const units = useCustomUnits({\n    availableUnits: unitsProp\n  });\n  const selectedFontSize = fontSizes.find(fontSize => fontSize.size === value);\n  const isCustomValue = !!value && !selectedFontSize;\n\n  // Initially request a custom picker if the value is not from the predef list.\n  const [userRequestedCustom, setUserRequestedCustom] = useState(isCustomValue);\n  let currentPickerType;\n  if (!disableCustomFontSizes && userRequestedCustom) {\n    // While showing the custom value picker, switch back to predef only if\n    // `disableCustomFontSizes` is set to `true`.\n    currentPickerType = 'custom';\n  } else {\n    currentPickerType = fontSizes.length > MAX_TOGGLE_GROUP_SIZES ? 'select' : 'togglegroup';\n  }\n  if (fontSizes.length === 0 && disableCustomFontSizes) {\n    return null;\n  }\n\n  // If neither the value or first font size is a string, then FontSizePicker\n  // operates in a legacy \"unitless\" mode where UnitControl can only be used\n  // to select px values and onChange() is always called with number values.\n  const hasUnits = typeof value === 'string' || typeof fontSizes[0]?.size === 'string';\n  const [valueQuantity, valueUnit] = parseQuantityAndUnitFromRawValue(value, units);\n  const isValueUnitRelative = !!valueUnit && ['em', 'rem', 'vw', 'vh'].includes(valueUnit);\n  const isDisabled = value === undefined;\n  maybeWarnDeprecated36pxSize({\n    componentName: 'FontSizePicker',\n    __next40pxDefaultSize,\n    size\n  });\n  return /*#__PURE__*/_jsxs(Container, {\n    ref: ref,\n    className: \"components-font-size-picker\"\n    // This Container component renders a fieldset element that needs to be labeled.\n    ,\n    \"aria-labelledby\": labelId,\n    children: [/*#__PURE__*/_jsx(Spacer, {\n      children: /*#__PURE__*/_jsxs(Header, {\n        className: \"components-font-size-picker__header\",\n        children: [/*#__PURE__*/_jsx(HeaderLabel, {\n          id: labelId,\n          children: __('Font size')\n        }), !disableCustomFontSizes && /*#__PURE__*/_jsx(HeaderToggle, {\n          label: currentPickerType === 'custom' ? __('Use size preset') : __('Set custom size'),\n          icon: settings,\n          onClick: () => setUserRequestedCustom(!userRequestedCustom),\n          isPressed: currentPickerType === 'custom',\n          size: \"small\"\n        })]\n      })\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      children: [currentPickerType === 'select' && /*#__PURE__*/_jsx(FontSizePickerSelect, {\n        __next40pxDefaultSize: __next40pxDefaultSize,\n        fontSizes: fontSizes,\n        value: value,\n        disableCustomFontSizes: disableCustomFontSizes,\n        size: size,\n        onChange: newValue => {\n          if (newValue === undefined) {\n            onChange?.(undefined);\n          } else {\n            onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find(fontSize => fontSize.size === newValue));\n          }\n        },\n        onSelectCustom: () => setUserRequestedCustom(true)\n      }), currentPickerType === 'togglegroup' && /*#__PURE__*/_jsx(FontSizePickerToggleGroup, {\n        fontSizes: fontSizes,\n        value: value,\n        __next40pxDefaultSize: __next40pxDefaultSize,\n        size: size,\n        onChange: newValue => {\n          if (newValue === undefined) {\n            onChange?.(undefined);\n          } else {\n            onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find(fontSize => fontSize.size === newValue));\n          }\n        }\n      }), currentPickerType === 'custom' && /*#__PURE__*/_jsxs(Flex, {\n        className: \"components-font-size-picker__custom-size-control\",\n        children: [/*#__PURE__*/_jsx(FlexItem, {\n          isBlock: true,\n          children: /*#__PURE__*/_jsx(UnitControl, {\n            __next40pxDefaultSize: __next40pxDefaultSize,\n            __shouldNotWarnDeprecated36pxSize: true,\n            label: __('Font size'),\n            labelPosition: \"top\",\n            hideLabelFromVision: true,\n            value: value,\n            onChange: newValue => {\n              setUserRequestedCustom(true);\n              if (newValue === undefined) {\n                onChange?.(undefined);\n              } else {\n                onChange?.(hasUnits ? newValue : parseInt(newValue, 10));\n              }\n            },\n            size: size,\n            units: hasUnits ? units : [],\n            min: 0\n          })\n        }), withSlider && /*#__PURE__*/_jsx(FlexItem, {\n          isBlock: true,\n          children: /*#__PURE__*/_jsx(Spacer, {\n            marginX: 2,\n            marginBottom: 0,\n            children: /*#__PURE__*/_jsx(RangeControl, {\n              __nextHasNoMarginBottom: true,\n              __next40pxDefaultSize: __next40pxDefaultSize,\n              __shouldNotWarnDeprecated36pxSize: true,\n              className: \"components-font-size-picker__custom-input\",\n              label: __('Font size'),\n              hideLabelFromVision: true,\n              value: valueQuantity,\n              initialPosition: fallbackFontSize,\n              withInputField: false,\n              onChange: newValue => {\n                setUserRequestedCustom(true);\n                if (newValue === undefined) {\n                  onChange?.(undefined);\n                } else if (hasUnits) {\n                  onChange?.(newValue + (valueUnit !== null && valueUnit !== void 0 ? valueUnit : 'px'));\n                } else {\n                  onChange?.(newValue);\n                }\n              },\n              min: 0,\n              max: isValueUnitRelative ? 10 : 100,\n              step: isValueUnitRelative ? 0.1 : 1\n            })\n          })\n        }), withReset && /*#__PURE__*/_jsx(FlexItem, {\n          children: /*#__PURE__*/_jsx(Button, {\n            disabled: isDisabled,\n            accessibleWhenDisabled: true,\n            onClick: () => {\n              onChange?.(undefined);\n            },\n            variant: \"secondary\",\n            __next40pxDefaultSize: true,\n            size: size === '__unstable-large' || props.__next40pxDefaultSize ? 'default' : 'small',\n            children: __('Reset')\n          })\n        })]\n      })]\n    })]\n  });\n};\nexport const FontSizePicker = forwardRef(UnforwardedFontSizePicker);\nexport default FontSizePicker;"],
+  "mappings": "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",
+  "names": ["_jsxs", "_jsx", "FontSizePickerSelect", "FontSizePickerToggleGroup", "UnitControl", "RangeControl"]
+}