@base-ui/react 1.7.0 → 1.8.0

package/menu/trigger/MenuTriggerDataAttributes.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuTriggerDataAttributes = void 0;
+exports.pressed = exports.popupOpen = exports.disabled = void 0;
 var _popupStateMapping = require("../../utils/popupStateMapping");
-let MenuTriggerDataAttributes = exports.MenuTriggerDataAttributes = function (MenuTriggerDataAttributes) {
-  /**
-   * Present when the corresponding menu is open.
-   */
-  MenuTriggerDataAttributes[MenuTriggerDataAttributes["popupOpen"] = _popupStateMapping.CommonTriggerDataAttributes.popupOpen] = "popupOpen";
-  /**
-   * Present when the trigger is pressed.
-   */
-  MenuTriggerDataAttributes[MenuTriggerDataAttributes["pressed"] = _popupStateMapping.CommonTriggerDataAttributes.pressed] = "pressed";
-  return MenuTriggerDataAttributes;
-}({});
+/**
+ * Present when the corresponding menu is open.
+ */
+const popupOpen = exports.popupOpen = _popupStateMapping.CommonTriggerDataAttributes.popupOpen;
+/**
+ * Present when the trigger is pressed.
+ */
+const pressed = exports.pressed = _popupStateMapping.CommonTriggerDataAttributes.pressed;
+/**
+ * Present when the trigger is disabled.
+ */
+const disabled = exports.disabled = 'data-disabled';

package/menu/trigger/MenuTriggerDataAttributes.mjs

@@ -1,12 +1,14 @@
 import { CommonTriggerDataAttributes } from "../../utils/popupStateMapping.mjs";
-export let MenuTriggerDataAttributes = function (MenuTriggerDataAttributes) {
-  /**
-   * Present when the corresponding menu is open.
-   */
-  MenuTriggerDataAttributes[MenuTriggerDataAttributes["popupOpen"] = CommonTriggerDataAttributes.popupOpen] = "popupOpen";
-  /**
-   * Present when the trigger is pressed.
-   */
-  MenuTriggerDataAttributes[MenuTriggerDataAttributes["pressed"] = CommonTriggerDataAttributes.pressed] = "pressed";
-  return MenuTriggerDataAttributes;
-}({});
+
+/**
+ * Present when the corresponding menu is open.
+ */
+export const popupOpen = CommonTriggerDataAttributes.popupOpen;
+/**
+ * Present when the trigger is pressed.
+ */
+export const pressed = CommonTriggerDataAttributes.pressed;
+/**
+ * Present when the trigger is disabled.
+ */
+export const disabled = 'data-disabled';

package/menu/utils/stateAttributesMapping.js

@@ -1,20 +1,21 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.itemMapping = void 0;
 var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
-var _MenuCheckboxItemDataAttributes = require("../checkbox-item/MenuCheckboxItemDataAttributes");
+var MenuCheckboxItemDataAttributes = _interopRequireWildcard(require("../checkbox-item/MenuCheckboxItemDataAttributes"));
 const itemMapping = exports.itemMapping = {
   checked(value) {
     if (value) {
       return {
-        [_MenuCheckboxItemDataAttributes.MenuCheckboxItemDataAttributes.checked]: ''
+        [MenuCheckboxItemDataAttributes.checked]: ''
       };
     }
     return {
-      [_MenuCheckboxItemDataAttributes.MenuCheckboxItemDataAttributes.unchecked]: ''
+      [MenuCheckboxItemDataAttributes.unchecked]: ''
     };
   },
   ..._stateAttributesMapping.transitionStatusMapping

package/menu/utils/stateAttributesMapping.mjs

@@ -1,5 +1,5 @@
 import { transitionStatusMapping } from "../../internals/stateAttributesMapping.mjs";
-import { MenuCheckboxItemDataAttributes } from "../checkbox-item/MenuCheckboxItemDataAttributes.mjs";
+import * as MenuCheckboxItemDataAttributes from "../checkbox-item/MenuCheckboxItemDataAttributes.mjs";
 export const itemMapping = {
   checked(value) {
     if (value) {

package/menu/viewport/MenuViewportCssVars.d.mts

@@ -1,14 +1,12 @@
-export declare enum MenuViewportCssVars {
-  /**
-   * The width of the parent popup.
-   * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  popupWidth = "--popup-width",
-  /**
-   * The height of the parent popup.
-   * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  popupHeight = "--popup-height",
-}
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupWidth = "--popup-width";
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupHeight = "--popup-height";

package/menu/viewport/MenuViewportCssVars.d.ts

@@ -1,14 +1,12 @@
-export declare enum MenuViewportCssVars {
-  /**
-   * The width of the parent popup.
-   * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  popupWidth = "--popup-width",
-  /**
-   * The height of the parent popup.
-   * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  popupHeight = "--popup-height",
-}
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupWidth = "--popup-width";
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupHeight = "--popup-height";

package/menu/viewport/MenuViewportCssVars.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuViewportCssVars = void 0;
-let MenuViewportCssVars = exports.MenuViewportCssVars = /*#__PURE__*/function (MenuViewportCssVars) {
-  /**
-   * The width of the parent popup.
-   * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  MenuViewportCssVars["popupWidth"] = "--popup-width";
-  /**
-   * The height of the parent popup.
-   * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  MenuViewportCssVars["popupHeight"] = "--popup-height";
-  return MenuViewportCssVars;
-}({});
+exports.popupWidth = exports.popupHeight = void 0;
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+const popupWidth = exports.popupWidth = '--popup-width';
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+const popupHeight = exports.popupHeight = '--popup-height';

package/menu/viewport/MenuViewportCssVars.mjs

@@ -1,15 +1,12 @@
-export let MenuViewportCssVars = /*#__PURE__*/function (MenuViewportCssVars) {
-  /**
-   * The width of the parent popup.
-   * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  MenuViewportCssVars["popupWidth"] = "--popup-width";
-  /**
-   * The height of the parent popup.
-   * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  MenuViewportCssVars["popupHeight"] = "--popup-height";
-  return MenuViewportCssVars;
-}({});
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export const popupWidth = '--popup-width';
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export const popupHeight = '--popup-height';

package/menu/viewport/MenuViewportDataAttributes.d.mts

@@ -1,26 +1,24 @@
-export declare enum MenuViewportDataAttributes {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  current = "data-current",
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  previous = "data-previous",
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  activationDirection = "data-activation-direction",
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  transitioning = "data-transitioning",
-  /**
-   * Present if animations should be instant.
-   * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
-   */
-  instant = "data-instant",
-}
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+export declare const current = "data-current";
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+export declare const previous = "data-previous";
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+export declare const activationDirection = "data-activation-direction";
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+export declare const transitioning = "data-transitioning";
+/**
+ * Present if animations should be instant.
+ * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
+ */
+export declare const instant = "data-instant";

package/menu/viewport/MenuViewportDataAttributes.d.ts

@@ -1,26 +1,24 @@
-export declare enum MenuViewportDataAttributes {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  current = "data-current",
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  previous = "data-previous",
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  activationDirection = "data-activation-direction",
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  transitioning = "data-transitioning",
-  /**
-   * Present if animations should be instant.
-   * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
-   */
-  instant = "data-instant",
-}
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+export declare const current = "data-current";
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+export declare const previous = "data-previous";
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+export declare const activationDirection = "data-activation-direction";
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+export declare const transitioning = "data-transitioning";
+/**
+ * Present if animations should be instant.
+ * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
+ */
+export declare const instant = "data-instant";

package/menu/viewport/MenuViewportDataAttributes.js

@@ -3,31 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuViewportDataAttributes = void 0;
-let MenuViewportDataAttributes = exports.MenuViewportDataAttributes = /*#__PURE__*/function (MenuViewportDataAttributes) {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  MenuViewportDataAttributes["current"] = "data-current";
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  MenuViewportDataAttributes["previous"] = "data-previous";
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  MenuViewportDataAttributes["activationDirection"] = "data-activation-direction";
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  MenuViewportDataAttributes["transitioning"] = "data-transitioning";
-  /**
-   * Present if animations should be instant.
-   * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
-   */
-  MenuViewportDataAttributes["instant"] = "data-instant";
-  return MenuViewportDataAttributes;
-}({});
+exports.transitioning = exports.previous = exports.instant = exports.current = exports.activationDirection = void 0;
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+const current = exports.current = 'data-current';
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+const previous = exports.previous = 'data-previous';
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+const activationDirection = exports.activationDirection = 'data-activation-direction';
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+const transitioning = exports.transitioning = 'data-transitioning';
+/**
+ * Present if animations should be instant.
+ * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
+ */
+const instant = exports.instant = 'data-instant';

package/menu/viewport/MenuViewportDataAttributes.mjs

@@ -1,27 +1,24 @@
-export let MenuViewportDataAttributes = /*#__PURE__*/function (MenuViewportDataAttributes) {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  MenuViewportDataAttributes["current"] = "data-current";
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  MenuViewportDataAttributes["previous"] = "data-previous";
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  MenuViewportDataAttributes["activationDirection"] = "data-activation-direction";
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  MenuViewportDataAttributes["transitioning"] = "data-transitioning";
-  /**
-   * Present if animations should be instant.
-   * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
-   */
-  MenuViewportDataAttributes["instant"] = "data-instant";
-  return MenuViewportDataAttributes;
-}({});
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+export const current = 'data-current';
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+export const previous = 'data-previous';
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+export const activationDirection = 'data-activation-direction';
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+export const transitioning = 'data-transitioning';
+/**
+ * Present if animations should be instant.
+ * @type {'click' | 'dismiss' | 'group' | 'trigger-change'}
+ */
+export const instant = 'data-instant';

package/menubar/Menubar.js

@@ -11,13 +11,13 @@ var _floatingUiReact = require("../floating-ui-react");
 var _MenubarContext = require("./MenubarContext");
 var _CompositeRoot = require("../internals/composite/root/CompositeRoot");
 var _useBaseUiId = require("../internals/useBaseUiId");
-var _MenubarDataAttributes = require("./MenubarDataAttributes");
+var MenubarDataAttributes = _interopRequireWildcard(require("./MenubarDataAttributes"));
 var _reasons = require("../internals/reasons");
 var _jsxRuntime = require("react/jsx-runtime");
 const menubarStateAttributesMapping = {
   hasSubmenuOpen(value) {
     return value ? {
-      [_MenubarDataAttributes.MenubarDataAttributes.hasSubmenuOpen]: ''
+      [MenubarDataAttributes.hasSubmenuOpen]: ''
     } : null;
   }
 };

package/menubar/Menubar.mjs

@@ -5,7 +5,7 @@ import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingTree } from "
 import { MenubarContext, useMenubarContext } from "./MenubarContext.mjs";
 import { CompositeRoot } from "../internals/composite/root/CompositeRoot.mjs";
 import { useBaseUiId } from "../internals/useBaseUiId.mjs";
-import { MenubarDataAttributes } from "./MenubarDataAttributes.mjs";
+import * as MenubarDataAttributes from "./MenubarDataAttributes.mjs";
 import { REASONS } from "../internals/reasons.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const menubarStateAttributesMapping = {

package/menubar/MenubarDataAttributes.d.mts

@@ -1,15 +1,13 @@
-export declare enum MenubarDataAttributes {
-  /**
-   * Present when the corresponding menubar is modal.
-   */
-  modal = "data-modal",
-  /**
-   * Determines the orientation of the menubar.
-   * @type {'horizontal' | 'vertical'}
-   */
-  orientation = "data-orientation",
-  /**
-   * Present when any submenu within the menubar is open.
-   */
-  hasSubmenuOpen = "data-has-submenu-open",
-}
+/**
+ * Present when the corresponding menubar is modal.
+ */
+export declare const modal = "data-modal";
+/**
+ * Determines the orientation of the menubar.
+ * @type {'horizontal' | 'vertical'}
+ */
+export declare const orientation = "data-orientation";
+/**
+ * Present when any submenu within the menubar is open.
+ */
+export declare const hasSubmenuOpen = "data-has-submenu-open";

package/menubar/MenubarDataAttributes.d.ts

@@ -1,15 +1,13 @@
-export declare enum MenubarDataAttributes {
-  /**
-   * Present when the corresponding menubar is modal.
-   */
-  modal = "data-modal",
-  /**
-   * Determines the orientation of the menubar.
-   * @type {'horizontal' | 'vertical'}
-   */
-  orientation = "data-orientation",
-  /**
-   * Present when any submenu within the menubar is open.
-   */
-  hasSubmenuOpen = "data-has-submenu-open",
-}
+/**
+ * Present when the corresponding menubar is modal.
+ */
+export declare const modal = "data-modal";
+/**
+ * Determines the orientation of the menubar.
+ * @type {'horizontal' | 'vertical'}
+ */
+export declare const orientation = "data-orientation";
+/**
+ * Present when any submenu within the menubar is open.
+ */
+export declare const hasSubmenuOpen = "data-has-submenu-open";

package/menubar/MenubarDataAttributes.js

@@ -3,20 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenubarDataAttributes = void 0;
-let MenubarDataAttributes = exports.MenubarDataAttributes = /*#__PURE__*/function (MenubarDataAttributes) {
-  /**
-   * Present when the corresponding menubar is modal.
-   */
-  MenubarDataAttributes["modal"] = "data-modal";
-  /**
-   * Determines the orientation of the menubar.
-   * @type {'horizontal' | 'vertical'}
-   */
-  MenubarDataAttributes["orientation"] = "data-orientation";
-  /**
-   * Present when any submenu within the menubar is open.
-   */
-  MenubarDataAttributes["hasSubmenuOpen"] = "data-has-submenu-open";
-  return MenubarDataAttributes;
-}({});
+exports.orientation = exports.modal = exports.hasSubmenuOpen = void 0;
+/**
+ * Present when the corresponding menubar is modal.
+ */
+const modal = exports.modal = 'data-modal';
+/**
+ * Determines the orientation of the menubar.
+ * @type {'horizontal' | 'vertical'}
+ */
+const orientation = exports.orientation = 'data-orientation';
+/**
+ * Present when any submenu within the menubar is open.
+ */
+const hasSubmenuOpen = exports.hasSubmenuOpen = 'data-has-submenu-open';

package/menubar/MenubarDataAttributes.mjs

@@ -1,16 +1,13 @@
-export let MenubarDataAttributes = /*#__PURE__*/function (MenubarDataAttributes) {
-  /**
-   * Present when the corresponding menubar is modal.
-   */
-  MenubarDataAttributes["modal"] = "data-modal";
-  /**
-   * Determines the orientation of the menubar.
-   * @type {'horizontal' | 'vertical'}
-   */
-  MenubarDataAttributes["orientation"] = "data-orientation";
-  /**
-   * Present when any submenu within the menubar is open.
-   */
-  MenubarDataAttributes["hasSubmenuOpen"] = "data-has-submenu-open";
-  return MenubarDataAttributes;
-}({});
+/**
+ * Present when the corresponding menubar is modal.
+ */
+export const modal = 'data-modal';
+/**
+ * Determines the orientation of the menubar.
+ * @type {'horizontal' | 'vertical'}
+ */
+export const orientation = 'data-orientation';
+/**
+ * Present when any submenu within the menubar is open.
+ */
+export const hasSubmenuOpen = 'data-has-submenu-open';

package/meter/root/MeterRoot.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.MeterRoot = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _visuallyHidden = require("@base-ui/utils/visuallyHidden");
+var _formatNumber = require("@base-ui/utils/formatNumber");
+var _clamp = require("@base-ui/utils/clamp");
 var _MeterRootContext = require("./MeterRootContext");
-var _formatNumber = require("../../utils/formatNumber");
 var _valueToPercent = require("../../utils/valueToPercent");
-var _clamp = require("../../internals/clamp");
 var _useRenderElement = require("../../internals/useRenderElement");
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/meter/root/MeterRoot.mjs

@@ -2,10 +2,10 @@
 
 import * as React from 'react';
 import { visuallyHidden } from '@base-ui/utils/visuallyHidden';
+import { formatNumber } from '@base-ui/utils/formatNumber';
+import { clamp } from '@base-ui/utils/clamp';
 import { MeterRootContext } from "./MeterRootContext.mjs";
-import { formatNumber } from "../../utils/formatNumber.mjs";
 import { valueToPercent } from "../../utils/valueToPercent.mjs";
-import { clamp } from "../../internals/clamp.mjs";
 import { useRenderElement } from "../../internals/useRenderElement.mjs";
 
 /**