@base-ui/react 1.4.0 → 1.5.0

package/select/trigger/SelectTrigger.js

@@ -14,26 +14,28 @@ var _useMergedRefs = require("@base-ui/utils/useMergedRefs");
 var _useValueAsRef = require("@base-ui/utils/useValueAsRef");
 var _store = require("@base-ui/utils/store");
 var _SelectRootContext = require("../root/SelectRootContext");
-var _FieldRootContext = require("../../field/root/FieldRootContext");
-var _LabelableContext = require("../../labelable-provider/LabelableContext");
+var _FieldRootContext = require("../../internals/field-root-context/FieldRootContext");
+var _LabelableContext = require("../../internals/labelable-provider/LabelableContext");
 var _popupStateMapping = require("../../utils/popupStateMapping");
-var _constants = require("../../field/utils/constants");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _constants = require("../../internals/field-constants/constants");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _store2 = require("../store");
 var _getPseudoElementBounds = require("../../utils/getPseudoElementBounds");
 var _utils = require("../../floating-ui-react/utils");
 var _mergeProps = require("../../merge-props");
-var _useButton = require("../../use-button");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
-var _useLabelableId = require("../../labelable-provider/useLabelableId");
+var _useButton = require("../../internals/use-button");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
+var _useLabelableId = require("../../internals/labelable-provider/useLabelableId");
 var _resolveAriaLabelledBy = require("../../utils/resolveAriaLabelledBy");
 const BOUNDARY_OFFSET = 2;
 const SELECTED_DELAY = 400;
-const UNSELECTED_DELAY = 200;
 const stateAttributesMapping = {
   ..._popupStateMapping.pressableTriggerOpenStateMapping,
   ..._constants.fieldValidityMapping,
+  popupSide: side => side ? {
+    'data-popup-side': side
+  } : null,
   value: () => null
 };
 
@@ -76,15 +78,16 @@ const SelectTrigger = exports.SelectTrigger = /*#__PURE__*/React.forwardRef(func
   } = (0, _SelectRootContext.useSelectRootContext)();
   const disabled = fieldDisabled || selectDisabled || disabledProp;
   const open = (0, _store.useStore)(store, _store2.selectors.open);
+  const mounted = (0, _store.useStore)(store, _store2.selectors.mounted);
   const value = (0, _store.useStore)(store, _store2.selectors.value);
   const triggerProps = (0, _store.useStore)(store, _store2.selectors.triggerProps);
   const positionerElement = (0, _store.useStore)(store, _store2.selectors.positionerElement);
   const listElement = (0, _store.useStore)(store, _store2.selectors.listElement);
+  const popupSideValue = (0, _store.useStore)(store, _store2.selectors.popupSide);
   const rootId = (0, _store.useStore)(store, _store2.selectors.id);
   const selectLabelId = (0, _store.useStore)(store, _store2.selectors.labelId);
   const hasSelectedValue = (0, _store.useStore)(store, _store2.selectors.hasSelectedValue);
-  const shouldCheckNullItemLabel = !hasSelectedValue && open;
-  const hasNullItemLabel = (0, _store.useStore)(store, _store2.selectors.hasNullItemLabel, shouldCheckNullItemLabel);
+  const popupSide = mounted && positionerElement ? popupSideValue : null;
   const id = idProp ?? rootId;
   const ariaLabelledBy = (0, _resolveAriaLabelledBy.resolveAriaLabelledBy)(fieldLabelId, selectLabelId);
   (0, _useLabelableId.useLabelableId)({
@@ -106,52 +109,34 @@ const SelectTrigger = exports.SelectTrigger = /*#__PURE__*/React.forwardRef(func
   const timeoutFocus = (0, _useTimeout.useTimeout)();
   const timeoutMouseDown = (0, _useTimeout.useTimeout)();
   const selectedDelayTimeout = (0, _useTimeout.useTimeout)();
-  const unselectedDelayTimeout = (0, _useTimeout.useTimeout)();
   React.useEffect(() => {
     if (open) {
-      const hasSelectedItemInList = hasSelectedValue || hasNullItemLabel;
-      const shouldDelayUnselectedMouseUpLonger = !hasSelectedItemInList;
-
-      // When there is no selected item in the list (placeholder-only selects), a mousedown
-      // on the trigger followed by a quick mouseup over the first option can accidentally select
-      // within 200ms. Delay unselected mouseup to match the safer 400ms window.
-      if (shouldDelayUnselectedMouseUpLonger) {
-        selectedDelayTimeout.start(SELECTED_DELAY, () => {
-          selectionRef.current.allowUnselectedMouseUp = true;
-          selectionRef.current.allowSelectedMouseUp = true;
-        });
-      } else {
-        // mousedown -> move to unselected item -> mouseup should not select within 200ms.
-        unselectedDelayTimeout.start(UNSELECTED_DELAY, () => {
-          selectionRef.current.allowUnselectedMouseUp = true;
-
-          // mousedown -> mouseup on selected item should not select within 400ms.
-          selectedDelayTimeout.start(UNSELECTED_DELAY, () => {
-            selectionRef.current.allowSelectedMouseUp = true;
-          });
-        });
-      }
+      // A mousedown on the trigger can open the popup under the cursor. Keep mouseup selection
+      // disabled briefly so releasing over either the selected item or a neighboring item doesn't
+      // commit an accidental selection. SelectItem can still opt into unselected mouseup sooner
+      // after a real drag over the item.
+      selectedDelayTimeout.start(SELECTED_DELAY, () => {
+        selectionRef.current.allowUnselectedMouseUp = true;
+        selectionRef.current.allowSelectedMouseUp = true;
+      });
       return () => {
         selectedDelayTimeout.clear();
-        unselectedDelayTimeout.clear();
       };
     }
     selectionRef.current = {
       allowSelectedMouseUp: false,
-      allowUnselectedMouseUp: false
+      allowUnselectedMouseUp: false,
+      dragY: 0
     };
     timeoutMouseDown.clear();
     return undefined;
-  }, [open, hasSelectedValue, hasNullItemLabel, selectionRef, timeoutMouseDown, selectedDelayTimeout, unselectedDelayTimeout]);
-  const ariaControlsId = React.useMemo(() => {
-    return listElement?.id ?? (0, _utils.getFloatingFocusElement)(positionerElement)?.id;
-  }, [listElement, positionerElement]);
+  }, [open, selectionRef, timeoutMouseDown, selectedDelayTimeout]);
   const props = (0, _mergeProps.mergeProps)(triggerProps, {
     id,
     role: 'combobox',
     'aria-expanded': open ? 'true' : 'false',
     'aria-haspopup': 'listbox',
-    'aria-controls': open ? ariaControlsId : undefined,
+    'aria-controls': open ? listElement?.id ?? (0, _utils.getFloatingFocusElement)(positionerElement)?.id : undefined,
     'aria-labelledby': ariaLabelledBy,
     'aria-readonly': readOnly || undefined,
     'aria-required': required || undefined,
@@ -231,6 +216,7 @@ const SelectTrigger = exports.SelectTrigger = /*#__PURE__*/React.forwardRef(func
     disabled,
     value,
     readOnly,
+    popupSide,
     placeholder: !hasSelectedValue
   };
   return (0, _useRenderElement.useRenderElement)('button', componentProps, {

package/select/trigger/SelectTriggerDataAttributes.d.ts

@@ -15,16 +15,21 @@ export declare enum SelectTriggerDataAttributes {
    * Present when the select is readonly.
    */
   readonly = "data-readonly",
+  /**
+   * Indicates which side the corresponding popup is positioned relative to its anchor.
+   * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start' | null}
+   */
+  popupSide = "data-popup-side",
   /**
    * Present when the select is required.
    */
   required = "data-required",
   /**
-   * Present when the select is in valid state (when wrapped in Field.Root).
+   * Present when the select is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the select is in invalid state (when wrapped in Field.Root).
+   * Present when the select is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/select/trigger/SelectTriggerDataAttributes.js

@@ -22,16 +22,21 @@ let SelectTriggerDataAttributes = exports.SelectTriggerDataAttributes = function
    * Present when the select is readonly.
    */
   SelectTriggerDataAttributes["readonly"] = "data-readonly";
+  /**
+   * Indicates which side the corresponding popup is positioned relative to its anchor.
+   * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start' | null}
+   */
+  SelectTriggerDataAttributes["popupSide"] = "data-popup-side";
   /**
    * Present when the select is required.
    */
   SelectTriggerDataAttributes["required"] = "data-required";
   /**
-   * Present when the select is in valid state (when wrapped in Field.Root).
+   * Present when the select is in a valid state (when wrapped in Field.Root).
    */
   SelectTriggerDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the select is in invalid state (when wrapped in Field.Root).
+   * Present when the select is in an invalid state (when wrapped in Field.Root).
    */
   SelectTriggerDataAttributes["invalid"] = "data-invalid";
   /**

package/select/value/SelectValue.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * A text label of the currently selected item.
  * Renders a `<span>` element.

package/select/value/SelectValue.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SelectValue = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@base-ui/utils/store");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _SelectRootContext = require("../root/SelectRootContext");
-var _resolveValueLabel = require("../../utils/resolveValueLabel");
+var _resolveValueLabel = require("../../internals/resolveValueLabel");
 var _store2 = require("../store");
 const stateAttributesMapping = {
   value: () => null

package/separator/Separator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, Orientation } from "../utils/types.js";
+import type { BaseUIComponentProps, Orientation } from "../internals/types.js";
 /**
  * A separator element accessible to screen readers.
  * Renders a `<div>` element.

package/separator/Separator.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Separator = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../utils/useRenderElement");
+var _useRenderElement = require("../internals/useRenderElement");
 /**
  * A separator element accessible to screen readers.
  * Renders a `<div>` element.

package/slider/control/SliderControl.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 import type { SliderRootState } from "../root/SliderRoot.js";
 /**
  * The clickable, interactive part of the slider.

package/slider/control/SliderControl.js

@@ -14,11 +14,11 @@ var _useAnimationFrame = require("@base-ui/utils/useAnimationFrame");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useValueAsRef = require("@base-ui/utils/useValueAsRef");
 var _utils = require("../../floating-ui-react/utils");
-var _clamp = require("../../utils/clamp");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _DirectionContext = require("../../direction-provider/DirectionContext");
+var _clamp = require("../../internals/clamp");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _DirectionContext = require("../../internals/direction-context/DirectionContext");
 var _SliderRootContext = require("../root/SliderRootContext");
 var _stateAttributesMapping = require("../root/stateAttributesMapping");
 var _getMidpoint = require("../utils/getMidpoint");
@@ -113,9 +113,7 @@ const SliderControl = exports.SliderControl = /*#__PURE__*/React.forwardRef(func
   const stylesRef = React.useRef(null);
   const setStylesRef = (0, _useStableCallback.useStableCallback)(element => {
     if (element && stylesRef.current == null) {
-      if (stylesRef.current == null) {
-        stylesRef.current = getComputedStyle(element);
-      }
+      stylesRef.current = (0, _owner.ownerWindow)(element).getComputedStyle(element);
     }
   });
 
@@ -127,7 +125,7 @@ const SliderControl = exports.SliderControl = /*#__PURE__*/React.forwardRef(func
   // This value should be equal to the radius or half the width/height of the thumb.
   const insetThumbOffsetRef = React.useRef(0);
   const latestValuesRef = (0, _useValueAsRef.useValueAsRef)(values);
-  const updatePressedThumb = (0, _useStableCallback.useStableCallback)(nextIndex => {
+  function updatePressedThumb(nextIndex) {
     if (pressedThumbIndexRef.current !== nextIndex) {
       pressedThumbIndexRef.current = nextIndex;
     }
@@ -138,8 +136,8 @@ const SliderControl = exports.SliderControl = /*#__PURE__*/React.forwardRef(func
       return;
     }
     pressedInputRef.current = thumbElement.querySelector('input[type="range"]');
-  });
-  const getFingerState = (0, _useStableCallback.useStableCallback)(fingerCoords => {
+  }
+  function getFingerState(fingerCoords) {
     const control = controlRef.current;
     if (!control) {
       return null;
@@ -192,8 +190,8 @@ const SliderControl = exports.SliderControl = /*#__PURE__*/React.forwardRef(func
       pressedThumbIndexRef.current = collisionResult.thumbIndex;
     }
     return collisionResult;
-  });
-  const startPressing = (0, _useStableCallback.useStableCallback)(fingerCoords => {
+  }
+  function startPressing(fingerCoords) {
     pressedValuesRef.current = range ? values.slice() : null;
     latestValuesRef.current = values;
     const pressedThumbIndex = pressedThumbIndexRef.current;
@@ -234,8 +232,8 @@ const SliderControl = exports.SliderControl = /*#__PURE__*/React.forwardRef(func
         insetThumbOffsetRef.current = thumbRect[side] / 2;
       }
     }
-  });
-  const focusThumb = (0, _useStableCallback.useStableCallback)(thumbIndex => {
+  }
+  function focusThumb(thumbIndex) {
     const input = thumbRefs.current?.[thumbIndex]?.querySelector('input[type="range"]');
     if (!input) {
       return;
@@ -246,7 +244,7 @@ const SliderControl = exports.SliderControl = /*#__PURE__*/React.forwardRef(func
       // Supported in Chrome from 144+.
       focusVisible: false
     });
-  });
+  }
   const handleTouchMove = (0, _useStableCallback.useStableCallback)(nativeEvent => {
     const fingerCoords = getFingerCoords(nativeEvent, touchIdRef);
     if (fingerCoords == null) {

package/slider/control/SliderControlDataAttributes.d.ts

@@ -13,11 +13,11 @@ export declare enum SliderControlDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the slider is in valid state (when wrapped in Field.Root).
+   * Present when the slider is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   * Present when the slider is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/slider/control/SliderControlDataAttributes.js

@@ -19,11 +19,11 @@ let SliderControlDataAttributes = exports.SliderControlDataAttributes = /*#__PUR
    */
   SliderControlDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the slider is in valid state (when wrapped in Field.Root).
+   * Present when the slider is in a valid state (when wrapped in Field.Root).
    */
   SliderControlDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   * Present when the slider is in an invalid state (when wrapped in Field.Root).
    */
   SliderControlDataAttributes["invalid"] = "data-invalid";
   /**

package/slider/indicator/SliderIndicator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 import type { SliderRootState } from "../root/SliderRoot.js";
 /**
  * Visualizes the current value of the slider.

package/slider/indicator/SliderIndicator.js

@@ -9,7 +9,7 @@ exports.SliderIndicator = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _valueToPercent = require("../../utils/valueToPercent");
 var _useIsHydrating = require("../../utils/useIsHydrating");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _SliderRootContext = require("../root/SliderRootContext");
 var _stateAttributesMapping = require("../root/stateAttributesMapping");
 function getInsetStyles(vertical, range, start, end, renderBeforeHydration, hydrating) {

package/slider/indicator/SliderIndicatorDataAttributes.d.ts

@@ -13,11 +13,11 @@ export declare enum SliderIndicatorDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the slider is in valid state (when wrapped in Field.Root).
+   * Present when the slider is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   * Present when the slider is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/slider/indicator/SliderIndicatorDataAttributes.js

@@ -19,11 +19,11 @@ let SliderIndicatorDataAttributes = exports.SliderIndicatorDataAttributes = /*#_
    */
   SliderIndicatorDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the slider is in valid state (when wrapped in Field.Root).
+   * Present when the slider is in a valid state (when wrapped in Field.Root).
    */
   SliderIndicatorDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   * Present when the slider is in an invalid state (when wrapped in Field.Root).
    */
   SliderIndicatorDataAttributes["invalid"] = "data-invalid";
   /**

package/slider/label/SliderLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 import type { SliderRoot } from "../root/SliderRoot.js";
 /**
  * An accessible label that is automatically associated with the slider thumbs.

package/slider/label/SliderLabel.js

@@ -9,8 +9,8 @@ exports.SliderLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _dom = require("@floating-ui/utils/dom");
 var _owner = require("@base-ui/utils/owner");
-var _useLabel = require("../../labelable-provider/useLabel");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useLabel = require("../../internals/labelable-provider/useLabel");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _SliderRootContext = require("../root/SliderRootContext");
 var _stateAttributesMapping = require("../root/stateAttributesMapping");
 /**

package/slider/root/SliderRoot.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, Orientation } from "../../utils/types.js";
-import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import type { BaseUIComponentProps, Orientation } from "../../internals/types.js";
+import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from "../../internals/createBaseUIEventDetails.js";
 import type { FieldRootState } from "../../field/root/FieldRoot.js";
-import { REASONS } from "../../utils/reasons.js";
+import { REASONS } from "../../internals/reasons.js";
 /**
  * Groups all parts of the slider.
  * Renders a `<div>` element.

package/slider/root/SliderRoot.js

@@ -13,25 +13,25 @@ var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useValueAsRef = require("@base-ui/utils/useValueAsRef");
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _warn = require("@base-ui/utils/warn");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _useValueChanged = require("../../utils/useValueChanged");
-var _useBaseUiId = require("../../utils/useBaseUiId");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _clamp = require("../../utils/clamp");
-var _areArraysEqual = require("../../utils/areArraysEqual");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _useValueChanged = require("../../internals/useValueChanged");
+var _useBaseUiId = require("../../internals/useBaseUiId");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _clamp = require("../../internals/clamp");
+var _areArraysEqual = require("../../internals/areArraysEqual");
 var _utils = require("../../floating-ui-react/utils");
-var _CompositeList = require("../../composite/list/CompositeList");
-var _FieldRootContext = require("../../field/root/FieldRootContext");
-var _useRegisterFieldControl = require("../../field/root/useRegisterFieldControl");
-var _FormContext = require("../../form/FormContext");
-var _LabelableContext = require("../../labelable-provider/LabelableContext");
+var _CompositeList = require("../../internals/composite/list/CompositeList");
+var _FieldRootContext = require("../../internals/field-root-context/FieldRootContext");
+var _useRegisterFieldControl = require("../../internals/field-register-control/useRegisterFieldControl");
+var _FormContext = require("../../internals/form-context/FormContext");
+var _LabelableContext = require("../../internals/labelable-provider/LabelableContext");
 var _resolveAriaLabelledBy = require("../../utils/resolveAriaLabelledBy");
 var _asc = require("../utils/asc");
 var _getSliderValue = require("../utils/getSliderValue");
 var _validateMinimumDistance = require("../utils/validateMinimumDistance");
 var _stateAttributesMapping = require("./stateAttributesMapping");
 var _SliderRootContext = require("./SliderRootContext");
-var _reasons = require("../../utils/reasons");
+var _reasons = require("../../internals/reasons");
 var _jsxRuntime = require("react/jsx-runtime");
 function getSliderChangeEventReason(event) {
   return 'key' in event ? _reasons.REASONS.keyboard : _reasons.REASONS.inputChange;
@@ -141,10 +141,7 @@ const SliderRoot = exports.SliderRoot = /*#__PURE__*/React.forwardRef(function S
       setLastUsedThumbIndex(value);
     }
   });
-  (0, _useRegisterFieldControl.useRegisterFieldControl)(controlRef, {
-    id,
-    value: valueUnwrapped
-  });
+  (0, _useRegisterFieldControl.useRegisterFieldControl)(controlRef, id, valueUnwrapped);
   (0, _useValueChanged.useValueChanged)(valueUnwrapped, () => {
     clearErrors(name);
     if (shouldValidateOnChange()) {

package/slider/root/SliderRootContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { Orientation } from "../../utils/types.js";
-import type { CompositeMetadata } from "../../composite/list/CompositeList.js";
+import type { Orientation } from "../../internals/types.js";
+import type { CompositeMetadata } from "../../internals/composite/list/CompositeList.js";
 import type { UseFieldValidationReturnValue } from "../../field/root/useFieldValidation.js";
 import type { ThumbMetadata } from "../thumb/SliderThumb.js";
 import type { SliderRoot, SliderRootState } from "./SliderRoot.js";

package/slider/root/SliderRootDataAttributes.d.ts

@@ -13,11 +13,11 @@ export declare enum SliderRootDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the slider is in valid state (when wrapped in Field.Root).
+   * Present when the slider is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   * Present when the slider is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/slider/root/SliderRootDataAttributes.js

@@ -19,11 +19,11 @@ let SliderRootDataAttributes = exports.SliderRootDataAttributes = /*#__PURE__*/f
    */
   SliderRootDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the slider is in valid state (when wrapped in Field.Root).
+   * Present when the slider is in a valid state (when wrapped in Field.Root).
    */
   SliderRootDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   * Present when the slider is in an invalid state (when wrapped in Field.Root).
    */
   SliderRootDataAttributes["invalid"] = "data-invalid";
   /**

package/slider/root/stateAttributesMapping.d.ts

@@ -1,3 +1,3 @@
-import type { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
+import type { StateAttributesMapping } from "../../internals/getStateAttributesProps.js";
 import type { SliderRootState } from "./SliderRoot.js";
 export declare const sliderStateAttributesMapping: StateAttributesMapping<SliderRootState>;

package/slider/root/stateAttributesMapping.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sliderStateAttributesMapping = void 0;
-var _constants = require("../../field/utils/constants");
+var _constants = require("../../internals/field-constants/constants");
 const sliderStateAttributesMapping = exports.sliderStateAttributesMapping = {
   activeThumbIndex: () => null,
   max: () => null,

package/slider/thumb/SliderThumb.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
-import { type LabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
+import { type LabelableContext } from "../../internals/labelable-provider/LabelableContext.js";
 import type { SliderRootState } from "../root/SliderRoot.js";
 /**
  * The draggable part of the slider at the tip of the indicator.