@carbon/react 1.90.0-rc.0 → 1.91.0-rc.0

package/lib/components/Pagination/Pagination.js

@@ -53,7 +53,9 @@ function getPageSize(pageSizes, pageSize) {
   }
   return pageSizes[0].value;
 }
-const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
+
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const Pagination = /*#__PURE__*/React.forwardRef(({
   backwardText = 'Previous page',
   className: customClassName = '',
   disabled = false,
@@ -64,6 +66,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
   itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`,
   itemsPerPageText = 'Items per page:',
   onChange,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   pageNumberText: _pageNumberText = 'Page Number',
   pageRangeText = (_current, total) => `of ${total} ${total === 1 ? 'page' : 'pages'}`,
   page: controlledPage = 1,
@@ -76,7 +79,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
   size = 'md',
   totalItems,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const inputId = useId.useFallbackId(id?.toString());
   const backBtnRef = React.useRef(null);
@@ -126,6 +129,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
       handleFocus(focusTarget);
       setFocusTarget(null);
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [focusTarget]);
 
   // Sync state with props

package/lib/components/PaginationNav/PaginationNav.js

@@ -111,7 +111,6 @@ function PaginationOverflow({
   fromIndex = NaN,
   count = NaN,
   onSelect,
-  // eslint-disable-next-line react/prop-types
   disableOverflow,
   translateWithId: t = translateWithId
 }) {
@@ -169,7 +168,7 @@ function PaginationOverflow({
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React.forwardRef(function PaginationNav({
+const PaginationNav = /*#__PURE__*/React.forwardRef(({
   className,
   onChange = () => {},
   totalItems = NaN,
@@ -180,7 +179,7 @@ const PaginationNav = /*#__PURE__*/React.forwardRef(function PaginationNav({
   size = 'lg',
   translateWithId: t = translateWithId,
   ...rest
-}, ref) {
+}, ref) => {
   const smMediaQuery = `(max-width: ${layout.breakpoints.sm.width})`;
   const isSm = useMatchMedia.useMatchMedia(smMediaQuery);
   let numberOfPages;
@@ -400,8 +399,6 @@ PaginationNav.propTypes = {
    * Set this to true if you are having performance problems with large data sets.
    */
   disableOverflow: PropTypes.bool,
-  // eslint-disable-line react/prop-types
-
   /**
    * The number of items to be shown (minimum of 4 unless props.items < 4).
    */

package/lib/components/Popover/index.js

@@ -50,8 +50,10 @@ const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction({
   open,
   alignmentAxisOffset,
   ...rest
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 },
 //this is a workaround, have to come back and fix this.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 forwardRef) {
   const prefix = usePrefix.usePrefix();
   const floating = React.useRef(null);
@@ -93,7 +95,12 @@ forwardRef) {
   // needs to be placed 1px further outside the popover content. To do so,
   // we look to see if any of the children has a className containing "slug"
   const initialCaretHeight = React.Children.toArray(children).some(x => {
-    return x?.props?.className?.includes('slug') || x?.props?.className?.includes('ai-label');
+    return (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      x?.props?.className?.includes('slug') ||
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      x?.props?.className?.includes('ai-label')
+    );
   }) ? 7 : 6;
   // These defaults match the defaults defined in packages/styles/scss/components/popover/_popover.scss
   const popoverDimensions = React.useRef({
@@ -212,6 +219,7 @@ forwardRef) {
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);
   const mappedChildren = React.Children.map(children, child => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
     const item = child;
     const displayName = item?.type?.displayName;
 
@@ -226,9 +234,13 @@ forwardRef) {
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
     if (/*#__PURE__*/React.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       const className = item?.props?.className;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       const ref = (item?.props).ref;
       const tabTipClasses = cx(`${prefix}--popover--tab-tip__button`, className);
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       return /*#__PURE__*/React.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.
@@ -278,7 +290,7 @@ Popover.propTypes = {
   /**
    * Specify how the popover should align with the trigger element
    */
-  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -360,9 +372,7 @@ Popover.propTypes = {
    */
   open: PropTypes.bool.isRequired
 };
-function PopoverContentRenderFunction(
-// eslint-disable-next-line react/prop-types
-{
+function PopoverContentRenderFunction({
   className,
   children,
   ...rest

package/lib/components/ProgressBar/ProgressBar.js

@@ -59,14 +59,16 @@ function ProgressBar({
   });
   let StatusIcon = null;
   if (isError) {
-    StatusIcon = /*#__PURE__*/React.forwardRef(function ErrorFilled16(props, ref) {
+    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+    StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(iconsReact.ErrorFilled, _rollupPluginBabelHelpers.extends({
         ref: ref,
         size: 16
       }, props));
     });
   } else if (isFinished) {
-    StatusIcon = /*#__PURE__*/React.forwardRef(function CheckmarkFilled16(props, ref) {
+    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+    StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(iconsReact.CheckmarkFilled, _rollupPluginBabelHelpers.extends({
         ref: ref,
         size: 16

package/lib/components/RadioTile/RadioTile.js

@@ -27,7 +27,7 @@ var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
+const RadioTile = /*#__PURE__*/React.forwardRef(({
   children,
   className: customClassName,
   decorator,
@@ -43,7 +43,7 @@ const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
   slug,
   required,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const inputId = useId.useFallbackId(id);
   const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {

package/lib/components/Search/Search.d.ts

@@ -63,7 +63,9 @@ export interface SearchProps extends InputPropsBase {
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**
-     * Specify the role for the underlying `<input>`, defaults to `searchbox`
+     * @deprecated Specify the role for the underlying `<input>`.
+     * No longer needed since `<input type="search">` already provides the correct semantics.
+     * This prop will be removed in the next major release of Carbon.
      */
     role?: string;
     /**
@@ -71,7 +73,7 @@ export interface SearchProps extends InputPropsBase {
      */
     size?: 'sm' | 'md' | 'lg';
     /**
-     * Optional prop to specify the type of the `<input>`
+     * Specify the type of the `<input>`
      */
     type?: string;
     /**

package/lib/components/Search/Search.js

@@ -26,7 +26,7 @@ var FormContext = require('../FluidForm/FormContext.js');
 var noopFn = require('../../internal/noopFn.js');
 
 var _Close;
-const Search = /*#__PURE__*/React.forwardRef(function Search({
+const Search = /*#__PURE__*/React.forwardRef(({
   autoComplete = 'off',
   className,
   closeButtonLabelText = 'Clear search input',
@@ -43,12 +43,12 @@ const Search = /*#__PURE__*/React.forwardRef(function Search({
   onExpand,
   placeholder = 'Search',
   renderIcon,
-  role = 'searchbox',
+  role,
   size = 'md',
-  type = 'text',
+  type = 'search',
   value,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const hasPropValue = value || defaultValue ? true : false;
   const prefix = usePrefix.usePrefix();
   const {
@@ -242,15 +242,16 @@ Search.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
+   * Deprecated, since <input type="search"> already provides correct semantics.
    * Specify the role for the underlying `<input>`, defaults to `searchbox`
    */
-  role: PropTypes.string,
+  role: deprecate.deprecate(PropTypes.string, 'The `role` prop has been deprecated since <input type="search"> already provides correct semantics. ' + 'It will be removed in the next major release of Carbon.'),
   /**
    * Specify the size of the Search
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
-   * Optional prop to specify the type of the `<input>`
+   * Specify the type of the `<input>`
    */
   type: PropTypes.string,
   /**

package/lib/components/Select/Select.js

@@ -25,7 +25,7 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
-const Select = /*#__PURE__*/React.forwardRef(function Select({
+const Select = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   id,
@@ -35,7 +35,6 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   children,
   // reserved for use with Pagination component
   noLabel = false,
-  // eslint-disable-next-line no-unused-vars
   hideLabel = false,
   invalid = false,
   invalidText = '',
@@ -48,7 +47,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   onChange,
   slug,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const {
     isFluid

package/lib/components/ShapeIndicator/index.js

@@ -50,13 +50,15 @@ const shapeTypes = {
   incomplete: incompleteIcon,
   draft: iconsReact.CircleStroke
 };
-const ShapeIndicator = /*#__PURE__*/React.forwardRef(function ShapeIndicatorContent({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const ShapeIndicator = /*#__PURE__*/React.forwardRef(({
   className: customClassName,
   kind,
   label,
   textSize = 12,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx(`${prefix}--shape-indicator`, customClassName, {
     [`${prefix}--shape-indicator--14`]: textSize == 14

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts

@@ -1,11 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { type HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-export interface SkeletonPlaceholderProps {
+export interface SkeletonPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Add a custom class to the component to set the height and width
      */
@@ -15,8 +16,7 @@ declare const SkeletonPlaceholder: {
     ({ className, ...other }: SkeletonPlaceholderProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
-         * Add a custom class to the component
-         * to set the height and width
+         * Add a custom class to the component to set the height and width
          */
         className: PropTypes.Requireable<string>;
     };

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -29,8 +29,7 @@ const SkeletonPlaceholder = ({
 };
 SkeletonPlaceholder.propTypes = {
   /**
-   * Add a custom class to the component
-   * to set the height and width
+   * Add a custom class to the component to set the height and width
    */
   className: PropTypes.string
 };

package/lib/components/SkeletonText/SkeletonText.js

@@ -70,8 +70,6 @@ const SkeletonText = ({
   if (lineCountNumber !== 1) {
     return /*#__PURE__*/React.createElement("div", null, lines);
   }
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
   return /*#__PURE__*/React.createElement(React.Fragment, null, lines);
 };
 SkeletonText.propTypes = {

package/lib/components/Slider/Slider.d.ts

@@ -4,7 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { PureComponent, ReactNode, type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type KeyboardEventHandler, type MouseEvent, type RefObject, type TouchEvent } from 'react';
+import { type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import PropTypes from 'prop-types';
 import { TranslateWithId } from '../../types/common';
 declare const translationIds: {
     readonly autoCorrectAnnouncement: "carbon.slider.auto-correct-announcement";
@@ -163,191 +164,146 @@ export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      */
     warnText?: ReactNode;
 }
-interface CalcLeftPercentProps {
-    clientX?: number;
-    value?: number;
-    range?: number;
-}
-declare class Slider extends PureComponent<SliderProps> {
-    static contextType: React.Context<any>;
-    static translationIds: "carbon.slider.auto-correct-announcement"[];
-    state: {
-        value: number;
-        valueUpper: number | undefined;
-        left: number;
-        leftUpper: number;
-        needsOnRelease: boolean;
-        isValid: boolean;
-        isValidUpper: boolean;
-        activeHandle: undefined;
-        correctedValue: null;
-        correctedPosition: null;
-        isRtl: boolean;
+export declare const Slider: {
+    (props: SliderProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * The `ariaLabel` for the `<input>`.
+         */
+        ariaLabelInput: PropTypes.Requireable<string>;
+        /**
+         * The child nodes.
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * The CSS class name for the slider.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * `true` to disable this slider.
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * The callback to format the label associated with the minimum/maximum value.
+         */
+        formatLabel: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * `true` to hide the number input box.
+         */
+        hideTextInput: PropTypes.Requireable<boolean>;
+        /**
+         * The ID of the `<input>`.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * The `type` attribute of the `<input>`.
+         */
+        inputType: PropTypes.Requireable<string>;
+        /**
+         * `Specify whether the Slider is currently invalid
+         */
+        invalid: PropTypes.Requireable<boolean>;
+        /**
+         * Provide the text that is displayed when the Slider is in an invalid state
+         */
+        invalidText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * The label for the slider.
+         */
+        labelText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify whether you want the underlying label to be visually hidden
+         */
+        hideLabel: PropTypes.Requireable<boolean>;
+        /**
+         * `true` to use the light version.
+         */
+        light: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+        /**
+         * The maximum value.
+         */
+        max: PropTypes.Validator<number>;
+        /**
+         * The label associated with the maximum value.
+         */
+        maxLabel: PropTypes.Requireable<string>;
+        /**
+         * The minimum value.
+         */
+        min: PropTypes.Validator<number>;
+        /**
+         * The label associated with the minimum value.
+         */
+        minLabel: PropTypes.Requireable<string>;
+        /**
+         * The `name` attribute of the `<input>`.
+         */
+        name: PropTypes.Requireable<string>;
+        /**
+         * Provide an optional function to be called when the input element
+         * loses focus
+         */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * The callback to get notified of change in value.
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Provide an optional function to be called when a key is pressed in the number input.
+         */
+        onInputKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * The callback to get notified of value on handle release.
+         */
+        onRelease: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Whether the slider should be read-only
+         */
+        readOnly: PropTypes.Requireable<boolean>;
+        /**
+         * `true` to specify if the control is required.
+         */
+        required: PropTypes.Requireable<boolean>;
+        /**
+         * A value determining how much the value should increase/decrease by moving the thumb by mouse. If a value other than 1 is provided and the input is *not* hidden, the new step requirement should be added to a visible label. Values outside the `step` increment will be considered invalid.
+         */
+        step: PropTypes.Requireable<number>;
+        /**
+         * A value determining how much the value should increase/decrease by Shift+arrow keys,
+         * which will be `(max - min) / stepMultiplier`.
+         */
+        stepMultiplier: PropTypes.Requireable<number>;
+        /**
+         * Supply a method to translate internal strings with your i18n tool of
+         * choice. Translation keys are available on the `translationIds` field for
+         * this component.
+         */
+        translateWithId: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * The `ariaLabel` for the upper bound `<input>` when there are two handles.
+         */
+        unstable_ariaLabelInputUpper: PropTypes.Requireable<string>;
+        /**
+         * The `name` attribute of the upper bound `<input>` when there are two handles.
+         */
+        unstable_nameUpper: PropTypes.Requireable<string>;
+        /**
+         * The upper bound when there are two handles.
+         */
+        unstable_valueUpper: PropTypes.Requireable<number>;
+        /**
+         * The value of the slider. When there are two handles, value is the lower
+         * bound.
+         */
+        value: PropTypes.Validator<number>;
+        /**
+         * `Specify whether the Slider is in a warn state
+         */
+        warn: PropTypes.Requireable<boolean>;
+        /**
+         * Provide the text that is displayed when the Slider is in a warn state
+         */
+        warnText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    thumbRef: RefObject<HTMLDivElement | null>;
-    thumbRefUpper: RefObject<HTMLDivElement | null>;
-    filledTrackRef: RefObject<HTMLDivElement | null>;
-    element: HTMLDivElement | null;
-    inputId: string;
-    track: HTMLDivElement | null | undefined;
-    constructor(props: any);
-    /**
-     * Sets up initial slider position and value in response to component mount.
-     */
-    componentDidMount(): void;
-    /**
-     * Handles firing of `onChange` and `onRelease` callbacks to parent in
-     * response to state changes.
-     *
-     * @param {*} prevProps prevProps
-     * @param {*} prevState The previous Slider state, used to see if callbacks
-     * should be called.
-     */
-    componentDidUpdate(prevProps: any, prevState: any): void;
-    /**
-     * Rounds a given value to the nearest step defined by the slider's `step`
-     * prop.
-     *
-     * @param value - The value to adjust to the nearest step. Defaults to `0`.
-     * @returns The value rounded to the precision determined by the step.
-     */
-    nearestStepValue(value?: number): number;
-    handleDrag: (event: Event) => void;
-    /**
-     * Sets up "drag" event handlers and calls `this.onDrag` in case dragging
-     * started on somewhere other than the thumb without a corresponding "move"
-     * event.
-     */
-    onDragStart: (evt: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
-    /**
-     * Removes "drag" and "drag stop" event handlers and calls sets the flag
-     * indicating that the `onRelease` callback should be called.
-     */
-    onDragStop: () => void;
-    /**
-     * Handles a "drag" event by recalculating the value/thumb and setting state
-     * accordingly.
-     *
-     * @param evt The event.
-     * @param activeHandle The first drag event call, we may have an explicit
-     * activeHandle value, which is to be used before state is used.
-     */
-    _onDrag: (evt: globalThis.MouseEvent | globalThis.TouchEvent, activeHandle?: HandlePosition) => void;
-    /**
-     * Throttles calls to `this._onDrag` by limiting events to being processed at
-     * most once every `EVENT_THROTTLE` milliseconds.
-     */
-    onDrag: import("es-toolkit/compat").DebouncedFunc<(evt: globalThis.MouseEvent | globalThis.TouchEvent, activeHandle?: HandlePosition) => void>;
-    /**
-     * Handles a `keydown` event by recalculating the value/thumb and setting
-     * state accordingly.
-     */
-    onKeyDown: (evt: KeyboardEvent<HTMLDivElement>) => void;
-    /**
-     * Provides the two-way binding for the input field of the Slider. It also
-     * Handles a change to the input field by recalculating the value/thumb and
-     * setting state accordingly.
-     */
-    onChange: (evt: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Checks for validity of input value after clicking out of the input. It also
-     * Handles state change to isValid state.
-     */
-    onBlur: (evt: FocusEvent<HTMLInputElement>) => void;
-    onInputKeyDown: (evt: KeyboardEvent<HTMLInputElement>) => void;
-    processNewInputValue: (input: HTMLInputElement) => void;
-    calcLeftPercent: ({ clientX, value, range }: CalcLeftPercentProps) => number;
-    /**
-     * Calculates the discrete value (snapped to the nearest step) along
-     * with the corresponding handle position percentage.
-     */
-    calcDiscreteValueAndPercent: ({ leftPercent, }: {
-        /** The percentage representing the position on the track. */
-        leftPercent: number;
-    }) => {
-        discreteValue: number;
-        discretePercent: number;
-    };
-    /**
-     * Calculates the slider's value and handle position based on either a
-     * mouse/touch event or an explicit value.
-     */
-    calcValue: ({ clientX, value, useRawValue, }: {
-        /** The x-coordinate from a mouse/touch event. */
-        clientX?: number;
-        /** Value to base the calculations on (if no `clientX`). */
-        value?: number;
-        /** Whether to bypass the stepping logic and use the raw value. */
-        useRawValue?: boolean;
-    }) => {
-        value: number | undefined;
-        left: number;
-    };
-    calcDistanceToHandle: (handle: HandlePosition, clientX: number) => number;
-    /**
-     * Calculates a new slider value based on the current value, a change delta,
-     * and a step.
-     *
-     * @param currentValue - The starting value from which the slider is moving.
-     * @param delta - The amount to adjust the current value by.
-     * @param step - The step. Defaults to `1`.
-     * @returns The new slider value, rounded to the same number of decimal places
-     *          as the step.
-     */
-    calcValueForDelta: (currentValue: number, delta: number, step?: number) => number;
-    /**
-     * Sets state relevant to the given handle position.
-     *
-     * Guards against setting either lower or upper values beyond its counterpart.
-     */
-    setValueLeftForHandle: (handle: HandlePosition, { value: newValue, left: newLeft }: {
-        value: number;
-        left: number;
-    }) => void;
-    setValueForHandle: (handle: HandlePosition, value: number | string) => void;
-    isValidValueForPosition: ({ handle, value: newValue, min, max, }: {
-        handle: HandlePosition;
-        value: number;
-        min: number;
-        max: number;
-    }) => boolean;
-    isValidValue: ({ value, min, max, }: {
-        value: number;
-        min: number;
-        max: number;
-    }) => boolean;
-    getAdjustedValueForPosition: ({ handle, value: newValue, min, max, }: {
-        handle: HandlePosition;
-        value: number;
-        min: number;
-        max: number;
-    }) => number;
-    getAdjustedValue: ({ value, min, max, }: {
-        value: number;
-        min: number;
-        max: number;
-    }) => number;
-    /**
-     * Get the bounding rect for the requested handles' DOM element.
-     *
-     * If the bounding rect is not available, a new, empty DOMRect is returned.
-     */
-    getHandleBoundingRect: (handle: HandlePosition) => DOMRect;
-    getClientXFromEvent(event: globalThis.MouseEvent | globalThis.TouchEvent): number | undefined;
-    hasTwoHandles(): boolean;
-    static getDerivedStateFromProps(props: SliderProps, state: Slider['state']): Partial<{
-        value: number;
-        valueUpper: number | undefined;
-        left: number;
-        leftUpper: number;
-        needsOnRelease: boolean;
-        isValid: boolean;
-        isValidUpper: boolean;
-        activeHandle: undefined;
-        correctedValue: null;
-        correctedPosition: null;
-        isRtl: boolean;
-    }> | null;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export default Slider;
+};
+export {};