@wordpress/components 31.0.1-next.8fd3f8831.0 → 32.0.0

package/CHANGELOG.md

@@ -2,7 +2,12 @@
 
 ## Unreleased
 
-## 31.0.0-next.0 (2025-12-24)
+## 32.0.0 (2026-01-16)
+
+### Code Quality
+
+-   Fix missing dependencies. [#74310](https://github.com/WordPress/gutenberg/pull/74310)
+-   Fix generated TS types referencing unavailable `csstype`. [#74655](https://github.com/WordPress/gutenberg/pull/74655)
 
 ### Breaking Changes
 
@@ -34,8 +39,10 @@
 -   `Menu`, `CustomSelectControl` (v1 & 2): Update animation ([#74111](https://github.com/WordPress/gutenberg/pull/74111)).
 -   `Autocomplete`: Add offset to popover ([#74084](https://github.com/WordPress/gutenberg/pull/74084)).
 -   `Button`: Hide focus style when `:active` ([#74106](https://github.com/WordPress/gutenberg/pull/74106)).
--   Converted package to a compliant dual CJS/ESM module ([#73822](https://github.com/WordPress/gutenberg/pull/73822)).
+-   Converted package to a compliant dual CJS/ESM module ([#73822](https://github.com/WordPress/gutenberg/pull/73822) and [#74348](https://github.com/WordPress/gutenberg/pull/74348)).
 -   `ToggleGroupControl`: Update visual design ([#74036](https://github.com/WordPress/gutenberg/pull/74036)).
+-   `Notice`: Add `disabled` prop to action buttons. Also allow `onClick` to work alongside `url` ([#74094](https://github.com/WordPress/gutenberg/pull/74094)).
+-   `Menu`: Remove animation on submenus ([#74548](https://github.com/WordPress/gutenberg/pull/74548)).
 
 ### Bug Fixes
 
@@ -43,11 +50,16 @@
 -   `Notice`: Fix notice component spacing issue when actions are present. ([#69430](https://github.com/WordPress/gutenberg/pull/69430))
 -   `DatePicker`: Fix missing scheduled events and current date indicators. ([#73887](https://github.com/WordPress/gutenberg/pull/73887))
 -   `DatePicker`: Fix handling of `currentDate` when passed values as Date or timestamp. ([#73887](https://github.com/WordPress/gutenberg/pull/73887))
+-   `Popover`: Fix bug where clicking outside nested popovers only closed the inner one. ([#74340](https://github.com/WordPress/gutenberg/pull/74340))
+-   `InputControl`: Allow label to wrap for long labels/translations. ([#74301](https://github.com/WordPress/gutenberg/pull/74301)).
 
 ### Internal
 
 -   `AlignmentMatrixControl`: Migrate styles from Emotion to a CSS module ([#73714](https://github.com/WordPress/gutenberg/pull/73714) and [#73757](https://github.com/WordPress/gutenberg/pull/73757)).
 -   `AnglePickerControl`: Migrate styles from Emotion to a CSS module ([#73786](https://github.com/WordPress/gutenberg/pull/73786)).
+-   `Menu`: Clean up popover wrappers ([#74207](https://github.com/WordPress/gutenberg/pull/74207)).
+-   `Button`, `DateCalendar`, `DateRangeCalendar`, `CheckboxControl`, `Panel`, `Placeholder`: Remove outdated vendor prefix properties in CSS ([#74213](https://github.com/WordPress/gutenberg/pull/74213)).
+-    Updated `fast-deep-equal` imports for compatibility with strict Node.js resolution ([#74530](https://github.com/WordPress/gutenberg/pull/74530)).
 
 ## 30.9.0 (2025-11-26)
 

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2025 by the contributors
+    Copyright 2016-2026 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/build/alignment-matrix-control/cell.cjs

@@ -33,9 +33,9 @@ __export(cell_exports, {
   default: () => Cell
 });
 module.exports = __toCommonJS(cell_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_composite = require("../composite/index.cjs");
-var import_tooltip = __toESM(require("../tooltip/index.cjs"), 1);
+var import_tooltip = __toESM(require("../tooltip/index.cjs"));
 var import_visually_hidden = require("../visually-hidden/index.cjs");
 var import_utils = require("./utils.cjs");
 

package/build/alignment-matrix-control/icon.cjs

@@ -33,7 +33,7 @@ __export(icon_exports, {
   default: () => icon_default
 });
 module.exports = __toCommonJS(icon_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_primitives = require("@wordpress/primitives");
 var import_utils = require("./utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");

package/build/alignment-matrix-control/index.cjs

@@ -34,13 +34,13 @@ __export(alignment_matrix_control_exports, {
   default: () => alignment_matrix_control_default
 });
 module.exports = __toCommonJS(alignment_matrix_control_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_i18n = require("@wordpress/i18n");
 var import_compose = require("@wordpress/compose");
 var import_element = require("@wordpress/element");
-var import_cell = __toESM(require("./cell.cjs"), 1);
+var import_cell = __toESM(require("./cell.cjs"));
 var import_composite = require("../composite/index.cjs");
-var import_icon = __toESM(require("./icon.cjs"), 1);
+var import_icon = __toESM(require("./icon.cjs"));
 var import_utils = require("./utils.cjs");
 
 // packages/components/src/alignment-matrix-control/style.module.scss

package/build/angle-picker-control/angle-circle.cjs

@@ -33,7 +33,7 @@ __export(angle_circle_exports, {
   default: () => angle_circle_default
 });
 module.exports = __toCommonJS(angle_circle_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
 

package/build/angle-picker-control/index.cjs

@@ -34,15 +34,15 @@ __export(angle_picker_control_exports, {
   default: () => angle_picker_control_default
 });
 module.exports = __toCommonJS(angle_picker_control_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
 var import_flex = require("../flex/index.cjs");
 var import_spacer = require("../spacer/index.cjs");
-var import_number_control = __toESM(require("../number-control/index.cjs"), 1);
-var import_input_prefix_wrapper = __toESM(require("../input-control/input-prefix-wrapper.cjs"), 1);
-var import_input_suffix_wrapper = __toESM(require("../input-control/input-suffix-wrapper.cjs"), 1);
-var import_angle_circle = __toESM(require("./angle-circle.cjs"), 1);
+var import_number_control = __toESM(require("../number-control/index.cjs"));
+var import_input_prefix_wrapper = __toESM(require("../input-control/input-prefix-wrapper.cjs"));
+var import_input_suffix_wrapper = __toESM(require("../input-control/input-suffix-wrapper.cjs"));
+var import_angle_circle = __toESM(require("./angle-circle.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function UnforwardedAnglePickerControl(props, ref) {
   const {

package/build/animate/index.cjs

@@ -35,7 +35,7 @@ __export(animate_exports, {
   getAnimateClassName: () => getAnimateClassName
 });
 module.exports = __toCommonJS(animate_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 function getDefaultOrigin(type) {
   return type === "appear" ? "top" : "left";
 }

package/build/autocomplete/autocompleter-ui.cjs

@@ -33,16 +33,16 @@ __export(autocompleter_ui_exports, {
   getAutoCompleterUI: () => getAutoCompleterUI
 });
 module.exports = __toCommonJS(autocompleter_ui_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_react_dom = require("react-dom");
 var import_element = require("@wordpress/element");
 var import_rich_text = require("@wordpress/rich-text");
 var import_compose = require("@wordpress/compose");
 var import_a11y = require("@wordpress/a11y");
 var import_i18n = require("@wordpress/i18n");
-var import_get_default_use_items = __toESM(require("./get-default-use-items.cjs"), 1);
-var import_button = __toESM(require("../button/index.cjs"), 1);
-var import_popover = __toESM(require("../popover/index.cjs"), 1);
+var import_get_default_use_items = __toESM(require("./get-default-use-items.cjs"));
+var import_button = __toESM(require("../button/index.cjs"));
+var import_popover = __toESM(require("../popover/index.cjs"));
 var import_visually_hidden = require("../visually-hidden/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ListBox({

package/build/autocomplete/get-default-use-items.cjs

@@ -33,7 +33,7 @@ __export(get_default_use_items_exports, {
   default: () => getDefaultUseItems
 });
 module.exports = __toCommonJS(get_default_use_items_exports);
-var import_remove_accents = __toESM(require("remove-accents"), 1);
+var import_remove_accents = __toESM(require("remove-accents"));
 var import_compose = require("@wordpress/compose");
 var import_element = require("@wordpress/element");
 var import_strings = require("../utils/strings.cjs");

package/build/autocomplete/index.cjs

@@ -35,7 +35,7 @@ __export(autocomplete_exports, {
   useAutocompleteProps: () => useAutocompleteProps
 });
 module.exports = __toCommonJS(autocomplete_exports);
-var import_remove_accents = __toESM(require("remove-accents"), 1);
+var import_remove_accents = __toESM(require("remove-accents"));
 var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
 var import_rich_text = require("@wordpress/rich-text");
@@ -44,7 +44,7 @@ var import_keycodes = require("@wordpress/keycodes");
 var import_autocompleter_ui = require("./autocompleter-ui.cjs");
 var import_strings = require("../utils/strings.cjs");
 var import_with_ignore_ime_events = require("../utils/with-ignore-ime-events.cjs");
-var import_get_node_text = __toESM(require("../utils/get-node-text.cjs"), 1);
+var import_get_node_text = __toESM(require("../utils/get-node-text.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var EMPTY_FILTERED_OPTIONS = [];
 var AUTOCOMPLETE_HOOK_REFERENCE = {};

package/build/badge/index.cjs

@@ -33,9 +33,9 @@ __export(badge_exports, {
   default: () => badge_default
 });
 module.exports = __toCommonJS(badge_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_icons = require("@wordpress/icons");
-var import_icon = __toESM(require("../icon/index.cjs"), 1);
+var import_icon = __toESM(require("../icon/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function contextBasedIcon(intent = "default") {
   switch (intent) {

package/build/base-control/hooks.cjs

@@ -34,7 +34,7 @@ __export(hooks_exports, {
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_compose = require("@wordpress/compose");
-var import__ = __toESM(require("./index.cjs"), 1);
+var import__ = __toESM(require("./index.cjs"));
 function useBaseControlProps(props) {
   const {
     help,

package/build/base-control/index.cjs

@@ -36,7 +36,7 @@ __export(base_control_exports, {
   useBaseControlProps: () => import_hooks.useBaseControlProps
 });
 module.exports = __toCommonJS(base_control_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_element = require("@wordpress/element");
 var import_visually_hidden = require("../visually-hidden/index.cjs");
 var import_base_control_styles = require("./styles/base-control-styles.cjs");

package/build/base-control/styles/base-control-styles.cjs

@@ -37,7 +37,7 @@ __export(base_control_styles_exports, {
   Wrapper: () => Wrapper
 });
 module.exports = __toCommonJS(base_control_styles_exports);
-var import_base = __toESM(require("@emotion/styled/base"), 1);
+var import_base = __toESM(require("@emotion/styled/base"));
 var import_react = require("@emotion/react");
 var import_utils = require("../../utils/index.cjs");
 var import_space = require("../../utils/space.cjs");

package/build/border-box-control/border-box-control/component.cjs

@@ -37,8 +37,8 @@ module.exports = __toCommonJS(component_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
-var import_border_box_control_linked_button = __toESM(require("../border-box-control-linked-button/index.cjs"), 1);
-var import_border_box_control_split_controls = __toESM(require("../border-box-control-split-controls/index.cjs"), 1);
+var import_border_box_control_linked_button = __toESM(require("../border-box-control-linked-button/index.cjs"));
+var import_border_box_control_split_controls = __toESM(require("../border-box-control-split-controls/index.cjs"));
 var import_border_control = require("../../border-control/index.cjs");
 var import_base_control_styles = require("../../base-control/styles/base-control-styles.cjs");
 var import_view = require("../../view/index.cjs");

package/build/border-box-control/border-box-control/hook.cjs

@@ -34,7 +34,7 @@ __export(hook_exports, {
 });
 module.exports = __toCommonJS(hook_exports);
 var import_element = require("@wordpress/element");
-var styles = __toESM(require("../styles.cjs"), 1);
+var styles = __toESM(require("../styles.cjs"));
 var import_utils = require("../utils.cjs");
 var import_context = require("../../context/index.cjs");
 var import_use_cx = require("../../utils/hooks/use-cx.cjs");

package/build/border-box-control/border-box-control/index.cjs

@@ -34,7 +34,7 @@ __export(border_box_control_exports, {
   useBorderBoxControl: () => import_hook.useBorderBoxControl
 });
 module.exports = __toCommonJS(border_box_control_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 var import_hook = require("./hook.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/border-box-control/border-box-control-linked-button/component.cjs

@@ -35,7 +35,7 @@ __export(component_exports, {
 module.exports = __toCommonJS(component_exports);
 var import_icons = require("@wordpress/icons");
 var import_i18n = require("@wordpress/i18n");
-var import_button = __toESM(require("../../button/index.cjs"), 1);
+var import_button = __toESM(require("../../button/index.cjs"));
 var import_context = require("../../context/index.cjs");
 var import_hook = require("./hook.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");

package/build/border-box-control/border-box-control-linked-button/hook.cjs

@@ -34,7 +34,7 @@ __export(hook_exports, {
 });
 module.exports = __toCommonJS(hook_exports);
 var import_element = require("@wordpress/element");
-var styles = __toESM(require("../styles.cjs"), 1);
+var styles = __toESM(require("../styles.cjs"));
 var import_context = require("../../context/index.cjs");
 var import_use_cx = require("../../utils/hooks/use-cx.cjs");
 function useBorderBoxControlLinkedButton(props) {

package/build/border-box-control/border-box-control-linked-button/index.cjs

@@ -33,5 +33,5 @@ __export(border_box_control_linked_button_exports, {
   default: () => import_component.default
 });
 module.exports = __toCommonJS(border_box_control_linked_button_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 //# sourceMappingURL=index.cjs.map

package/build/border-box-control/border-box-control-split-controls/component.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(component_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
-var import_border_box_control_visualizer = __toESM(require("../border-box-control-visualizer/index.cjs"), 1);
+var import_border_box_control_visualizer = __toESM(require("../border-box-control-visualizer/index.cjs"));
 var import_border_control = require("../../border-control/index.cjs");
 var import_grid = require("../../grid/index.cjs");
 var import_context = require("../../context/index.cjs");

package/build/border-box-control/border-box-control-split-controls/hook.cjs

@@ -34,7 +34,7 @@ __export(hook_exports, {
 });
 module.exports = __toCommonJS(hook_exports);
 var import_element = require("@wordpress/element");
-var styles = __toESM(require("../styles.cjs"), 1);
+var styles = __toESM(require("../styles.cjs"));
 var import_context = require("../../context/index.cjs");
 var import_utils = require("../../utils/index.cjs");
 function useBorderBoxControlSplitControls(props) {

package/build/border-box-control/border-box-control-split-controls/index.cjs

@@ -33,5 +33,5 @@ __export(border_box_control_split_controls_exports, {
   default: () => import_component.default
 });
 module.exports = __toCommonJS(border_box_control_split_controls_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 //# sourceMappingURL=index.cjs.map

package/build/border-box-control/border-box-control-visualizer/hook.cjs

@@ -34,7 +34,7 @@ __export(hook_exports, {
 });
 module.exports = __toCommonJS(hook_exports);
 var import_element = require("@wordpress/element");
-var styles = __toESM(require("../styles.cjs"), 1);
+var styles = __toESM(require("../styles.cjs"));
 var import_context = require("../../context/index.cjs");
 var import_utils = require("../../utils/index.cjs");
 function useBorderBoxControlVisualizer(props) {

package/build/border-box-control/border-box-control-visualizer/index.cjs

@@ -33,5 +33,5 @@ __export(border_box_control_visualizer_exports, {
   default: () => import_component.default
 });
 module.exports = __toCommonJS(border_box_control_visualizer_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 //# sourceMappingURL=index.cjs.map

package/build/border-box-control/index.cjs

@@ -37,7 +37,7 @@ __export(border_box_control_exports, {
   useBorderBoxControl: () => import_hook.useBorderBoxControl
 });
 module.exports = __toCommonJS(border_box_control_exports);
-var import_component = __toESM(require("./border-box-control/component.cjs"), 1);
+var import_component = __toESM(require("./border-box-control/component.cjs"));
 var import_hook = require("./border-box-control/hook.cjs");
 var import_utils = require("./utils.cjs");
 // Annotate the CommonJS export names for ESM import in node:

package/build/border-control/border-control/component.cjs

@@ -35,9 +35,9 @@ __export(component_exports, {
 });
 module.exports = __toCommonJS(component_exports);
 var import_i18n = require("@wordpress/i18n");
-var import_border_control_dropdown = __toESM(require("../border-control-dropdown/index.cjs"), 1);
-var import_unit_control = __toESM(require("../../unit-control/index.cjs"), 1);
-var import_range_control = __toESM(require("../../range-control/index.cjs"), 1);
+var import_border_control_dropdown = __toESM(require("../border-control-dropdown/index.cjs"));
+var import_unit_control = __toESM(require("../../unit-control/index.cjs"));
+var import_range_control = __toESM(require("../../range-control/index.cjs"));
 var import_h_stack = require("../../h-stack/index.cjs");
 var import_base_control_styles = require("../../base-control/styles/base-control-styles.cjs");
 var import_view = require("../../view/index.cjs");

package/build/border-control/border-control/hook.cjs

@@ -34,7 +34,7 @@ __export(hook_exports, {
 });
 module.exports = __toCommonJS(hook_exports);
 var import_element = require("@wordpress/element");
-var styles = __toESM(require("../styles.cjs"), 1);
+var styles = __toESM(require("../styles.cjs"));
 var import_utils = require("../../unit-control/utils.cjs");
 var import_context = require("../../context/index.cjs");
 var import_use_cx = require("../../utils/hooks/use-cx.cjs");

package/build/border-control/border-control/index.cjs

@@ -34,7 +34,7 @@ __export(border_control_exports, {
   useBorderControl: () => import_hook.useBorderControl
 });
 module.exports = __toCommonJS(border_control_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 var import_hook = require("./hook.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/border-control/border-control-dropdown/component.cjs

@@ -34,15 +34,15 @@ __export(component_exports, {
 });
 module.exports = __toCommonJS(component_exports);
 var import_i18n = require("@wordpress/i18n");
-var import_border_control_style_picker = __toESM(require("../border-control-style-picker/index.cjs"), 1);
-var import_button = __toESM(require("../../button/index.cjs"), 1);
-var import_color_indicator = __toESM(require("../../color-indicator/index.cjs"), 1);
-var import_color_palette = __toESM(require("../../color-palette/index.cjs"), 1);
-var import_dropdown = __toESM(require("../../dropdown/index.cjs"), 1);
+var import_border_control_style_picker = __toESM(require("../border-control-style-picker/index.cjs"));
+var import_button = __toESM(require("../../button/index.cjs"));
+var import_color_indicator = __toESM(require("../../color-indicator/index.cjs"));
+var import_color_palette = __toESM(require("../../color-palette/index.cjs"));
+var import_dropdown = __toESM(require("../../dropdown/index.cjs"));
 var import_v_stack = require("../../v-stack/index.cjs");
 var import_context = require("../../context/index.cjs");
 var import_hook = require("./hook.cjs");
-var import_dropdown_content_wrapper = __toESM(require("../../dropdown/dropdown-content-wrapper.cjs"), 1);
+var import_dropdown_content_wrapper = __toESM(require("../../dropdown/dropdown-content-wrapper.cjs"));
 var import_utils = require("../../color-palette/utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var getAriaLabelColorValue = (colorValue) => {

package/build/border-control/border-control-dropdown/hook.cjs

@@ -34,7 +34,7 @@ __export(hook_exports, {
 });
 module.exports = __toCommonJS(hook_exports);
 var import_element = require("@wordpress/element");
-var styles = __toESM(require("../styles.cjs"), 1);
+var styles = __toESM(require("../styles.cjs"));
 var import_utils = require("../../unit-control/utils.cjs");
 var import_context = require("../../context/index.cjs");
 var import_use_cx = require("../../utils/hooks/use-cx.cjs");

package/build/border-control/border-control-dropdown/index.cjs

@@ -33,5 +33,5 @@ __export(border_control_dropdown_exports, {
   default: () => import_component.default
 });
 module.exports = __toCommonJS(border_control_dropdown_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 //# sourceMappingURL=index.cjs.map

package/build/border-control/border-control-style-picker/index.cjs

@@ -33,5 +33,5 @@ __export(border_control_style_picker_exports, {
   default: () => import_component.default
 });
 module.exports = __toCommonJS(border_control_style_picker_exports);
-var import_component = __toESM(require("./component.cjs"), 1);
+var import_component = __toESM(require("./component.cjs"));
 //# sourceMappingURL=index.cjs.map

package/build/border-control/index.cjs

@@ -34,7 +34,7 @@ __export(border_control_exports, {
   useBorderControl: () => import_hook.useBorderControl
 });
 module.exports = __toCommonJS(border_control_exports);
-var import_component = __toESM(require("./border-control/component.cjs"), 1);
+var import_component = __toESM(require("./border-control/component.cjs"));
 var import_hook = require("./border-control/hook.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/box-control/index.cjs

@@ -37,10 +37,10 @@ module.exports = __toCommonJS(box_control_exports);
 var import_compose = require("@wordpress/compose");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
-var import_warning = __toESM(require("@wordpress/warning"), 1);
+var import_warning = __toESM(require("@wordpress/warning"));
 var import_base_control = require("../base-control/index.cjs");
-var import_input_control = __toESM(require("./input-control.cjs"), 1);
-var import_linked_button = __toESM(require("./linked-button.cjs"), 1);
+var import_input_control = __toESM(require("./input-control.cjs"));
+var import_linked_button = __toESM(require("./linked-button.cjs"));
 var import_grid = require("../grid/index.cjs");
 var import_box_control_styles = require("./styles/box-control-styles.cjs");
 var import_utils = require("../unit-control/utils.cjs");
@@ -158,13 +158,21 @@ function BoxControl({
         onClick: toggleLinked,
         isLinked
       })
-    }), !isLinked && splitOnAxis && ["vertical", "horizontal"].map((axis) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control.default, {
-      side: axis,
-      ...inputControlProps
-    }, axis)), !isLinked && !splitOnAxis && Array.from(sidesToRender).map((axis) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control.default, {
-      side: axis,
-      ...inputControlProps
-    }, axis)), allowReset && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_box_control_styles.ResetButton, {
+    }), !isLinked && splitOnAxis && ["vertical", "horizontal"].map((axis) => (
+      // Disable reason: the parent component is handling the __next40pxDefaultSize prop
+      // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control.default, {
+        side: axis,
+        ...inputControlProps
+      }, axis)
+    )), !isLinked && !splitOnAxis && Array.from(sidesToRender).map((axis) => (
+      // Disable reason: the parent component is handling the __next40pxDefaultSize prop
+      // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control.default, {
+        side: axis,
+        ...inputControlProps
+      }, axis)
+    )), allowReset && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_box_control_styles.ResetButton, {
       className: "component-box-control__reset-button",
       variant: "secondary",
       size: "small",

package/build/box-control/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/box-control/index.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { BaseControl } from '../base-control';\nimport InputControl from './input-control';\nimport LinkedButton from './linked-button';\nimport { Grid } from '../grid';\nimport { InputWrapper, ResetButton, LinkedButtonWrapper } from './styles/box-control-styles';\nimport { parseQuantityAndUnitFromRawValue } from '../unit-control/utils';\nimport { DEFAULT_VALUES, getInitialSide, isValueMixed, isValuesDefined, getAllowedSides } from './utils';\nimport { useControlledState } from '../utils/hooks';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst defaultInputProps = {\n  min: 0\n};\nconst noop = () => {};\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(BoxControl, 'inspector-box-control');\n  return idProp || instanceId;\n}\n\n/**\n * A control that lets users set values for top, right, bottom, and left. Can be\n * used as an input control for values like `padding` or `margin`.\n *\n * ```jsx\n * import { useState } from 'react';\n * import { BoxControl } from '@wordpress/components';\n *\n * function Example() {\n *   const [ values, setValues ] = useState( {\n *     top: '50px',\n *     left: '10%',\n *     right: '10%',\n *     bottom: '50px',\n *   } );\n *\n *   return (\n *     <BoxControl\n *       __next40pxDefaultSize\n *       values={ values }\n *       onChange={ setValues }\n *     />\n *   );\n * };\n * ```\n */\nfunction BoxControl({\n  __next40pxDefaultSize = false,\n  id: idProp,\n  inputProps = defaultInputProps,\n  onChange = noop,\n  label = __('Box Control'),\n  values: valuesProp,\n  units,\n  sides,\n  splitOnAxis = false,\n  allowReset = true,\n  resetValues = DEFAULT_VALUES,\n  presets,\n  presetKey,\n  onMouseOver,\n  onMouseOut\n}) {\n  const [values, setValues] = useControlledState(valuesProp, {\n    fallback: DEFAULT_VALUES\n  });\n  const inputValues = values || DEFAULT_VALUES;\n  const hasInitialValue = isValuesDefined(valuesProp);\n  const hasOneSide = sides?.length === 1;\n  const [isDirty, setIsDirty] = useState(hasInitialValue);\n  const [isLinked, setIsLinked] = useState(!hasInitialValue || !isValueMixed(inputValues) || hasOneSide);\n  const [side, setSide] = useState(getInitialSide(isLinked, splitOnAxis));\n\n  // Tracking selected units via internal state allows filtering of CSS unit\n  // only values from being saved while maintaining preexisting unit selection\n  // behaviour. Filtering CSS only values prevents invalid style values.\n  const [selectedUnits, setSelectedUnits] = useState({\n    top: parseQuantityAndUnitFromRawValue(valuesProp?.top)[1],\n    right: parseQuantityAndUnitFromRawValue(valuesProp?.right)[1],\n    bottom: parseQuantityAndUnitFromRawValue(valuesProp?.bottom)[1],\n    left: parseQuantityAndUnitFromRawValue(valuesProp?.left)[1]\n  });\n  const id = useUniqueId(idProp);\n  const headingId = `${id}-heading`;\n  const toggleLinked = () => {\n    setIsLinked(!isLinked);\n    setSide(getInitialSide(!isLinked, splitOnAxis));\n  };\n  const handleOnFocus = (_event, {\n    side: nextSide\n  }) => {\n    setSide(nextSide);\n  };\n  const handleOnChange = nextValues => {\n    onChange(nextValues);\n    setValues(nextValues);\n    setIsDirty(true);\n  };\n  const handleOnReset = () => {\n    onChange(resetValues);\n    setValues(resetValues);\n    setSelectedUnits(resetValues);\n    setIsDirty(false);\n  };\n  const inputControlProps = {\n    onMouseOver,\n    onMouseOut,\n    ...inputProps,\n    onChange: handleOnChange,\n    onFocus: handleOnFocus,\n    isLinked,\n    units,\n    selectedUnits,\n    setSelectedUnits,\n    sides,\n    values: inputValues,\n    __next40pxDefaultSize,\n    presets,\n    presetKey\n  };\n  maybeWarnDeprecated36pxSize({\n    componentName: 'BoxControl',\n    __next40pxDefaultSize,\n    size: undefined\n  });\n  const sidesToRender = getAllowedSides(sides);\n  if (presets && !presetKey || !presets && presetKey) {\n    const definedProp = presets ? 'presets' : 'presetKey';\n    const missingProp = presets ? 'presetKey' : 'presets';\n    globalThis.SCRIPT_DEBUG === true ? warning(`wp.components.BoxControl: the '${missingProp}' prop is required when the '${definedProp}' prop is defined.`) : void 0;\n  }\n  return /*#__PURE__*/_jsxs(Grid, {\n    id: id,\n    columns: 3,\n    templateColumns: \"1fr min-content min-content\",\n    role: \"group\",\n    \"aria-labelledby\": headingId,\n    children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {\n      id: headingId,\n      children: label\n    }), isLinked && /*#__PURE__*/_jsx(InputWrapper, {\n      children: /*#__PURE__*/_jsx(InputControl, {\n        side: \"all\",\n        ...inputControlProps\n      })\n    }), !hasOneSide && /*#__PURE__*/_jsx(LinkedButtonWrapper, {\n      children: /*#__PURE__*/_jsx(LinkedButton, {\n        onClick: toggleLinked,\n        isLinked: isLinked\n      })\n    }), !isLinked && splitOnAxis && ['vertical', 'horizontal'].map(axis => /*#__PURE__*/_jsx(InputControl, {\n      side: axis,\n      ...inputControlProps\n    }, axis)), !isLinked && !splitOnAxis && Array.from(sidesToRender).map(axis => /*#__PURE__*/_jsx(InputControl, {\n      side: axis,\n      ...inputControlProps\n    }, axis)), allowReset && /*#__PURE__*/_jsx(ResetButton, {\n      className: \"component-box-control__reset-button\",\n      variant: \"secondary\",\n      size: \"small\",\n      onClick: handleOnReset,\n      disabled: !isDirty,\n      children: __('Reset')\n    })]\n  });\n}\nexport { applyValueToSides } from './utils';\nexport default BoxControl;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { BaseControl } from '../base-control';\nimport InputControl from './input-control';\nimport LinkedButton from './linked-button';\nimport { Grid } from '../grid';\nimport { InputWrapper, ResetButton, LinkedButtonWrapper } from './styles/box-control-styles';\nimport { parseQuantityAndUnitFromRawValue } from '../unit-control/utils';\nimport { DEFAULT_VALUES, getInitialSide, isValueMixed, isValuesDefined, getAllowedSides } from './utils';\nimport { useControlledState } from '../utils/hooks';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst defaultInputProps = {\n  min: 0\n};\nconst noop = () => {};\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(BoxControl, 'inspector-box-control');\n  return idProp || instanceId;\n}\n\n/**\n * A control that lets users set values for top, right, bottom, and left. Can be\n * used as an input control for values like `padding` or `margin`.\n *\n * ```jsx\n * import { useState } from 'react';\n * import { BoxControl } from '@wordpress/components';\n *\n * function Example() {\n *   const [ values, setValues ] = useState( {\n *     top: '50px',\n *     left: '10%',\n *     right: '10%',\n *     bottom: '50px',\n *   } );\n *\n *   return (\n *     <BoxControl\n *       __next40pxDefaultSize\n *       values={ values }\n *       onChange={ setValues }\n *     />\n *   );\n * };\n * ```\n */\nfunction BoxControl({\n  __next40pxDefaultSize = false,\n  id: idProp,\n  inputProps = defaultInputProps,\n  onChange = noop,\n  label = __('Box Control'),\n  values: valuesProp,\n  units,\n  sides,\n  splitOnAxis = false,\n  allowReset = true,\n  resetValues = DEFAULT_VALUES,\n  presets,\n  presetKey,\n  onMouseOver,\n  onMouseOut\n}) {\n  const [values, setValues] = useControlledState(valuesProp, {\n    fallback: DEFAULT_VALUES\n  });\n  const inputValues = values || DEFAULT_VALUES;\n  const hasInitialValue = isValuesDefined(valuesProp);\n  const hasOneSide = sides?.length === 1;\n  const [isDirty, setIsDirty] = useState(hasInitialValue);\n  const [isLinked, setIsLinked] = useState(!hasInitialValue || !isValueMixed(inputValues) || hasOneSide);\n  const [side, setSide] = useState(getInitialSide(isLinked, splitOnAxis));\n\n  // Tracking selected units via internal state allows filtering of CSS unit\n  // only values from being saved while maintaining preexisting unit selection\n  // behaviour. Filtering CSS only values prevents invalid style values.\n  const [selectedUnits, setSelectedUnits] = useState({\n    top: parseQuantityAndUnitFromRawValue(valuesProp?.top)[1],\n    right: parseQuantityAndUnitFromRawValue(valuesProp?.right)[1],\n    bottom: parseQuantityAndUnitFromRawValue(valuesProp?.bottom)[1],\n    left: parseQuantityAndUnitFromRawValue(valuesProp?.left)[1]\n  });\n  const id = useUniqueId(idProp);\n  const headingId = `${id}-heading`;\n  const toggleLinked = () => {\n    setIsLinked(!isLinked);\n    setSide(getInitialSide(!isLinked, splitOnAxis));\n  };\n  const handleOnFocus = (_event, {\n    side: nextSide\n  }) => {\n    setSide(nextSide);\n  };\n  const handleOnChange = nextValues => {\n    onChange(nextValues);\n    setValues(nextValues);\n    setIsDirty(true);\n  };\n  const handleOnReset = () => {\n    onChange(resetValues);\n    setValues(resetValues);\n    setSelectedUnits(resetValues);\n    setIsDirty(false);\n  };\n  const inputControlProps = {\n    onMouseOver,\n    onMouseOut,\n    ...inputProps,\n    onChange: handleOnChange,\n    onFocus: handleOnFocus,\n    isLinked,\n    units,\n    selectedUnits,\n    setSelectedUnits,\n    sides,\n    values: inputValues,\n    __next40pxDefaultSize,\n    presets,\n    presetKey\n  };\n  maybeWarnDeprecated36pxSize({\n    componentName: 'BoxControl',\n    __next40pxDefaultSize,\n    size: undefined\n  });\n  const sidesToRender = getAllowedSides(sides);\n  if (presets && !presetKey || !presets && presetKey) {\n    const definedProp = presets ? 'presets' : 'presetKey';\n    const missingProp = presets ? 'presetKey' : 'presets';\n    globalThis.SCRIPT_DEBUG === true ? warning(`wp.components.BoxControl: the '${missingProp}' prop is required when the '${definedProp}' prop is defined.`) : void 0;\n  }\n  return /*#__PURE__*/_jsxs(Grid, {\n    id: id,\n    columns: 3,\n    templateColumns: \"1fr min-content min-content\",\n    role: \"group\",\n    \"aria-labelledby\": headingId,\n    children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {\n      id: headingId,\n      children: label\n    }), isLinked && /*#__PURE__*/_jsx(InputWrapper, {\n      children: /*#__PURE__*/_jsx(InputControl, {\n        side: \"all\",\n        ...inputControlProps\n      })\n    }), !hasOneSide && /*#__PURE__*/_jsx(LinkedButtonWrapper, {\n      children: /*#__PURE__*/_jsx(LinkedButton, {\n        onClick: toggleLinked,\n        isLinked: isLinked\n      })\n    }), !isLinked && splitOnAxis && ['vertical', 'horizontal'].map(axis =>\n    /*#__PURE__*/\n    // Disable reason: the parent component is handling the __next40pxDefaultSize prop\n    // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n    _jsx(InputControl, {\n      side: axis,\n      ...inputControlProps\n    }, axis)), !isLinked && !splitOnAxis && Array.from(sidesToRender).map(axis =>\n    /*#__PURE__*/\n    // Disable reason: the parent component is handling the __next40pxDefaultSize prop\n    // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n    _jsx(InputControl, {\n      side: axis,\n      ...inputControlProps\n    }, axis)), allowReset && /*#__PURE__*/_jsx(ResetButton, {\n      className: \"component-box-control__reset-button\",\n      variant: \"secondary\",\n      size: \"small\",\n      onClick: handleOnReset,\n      disabled: !isDirty,\n      children: __('Reset')\n    })]\n  });\n}\nexport { applyValueToSides } from './utils';\nexport default BoxControl;"],
+  "mappings": "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",
   "names": ["import_utils", "warning", "_jsxs", "_jsx", "InputControl", "LinkedButton"]
 }

package/build/box-control/input-control.cjs

@@ -37,11 +37,11 @@ var import_compose = require("@wordpress/compose");
 var import_i18n = require("@wordpress/i18n");
 var import_element = require("@wordpress/element");
 var import_icons = require("@wordpress/icons");
-var import_tooltip = __toESM(require("../tooltip/index.cjs"), 1);
+var import_tooltip = __toESM(require("../tooltip/index.cjs"));
 var import_utils = require("../unit-control/utils.cjs");
 var import_utils2 = require("./utils.cjs");
 var import_box_control_styles = require("./styles/box-control-styles.cjs");
-var import_button = __toESM(require("../button/index.cjs"), 1);
+var import_button = __toESM(require("../button/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var noop = () => {
 };

package/build/box-control/linked-button.cjs

@@ -35,7 +35,7 @@ __export(linked_button_exports, {
 module.exports = __toCommonJS(linked_button_exports);
 var import_icons = require("@wordpress/icons");
 var import_i18n = require("@wordpress/i18n");
-var import_button = __toESM(require("../button/index.cjs"), 1);
+var import_button = __toESM(require("../button/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function LinkedButton({
   isLinked,

package/build/box-control/styles/box-control-icon-styles.cjs

@@ -38,7 +38,7 @@ __export(box_control_icon_styles_exports, {
   Viewbox: () => Viewbox
 });
 module.exports = __toCommonJS(box_control_icon_styles_exports);
-var import_base = __toESM(require("@emotion/styled/base"), 1);
+var import_base = __toESM(require("@emotion/styled/base"));
 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).";

package/build/box-control/styles/box-control-styles.cjs

@@ -38,12 +38,12 @@ __export(box_control_styles_exports, {
   StyledUnitControl: () => StyledUnitControl
 });
 module.exports = __toCommonJS(box_control_styles_exports);
-var import_base = __toESM(require("@emotion/styled/base"), 1);
-var import_icon = __toESM(require("../icon.cjs"), 1);
-var import_button = __toESM(require("../../button/index.cjs"), 1);
+var import_base = __toESM(require("@emotion/styled/base"));
+var import_icon = __toESM(require("../icon.cjs"));
+var import_button = __toESM(require("../../button/index.cjs"));
 var import_h_stack = require("../../h-stack/index.cjs");
-var import_range_control = __toESM(require("../../range-control/index.cjs"), 1);
-var import_unit_control = __toESM(require("../../unit-control/index.cjs"), 1);
+var import_range_control = __toESM(require("../../range-control/index.cjs"));
+var import_unit_control = __toESM(require("../../unit-control/index.cjs"));
 var import_space = require("../../utils/space.cjs");
 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).";