@mantine/core 6.0.10 → 7.0.0-alpha.10

package/esm/components/Slider/RangeSlider/RangeSlider.js

@@ -0,0 +1,226 @@
+import { __rest } from 'tslib';
+import React, { useState, useRef, useEffect } from 'react';
+import { useUncontrolled, useMove } from '@mantine/hooks';
+import { SliderProvider } from '../Slider.context.js';
+import { SliderRoot } from '../SliderRoot/SliderRoot.js';
+import { Track } from '../Track/Track.js';
+import { Thumb } from '../Thumb/Thumb.js';
+import { getPosition } from '../utils/get-position/get-position.js';
+import { getChangeValue } from '../utils/get-change-value/get-change-value.js';
+import { getClientPosition } from '../utils/get-client-position/get-client-position.js';
+import classes from '../Slider.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../../core/styles-api/use-styles/use-styles.js';
+import { useDirection } from '../../../core/DirectionProvider/DirectionProvider.js';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getSize, getRadius } from '../../../core/utils/get-size/get-size.js';
+import { getThemeColor } from '../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const varsResolver = createVarsResolver((theme, { size, color, thumbSize, radius }) => ({
+    root: {
+        '--slider-size': getSize(size, 'slider-size'),
+        '--slider-color': getThemeColor(color, theme),
+        '--slider-radius': getRadius(radius),
+        '--slider-thumb-size': typeof thumbSize !== 'undefined' ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',
+    },
+}));
+const defaultProps = {
+    size: 'md',
+    radius: 'xl',
+    min: 0,
+    max: 100,
+    minRange: 10,
+    step: 1,
+    marks: [],
+    label: (f) => f,
+    labelTransitionProps: { transition: 'fade', duration: 0 },
+    labelAlwaysOn: false,
+    showLabelOnHover: true,
+    disabled: false,
+    scale: (v) => v,
+};
+const RangeSlider = factory((_props, ref) => {
+    const props = useProps('RangeSlider', defaultProps, _props);
+    const { classNames, styles, value, onChange, onChangeEnd, size, min, max, minRange, maxRange, step, precision, defaultValue, name, marks, label, labelTransitionProps, labelAlwaysOn, thumbFromLabel, thumbToLabel, showLabelOnHover, thumbChildren, disabled, unstyled, scale, inverted, className, style, vars } = props, others = __rest(props, ["classNames", "styles", "value", "onChange", "onChangeEnd", "size", "min", "max", "minRange", "maxRange", "step", "precision", "defaultValue", "name", "marks", "label", "labelTransitionProps", "labelAlwaysOn", "thumbFromLabel", "thumbToLabel", "showLabelOnHover", "thumbChildren", "disabled", "unstyled", "scale", "inverted", "className", "style", "vars"]);
+    const getStyles = useStyles({
+        name: 'Slider',
+        props,
+        classes,
+        classNames,
+        className,
+        styles,
+        style,
+        vars,
+        varsResolver,
+    });
+    const { dir } = useDirection();
+    const [focused, setFocused] = useState(-1);
+    const [hovered, setHovered] = useState(false);
+    const [_value, setValue] = useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: [min, max],
+        onChange,
+    });
+    const valueRef = useRef(_value);
+    const thumbs = useRef([]);
+    const thumbIndex = useRef(undefined);
+    const positions = [
+        getPosition({ value: _value[0], min: min, max: max }),
+        getPosition({ value: _value[1], min: min, max: max }),
+    ];
+    const _setValue = (val) => {
+        setValue(val);
+        valueRef.current = val;
+    };
+    useEffect(() => {
+        if (Array.isArray(value)) {
+            valueRef.current = value;
+        }
+    }, Array.isArray(value) ? [value[0], value[1]] : [null, null]);
+    const setRangedValue = (val, index, triggerChangeEnd) => {
+        const clone = [...valueRef.current];
+        clone[index] = val;
+        if (index === 0) {
+            if (val > clone[1] - (minRange - 0.000000001)) {
+                clone[1] = Math.min(val + minRange, max);
+            }
+            if (val > (max - (minRange - 0.000000001) || min)) {
+                clone[index] = valueRef.current[index];
+            }
+            if (clone[1] - val > maxRange) {
+                clone[1] = val + maxRange;
+            }
+        }
+        if (index === 1) {
+            if (val < clone[0] + minRange) {
+                clone[0] = Math.max(val - minRange, min);
+            }
+            if (val < clone[0] + minRange) {
+                clone[index] = valueRef.current[index];
+            }
+            if (val - clone[0] > maxRange) {
+                clone[0] = val - maxRange;
+            }
+        }
+        _setValue(clone);
+        if (triggerChangeEnd) {
+            onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(valueRef.current);
+        }
+    };
+    const handleChange = (val) => {
+        if (!disabled) {
+            const nextValue = getChangeValue({
+                value: val,
+                min: min,
+                max: max,
+                step: step,
+                precision,
+            });
+            setRangedValue(nextValue, thumbIndex.current, false);
+        }
+    };
+    const { ref: container, active } = useMove(({ x }) => handleChange(x), { onScrubEnd: () => onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(valueRef.current) }, dir);
+    function handleThumbMouseDown(index) {
+        thumbIndex.current = index;
+    }
+    const handleTrackMouseDownCapture = (event) => {
+        container.current.focus();
+        const rect = container.current.getBoundingClientRect();
+        const changePosition = getClientPosition(event.nativeEvent);
+        const changeValue = getChangeValue({
+            value: changePosition - rect.left,
+            max: max,
+            min: min,
+            step: step,
+            containerWidth: rect.width,
+        });
+        const nearestHandle = Math.abs(_value[0] - changeValue) > Math.abs(_value[1] - changeValue) ? 1 : 0;
+        const _nearestHandle = dir === 'ltr' ? nearestHandle : nearestHandle === 1 ? 0 : 1;
+        thumbIndex.current = _nearestHandle;
+    };
+    const getFocusedThumbIndex = () => {
+        if (focused !== 1 && focused !== 0) {
+            setFocused(0);
+            return 0;
+        }
+        return focused;
+    };
+    const handleTrackKeydownCapture = (event) => {
+        if (!disabled) {
+            switch (event.key) {
+                case 'ArrowUp': {
+                    event.preventDefault();
+                    const focusedIndex = getFocusedThumbIndex();
+                    thumbs.current[focusedIndex].focus();
+                    setRangedValue(Math.min(Math.max(valueRef.current[focusedIndex] + step, min), max), focusedIndex, true);
+                    break;
+                }
+                case 'ArrowRight': {
+                    event.preventDefault();
+                    const focusedIndex = getFocusedThumbIndex();
+                    thumbs.current[focusedIndex].focus();
+                    setRangedValue(Math.min(Math.max(dir === 'rtl'
+                        ? valueRef.current[focusedIndex] - step
+                        : valueRef.current[focusedIndex] + step, min), max), focusedIndex, true);
+                    break;
+                }
+                case 'ArrowDown': {
+                    event.preventDefault();
+                    const focusedIndex = getFocusedThumbIndex();
+                    thumbs.current[focusedIndex].focus();
+                    setRangedValue(Math.min(Math.max(valueRef.current[focusedIndex] - step, min), max), focusedIndex, true);
+                    break;
+                }
+                case 'ArrowLeft': {
+                    event.preventDefault();
+                    const focusedIndex = getFocusedThumbIndex();
+                    thumbs.current[focusedIndex].focus();
+                    setRangedValue(Math.min(Math.max(dir === 'rtl'
+                        ? valueRef.current[focusedIndex] + step
+                        : valueRef.current[focusedIndex] - step, min), max), focusedIndex, true);
+                    break;
+                }
+            }
+        }
+    };
+    const sharedThumbProps = {
+        max: max,
+        min: min,
+        size,
+        labelTransitionProps,
+        labelAlwaysOn,
+        onBlur: () => setFocused(-1),
+    };
+    const hasArrayThumbChildren = Array.isArray(thumbChildren);
+    return (React.createElement(SliderProvider, { value: { getStyles } },
+        React.createElement(SliderRoot, Object.assign({}, others, { size: size, ref: ref, disabled: disabled }),
+            React.createElement(Track, { offset: positions[0], marksOffset: _value[0], filled: positions[1] - positions[0], marks: marks, inverted: inverted, min: min, max: max, value: _value[1], disabled: disabled, containerProps: {
+                    ref: container,
+                    onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,
+                    onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,
+                    onTouchStartCapture: handleTrackMouseDownCapture,
+                    onTouchEndCapture: () => {
+                        thumbIndex.current = -1;
+                    },
+                    onMouseDownCapture: handleTrackMouseDownCapture,
+                    onMouseUpCapture: () => {
+                        thumbIndex.current = -1;
+                    },
+                    onKeyDownCapture: handleTrackKeydownCapture,
+                } },
+                React.createElement(Thumb, Object.assign({}, sharedThumbProps, { value: scale(_value[0]), position: positions[0], dragging: active, label: typeof label === 'function' ? label(scale(_value[0])) : label, ref: (node) => {
+                        thumbs.current[0] = node;
+                    }, thumbLabel: thumbFromLabel, onMouseDown: () => handleThumbMouseDown(0), onFocus: () => setFocused(0), showLabelOnHover: showLabelOnHover, isHovered: hovered, disabled: disabled }), hasArrayThumbChildren ? thumbChildren[0] : thumbChildren),
+                React.createElement(Thumb, Object.assign({}, sharedThumbProps, { thumbLabel: thumbToLabel, value: scale(_value[1]), position: positions[1], dragging: active, label: typeof label === 'function' ? label(scale(_value[1])) : label, ref: (node) => {
+                        thumbs.current[1] = node;
+                    }, onMouseDown: () => handleThumbMouseDown(1), onFocus: () => setFocused(1), showLabelOnHover: showLabelOnHover, isHovered: hovered, disabled: disabled }), hasArrayThumbChildren ? thumbChildren[1] : thumbChildren)),
+            React.createElement("input", { type: "hidden", name: `${name}_from`, value: _value[0] }),
+            React.createElement("input", { type: "hidden", name: `${name}_to`, value: _value[1] }))));
+});
+RangeSlider.displayName = '@mantine/core/RangeSlider';
+
+export { RangeSlider };
+//# sourceMappingURL=RangeSlider.js.map

package/esm/components/Slider/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  useDirection,\n  Factory,\n  createVarsResolver,\n  getSize,\n  getThemeColor,\n  getRadius,\n  rem,\n  useStyles,\n} from '../../../core';\nimport { TransitionOverride } from '../../Transition';\nimport {\n  SliderStylesNames,\n  SliderProvider,\n  SliderCssVariables,\n  SliderVariant,\n} from '../Slider.context';\nimport { SliderRoot } from '../SliderRoot/SliderRoot';\nimport { Track } from '../Track/Track';\nimport { Thumb } from '../Thumb/Thumb';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport classes from '../Slider.module.css';\n\nexport type RangeSliderValue = [number, number];\n\nexport interface RangeSliderProps\n  extends BoxProps,\n    StylesApiProps<RangeSliderFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {\n  /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `'xl'` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Controls size of the track, `'md'` by default */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Minimal possible value, `0` by default */\n  min?: number;\n\n  /** Maximum possible value, `100` by default */\n  max?: number;\n\n  /** Number by which value will be incremented/decremented with thumb drag and arrows, `1` by default */\n  step?: number;\n\n  /** Number of significant digits after the decimal point */\n  precision?: number;\n\n  /** Controlled component value */\n  value?: RangeSliderValue;\n\n  /** Uncontrolled component default value */\n  defaultValue?: RangeSliderValue;\n\n  /** Called when value changes */\n  onChange?(value: RangeSliderValue): void;\n\n  /** Called when user stops dragging slider or changes value with arrows */\n  onChangeEnd?(value: RangeSliderValue): void;\n\n  /** Hidden input name, use with uncontrolled component */\n  name?: string;\n\n  /** Marks displayed on the track */\n  marks?: { value: number; label?: React.ReactNode }[];\n\n  /** Function to generate label or any react node to render instead, set to null to disable label */\n  label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n  /** Props passed down to the `Transition` component, `{ transition: 'fade', duration: 0 }` by default */\n  labelTransitionProps?: TransitionOverride;\n\n  /** Determines whether the label should be visible when the slider is not being dragged or hovered, `false` by default */\n  labelAlwaysOn?: boolean;\n\n  /** Determines whether thumb label should be displayed when the slider is hovered, `true` by default */\n  showLabelOnHover?: boolean;\n\n  /** Content rendered inside thumb */\n  thumbChildren?: React.ReactNode;\n\n  /** Disables slider */\n  disabled?: boolean;\n\n  /** Thumb `width` and `height`, by default value is computed based on `size` prop */\n  thumbSize?: number | string;\n\n  /** A transformation function to change the scale of the slider */\n  scale?(value: number): number;\n\n  /** Determines whether track values representation should be inverted, `false` by default */\n  inverted?: boolean;\n\n  /** Minimal range interval, `10` by default */\n  minRange?: number;\n\n  /** Maximum range interval, `Infinity` by default */\n  maxRange?: number;\n\n  /** First thumb `aria-label` */\n  thumbFromLabel?: string;\n\n  /** Second thumb `aria-label` */\n  thumbToLabel?: string;\n}\n\nexport type RangeSliderFactory = Factory<{\n  props: RangeSliderProps;\n  ref: HTMLDivElement;\n  stylesNames: SliderStylesNames;\n  vars: SliderCssVariables;\n  variant: SliderVariant;\n}>;\n\nconst varsResolver = createVarsResolver<RangeSliderFactory>(\n  (theme, { size, color, thumbSize, radius }) => ({\n    root: {\n      '--slider-size': getSize(size, 'slider-size'),\n      '--slider-color': getThemeColor(color, theme),\n      '--slider-radius': getRadius(radius),\n      '--slider-thumb-size':\n        typeof thumbSize !== 'undefined' ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',\n    },\n  })\n);\n\nconst defaultProps: Partial<RangeSliderProps> = {\n  size: 'md',\n  radius: 'xl',\n  min: 0,\n  max: 100,\n  minRange: 10,\n  step: 1,\n  marks: [],\n  label: (f) => f,\n  labelTransitionProps: { transition: 'fade', duration: 0 },\n  labelAlwaysOn: false,\n  showLabelOnHover: true,\n  disabled: false,\n  scale: (v) => v,\n};\n\nexport const RangeSlider = factory<RangeSliderFactory>((_props, ref) => {\n  const props = useProps('RangeSlider', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    value,\n    onChange,\n    onChangeEnd,\n    size,\n    min,\n    max,\n    minRange,\n    maxRange,\n    step,\n    precision,\n    defaultValue,\n    name,\n    marks,\n    label,\n    labelTransitionProps,\n    labelAlwaysOn,\n    thumbFromLabel,\n    thumbToLabel,\n    showLabelOnHover,\n    thumbChildren,\n    disabled,\n    unstyled,\n    scale,\n    inverted,\n    className,\n    style,\n    vars,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RangeSliderFactory>({\n    name: 'Slider',\n    props,\n    classes,\n    classNames,\n    className,\n    styles,\n    style,\n    vars,\n    varsResolver,\n  });\n\n  const { dir } = useDirection();\n  const [focused, setFocused] = useState(-1);\n  const [hovered, setHovered] = useState(false);\n  const [_value, setValue] = useUncontrolled<RangeSliderValue>({\n    value,\n    defaultValue,\n    finalValue: [min!, max!],\n    onChange,\n  });\n  const valueRef = useRef(_value);\n  const thumbs = useRef<HTMLDivElement[]>([]);\n  const thumbIndex = useRef<number | undefined>(undefined);\n  const positions = [\n    getPosition({ value: _value[0], min: min!, max: max! }),\n    getPosition({ value: _value[1], min: min!, max: max! }),\n  ];\n\n  const _setValue = (val: RangeSliderValue) => {\n    setValue(val);\n    valueRef.current = val;\n  };\n\n  useEffect(\n    () => {\n      if (Array.isArray(value)) {\n        valueRef.current = value;\n      }\n    },\n    Array.isArray(value) ? [value[0], value[1]] : [null, null]\n  );\n\n  const setRangedValue = (val: number, index: number, triggerChangeEnd: boolean) => {\n    const clone: RangeSliderValue = [...valueRef.current];\n    clone[index] = val;\n\n    if (index === 0) {\n      if (val > clone[1] - (minRange! - 0.000000001)) {\n        clone[1] = Math.min(val + minRange!, max!);\n      }\n\n      if (val > (max! - (minRange! - 0.000000001) || min!)) {\n        clone[index] = valueRef.current[index];\n      }\n\n      if (clone[1] - val > maxRange!) {\n        clone[1] = val + maxRange!;\n      }\n    }\n\n    if (index === 1) {\n      if (val < clone[0] + minRange!) {\n        clone[0] = Math.max(val - minRange!, min!);\n      }\n\n      if (val < clone[0] + minRange!) {\n        clone[index] = valueRef.current[index];\n      }\n\n      if (val - clone[0] > maxRange!) {\n        clone[0] = val - maxRange!;\n      }\n    }\n\n    _setValue(clone);\n\n    if (triggerChangeEnd) {\n      onChangeEnd?.(valueRef.current);\n    }\n  };\n\n  const handleChange = (val: number) => {\n    if (!disabled) {\n      const nextValue = getChangeValue({\n        value: val,\n        min: min!,\n        max: max!,\n        step: step!,\n        precision,\n      });\n      setRangedValue(nextValue, thumbIndex.current!, false);\n    }\n  };\n\n  const { ref: container, active } = useMove(\n    ({ x }) => handleChange(x),\n    { onScrubEnd: () => onChangeEnd?.(valueRef.current) },\n    dir\n  );\n\n  function handleThumbMouseDown(index: number) {\n    thumbIndex.current = index;\n  }\n\n  const handleTrackMouseDownCapture = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n  ) => {\n    container.current!.focus();\n    const rect = container.current!.getBoundingClientRect();\n    const changePosition = getClientPosition(event.nativeEvent);\n    const changeValue = getChangeValue({\n      value: changePosition - rect.left,\n      max: max!,\n      min: min!,\n      step: step!,\n      containerWidth: rect.width,\n    });\n\n    const nearestHandle =\n      Math.abs(_value[0] - changeValue) > Math.abs(_value[1] - changeValue) ? 1 : 0;\n    const _nearestHandle = dir === 'ltr' ? nearestHandle : nearestHandle === 1 ? 0 : 1;\n\n    thumbIndex.current = _nearestHandle;\n  };\n\n  const getFocusedThumbIndex = () => {\n    if (focused !== 1 && focused !== 0) {\n      setFocused(0);\n      return 0;\n    }\n\n    return focused;\n  };\n\n  const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      switch (event.key) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          setRangedValue(\n            Math.min(Math.max(valueRef.current[focusedIndex] + step!, min!), max!),\n            focusedIndex,\n            true\n          );\n          break;\n        }\n        case 'ArrowRight': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          setRangedValue(\n            Math.min(\n              Math.max(\n                dir === 'rtl'\n                  ? valueRef.current[focusedIndex] - step!\n                  : valueRef.current[focusedIndex] + step!,\n                min!\n              ),\n              max!\n            ),\n            focusedIndex,\n            true\n          );\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          setRangedValue(\n            Math.min(Math.max(valueRef.current[focusedIndex] - step!, min!), max!),\n            focusedIndex,\n            true\n          );\n          break;\n        }\n        case 'ArrowLeft': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          setRangedValue(\n            Math.min(\n              Math.max(\n                dir === 'rtl'\n                  ? valueRef.current[focusedIndex] + step!\n                  : valueRef.current[focusedIndex] - step!,\n                min!\n              ),\n              max!\n            ),\n            focusedIndex,\n            true\n          );\n          break;\n        }\n\n        default: {\n          break;\n        }\n      }\n    }\n  };\n\n  const sharedThumbProps = {\n    max: max!,\n    min: min!,\n    size,\n    labelTransitionProps,\n    labelAlwaysOn,\n    onBlur: () => setFocused(-1),\n  };\n\n  const hasArrayThumbChildren = Array.isArray(thumbChildren);\n\n  return (\n    <SliderProvider value={{ getStyles }}>\n      <SliderRoot {...others} size={size!} ref={ref} disabled={disabled}>\n        <Track\n          offset={positions[0]}\n          marksOffset={_value[0]}\n          filled={positions[1] - positions[0]}\n          marks={marks}\n          inverted={inverted}\n          min={min!}\n          max={max!}\n          value={_value[1]}\n          disabled={disabled}\n          containerProps={{\n            ref: container as any,\n            onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,\n            onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,\n            onTouchStartCapture: handleTrackMouseDownCapture,\n            onTouchEndCapture: () => {\n              thumbIndex.current = -1;\n            },\n            onMouseDownCapture: handleTrackMouseDownCapture,\n            onMouseUpCapture: () => {\n              thumbIndex.current = -1;\n            },\n            onKeyDownCapture: handleTrackKeydownCapture,\n          }}\n        >\n          <Thumb\n            {...sharedThumbProps}\n            value={scale!(_value[0])}\n            position={positions[0]}\n            dragging={active}\n            label={typeof label === 'function' ? label(scale!(_value[0])) : label}\n            ref={(node) => {\n              thumbs.current[0] = node!;\n            }}\n            thumbLabel={thumbFromLabel}\n            onMouseDown={() => handleThumbMouseDown(0)}\n            onFocus={() => setFocused(0)}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n          >\n            {hasArrayThumbChildren ? thumbChildren[0] : thumbChildren}\n          </Thumb>\n\n          <Thumb\n            {...sharedThumbProps}\n            thumbLabel={thumbToLabel}\n            value={scale!(_value[1])}\n            position={positions[1]}\n            dragging={active}\n            label={typeof label === 'function' ? label(scale!(_value[1])) : label}\n            ref={(node) => {\n              thumbs.current[1] = node!;\n            }}\n            onMouseDown={() => handleThumbMouseDown(1)}\n            onFocus={() => setFocused(1)}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n          >\n            {hasArrayThumbChildren ? thumbChildren[1] : thumbChildren}\n          </Thumb>\n        </Track>\n\n        <input type=\"hidden\" name={`${name}_from`} value={_value[0]} />\n        <input type=\"hidden\" name={`${name}_to`} value={_value[1]} />\n      </SliderRoot>\n    </SliderProvider>\n  );\n});\n\nRangeSlider.displayName = '@mantine/core/RangeSlider';\n"],"names":[],"mappings":"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"}

package/esm/components/Slider/Slider/Slider.js

@@ -0,0 +1,151 @@
+import { __rest } from 'tslib';
+import React, { useState, useRef, useCallback } from 'react';
+import { useUncontrolled, clamp, useMove, useMergedRef } from '@mantine/hooks';
+import { SliderRoot } from '../SliderRoot/SliderRoot.js';
+import { Track } from '../Track/Track.js';
+import { Thumb } from '../Thumb/Thumb.js';
+import { getPosition } from '../utils/get-position/get-position.js';
+import { getChangeValue } from '../utils/get-change-value/get-change-value.js';
+import { SliderProvider } from '../Slider.context.js';
+import classes from '../Slider.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../../core/styles-api/use-styles/use-styles.js';
+import { useDirection } from '../../../core/DirectionProvider/DirectionProvider.js';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getSize, getRadius } from '../../../core/utils/get-size/get-size.js';
+import { getThemeColor } from '../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const defaultProps = {
+    size: 'md',
+    radius: 'xl',
+    min: 0,
+    max: 100,
+    step: 1,
+    marks: [],
+    label: (f) => f,
+    labelTransitionProps: { transition: 'fade', duration: 0 },
+    labelAlwaysOn: false,
+    thumbLabel: '',
+    showLabelOnHover: true,
+    disabled: false,
+    scale: (v) => v,
+};
+const varsResolver = createVarsResolver((theme, { size, color, thumbSize, radius }) => ({
+    root: {
+        '--slider-size': getSize(size, 'slider-size'),
+        '--slider-color': getThemeColor(color, theme),
+        '--slider-radius': getRadius(radius),
+        '--slider-thumb-size': typeof thumbSize !== 'undefined' ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',
+    },
+}));
+const Slider = factory((_props, ref) => {
+    const props = useProps('Slider', defaultProps, _props);
+    const { classNames, styles, value, onChange, onChangeEnd, size, min, max, step, precision, defaultValue, name, marks, label, labelTransitionProps, labelAlwaysOn, thumbLabel, showLabelOnHover, thumbChildren, disabled, unstyled, scale, inverted, className, style, vars } = props, others = __rest(props, ["classNames", "styles", "value", "onChange", "onChangeEnd", "size", "min", "max", "step", "precision", "defaultValue", "name", "marks", "label", "labelTransitionProps", "labelAlwaysOn", "thumbLabel", "showLabelOnHover", "thumbChildren", "disabled", "unstyled", "scale", "inverted", "className", "style", "vars"]);
+    const getStyles = useStyles({
+        name: 'Slider',
+        props,
+        classes,
+        classNames,
+        className,
+        styles,
+        style,
+        vars,
+        varsResolver,
+    });
+    const { dir } = useDirection();
+    const [hovered, setHovered] = useState(false);
+    const [_value, setValue] = useUncontrolled({
+        value: typeof value === 'number' ? clamp(value, min, max) : value,
+        defaultValue: typeof defaultValue === 'number' ? clamp(defaultValue, min, max) : defaultValue,
+        finalValue: clamp(0, min, max),
+        onChange,
+    });
+    const valueRef = useRef(_value);
+    const root = useRef();
+    const thumb = useRef();
+    const position = getPosition({ value: _value, min: min, max: max });
+    const scaledValue = scale(_value);
+    const _label = typeof label === 'function' ? label(scaledValue) : label;
+    const handleChange = useCallback(({ x }) => {
+        if (!disabled) {
+            const nextValue = getChangeValue({
+                value: x,
+                min: min,
+                max: max,
+                step: step,
+                precision,
+            });
+            setValue(nextValue);
+            valueRef.current = nextValue;
+        }
+    }, [disabled, min, max, step, precision]);
+    const { ref: container, active } = useMove(handleChange, { onScrubEnd: () => onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(valueRef.current) }, dir);
+    const handleTrackKeydownCapture = (event) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (!disabled) {
+            switch (event.key) {
+                case 'ArrowUp': {
+                    event.preventDefault();
+                    (_a = thumb.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    const nextValue = Math.min(Math.max(_value + step, min), max);
+                    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(nextValue);
+                    setValue(nextValue);
+                    break;
+                }
+                case 'ArrowRight': {
+                    event.preventDefault();
+                    (_b = thumb.current) === null || _b === void 0 ? void 0 : _b.focus();
+                    const nextValue = Math.min(Math.max(dir === 'rtl' ? _value - step : _value + step, min), max);
+                    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(nextValue);
+                    setValue(nextValue);
+                    break;
+                }
+                case 'ArrowDown': {
+                    event.preventDefault();
+                    (_c = thumb.current) === null || _c === void 0 ? void 0 : _c.focus();
+                    const nextValue = Math.min(Math.max(_value - step, min), max);
+                    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(nextValue);
+                    setValue(nextValue);
+                    break;
+                }
+                case 'ArrowLeft': {
+                    event.preventDefault();
+                    (_d = thumb.current) === null || _d === void 0 ? void 0 : _d.focus();
+                    const nextValue = Math.min(Math.max(dir === 'rtl' ? _value + step : _value - step, min), max);
+                    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(nextValue);
+                    setValue(nextValue);
+                    break;
+                }
+                case 'Home': {
+                    event.preventDefault();
+                    (_e = thumb.current) === null || _e === void 0 ? void 0 : _e.focus();
+                    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(min);
+                    setValue(min);
+                    break;
+                }
+                case 'End': {
+                    event.preventDefault();
+                    (_f = thumb.current) === null || _f === void 0 ? void 0 : _f.focus();
+                    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(max);
+                    setValue(max);
+                    break;
+                }
+            }
+        }
+    };
+    return (React.createElement(SliderProvider, { value: { getStyles } },
+        React.createElement(SliderRoot, Object.assign({}, others, { ref: useMergedRef(ref, root), onKeyDownCapture: handleTrackKeydownCapture, onMouseDownCapture: () => { var _a; return (_a = root.current) === null || _a === void 0 ? void 0 : _a.focus(); }, size: size, disabled: disabled }),
+            React.createElement(Track, { inverted: inverted, offset: 0, filled: position, marks: marks, min: min, max: max, value: scaledValue, disabled: disabled, containerProps: {
+                    ref: container,
+                    onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,
+                    onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,
+                } },
+                React.createElement(Thumb, { max: max, min: min, value: scaledValue, position: position, dragging: active, label: _label, ref: thumb, labelTransitionProps: labelTransitionProps, labelAlwaysOn: labelAlwaysOn, thumbLabel: thumbLabel, showLabelOnHover: showLabelOnHover, isHovered: hovered, disabled: disabled }, thumbChildren)),
+            React.createElement("input", { type: "hidden", name: name, value: scaledValue }))));
+});
+Slider.displayName = '@mantine/core/Slider';
+
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/esm/components/Slider/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  useDirection,\n  Factory,\n  useStyles,\n  createVarsResolver,\n  getSize,\n  getThemeColor,\n  getRadius,\n  rem,\n} from '../../../core';\nimport { TransitionOverride } from '../../Transition';\nimport { SliderRoot } from '../SliderRoot/SliderRoot';\nimport { Track } from '../Track/Track';\nimport { Thumb } from '../Thumb/Thumb';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport {\n  SliderCssVariables,\n  SliderProvider,\n  SliderStylesNames,\n  SliderVariant,\n} from '../Slider.context';\nimport classes from '../Slider.module.css';\n\nexport interface SliderProps\n  extends BoxProps,\n    StylesApiProps<SliderFactory>,\n    ElementProps<'div', 'onChange'> {\n  /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `'xl'` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Controls size of the track, `'md'` by default */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Minimal possible value, `0` by default */\n  min?: number;\n\n  /** Maximum possible value, `100` by default */\n  max?: number;\n\n  /** Number by which value will be incremented/decremented with thumb drag and arrows, `1` by default */\n  step?: number;\n\n  /** Number of significant digits after the decimal point */\n  precision?: number;\n\n  /** Controlled component value */\n  value?: number;\n\n  /** Uncontrolled component default value */\n  defaultValue?: number;\n\n  /** Called when value changes */\n  onChange?(value: number): void;\n\n  /** Called when user stops dragging slider or changes value with arrows */\n  onChangeEnd?(value: number): void;\n\n  /** Hidden input name, use with uncontrolled component */\n  name?: string;\n\n  /** Marks displayed on the track */\n  marks?: { value: number; label?: React.ReactNode }[];\n\n  /** Function to generate label or any react node to render instead, set to null to disable label */\n  label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n  /** Props passed down to the `Transition` component, `{ transition: 'fade', duration: 0 }` by default */\n  labelTransitionProps?: TransitionOverride;\n\n  /** Determines whether the label should be visible when the slider is not being dragged or hovered, `false` by default */\n  labelAlwaysOn?: boolean;\n\n  /** Thumb `aria-label` */\n  thumbLabel?: string;\n\n  /** Determines whether thumb label should be displayed when the slider is hovered, `true` by default */\n  showLabelOnHover?: boolean;\n\n  /** Content rendered inside thumb */\n  thumbChildren?: React.ReactNode;\n\n  /** Disables slider */\n  disabled?: boolean;\n\n  /** Thumb `width` and `height`, by default value is computed based on `size` prop */\n  thumbSize?: number | string;\n\n  /** A transformation function to change the scale of the slider */\n  scale?(value: number): number;\n\n  /** Determines whether track value representation should be inverted, `false` by default */\n  inverted?: boolean;\n}\n\nexport type SliderFactory = Factory<{\n  props: SliderProps;\n  ref: HTMLDivElement;\n  stylesNames: SliderStylesNames;\n  vars: SliderCssVariables;\n  variant: SliderVariant;\n}>;\n\nconst defaultProps: Partial<SliderProps> = {\n  size: 'md',\n  radius: 'xl',\n  min: 0,\n  max: 100,\n  step: 1,\n  marks: [],\n  label: (f) => f,\n  labelTransitionProps: { transition: 'fade', duration: 0 },\n  labelAlwaysOn: false,\n  thumbLabel: '',\n  showLabelOnHover: true,\n  disabled: false,\n  scale: (v) => v,\n};\n\nconst varsResolver = createVarsResolver<SliderFactory>(\n  (theme, { size, color, thumbSize, radius }) => ({\n    root: {\n      '--slider-size': getSize(size, 'slider-size'),\n      '--slider-color': getThemeColor(color, theme),\n      '--slider-radius': getRadius(radius),\n      '--slider-thumb-size':\n        typeof thumbSize !== 'undefined' ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',\n    },\n  })\n);\n\nexport const Slider = factory<SliderFactory>((_props, ref) => {\n  const props = useProps('Slider', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    value,\n    onChange,\n    onChangeEnd,\n    size,\n    min,\n    max,\n    step,\n    precision,\n    defaultValue,\n    name,\n    marks,\n    label,\n    labelTransitionProps,\n    labelAlwaysOn,\n    thumbLabel,\n    showLabelOnHover,\n    thumbChildren,\n    disabled,\n    unstyled,\n    scale,\n    inverted,\n    className,\n    style,\n    vars,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SliderFactory>({\n    name: 'Slider',\n    props,\n    classes,\n    classNames,\n    className,\n    styles,\n    style,\n    vars,\n    varsResolver,\n  });\n\n  const { dir } = useDirection();\n  const [hovered, setHovered] = useState(false);\n  const [_value, setValue] = useUncontrolled({\n    value: typeof value === 'number' ? clamp(value, min!, max!) : value,\n    defaultValue: typeof defaultValue === 'number' ? clamp(defaultValue, min!, max!) : defaultValue,\n    finalValue: clamp(0, min!, max!),\n    onChange,\n  });\n\n  const valueRef = useRef(_value);\n  const root = useRef<HTMLDivElement>();\n  const thumb = useRef<HTMLDivElement>();\n  const position = getPosition({ value: _value, min: min!, max: max! });\n  const scaledValue = scale!(_value);\n  const _label = typeof label === 'function' ? label(scaledValue) : label;\n\n  const handleChange = useCallback(\n    ({ x }: { x: number }) => {\n      if (!disabled) {\n        const nextValue = getChangeValue({\n          value: x,\n          min: min!,\n          max: max!,\n          step: step!,\n          precision,\n        });\n        setValue(nextValue);\n        valueRef.current = nextValue;\n      }\n    },\n    [disabled, min, max, step, precision]\n  );\n\n  const { ref: container, active } = useMove(\n    handleChange,\n    { onScrubEnd: () => onChangeEnd?.(valueRef.current) },\n    dir\n  );\n\n  const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      switch (event.key) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          thumb.current?.focus();\n          const nextValue = Math.min(Math.max(_value + step!, min!), max!);\n          onChangeEnd?.(nextValue);\n          setValue(nextValue);\n          break;\n        }\n\n        case 'ArrowRight': {\n          event.preventDefault();\n          thumb.current?.focus();\n          const nextValue = Math.min(\n            Math.max(dir === 'rtl' ? _value - step! : _value + step!, min!),\n            max!\n          );\n          onChangeEnd?.(nextValue);\n          setValue(nextValue);\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          thumb.current?.focus();\n          const nextValue = Math.min(Math.max(_value - step!, min!), max!);\n          onChangeEnd?.(nextValue);\n          setValue(nextValue);\n          break;\n        }\n\n        case 'ArrowLeft': {\n          event.preventDefault();\n          thumb.current?.focus();\n          const nextValue = Math.min(\n            Math.max(dir === 'rtl' ? _value + step! : _value - step!, min!),\n            max!\n          );\n          onChangeEnd?.(nextValue);\n          setValue(nextValue);\n          break;\n        }\n\n        case 'Home': {\n          event.preventDefault();\n          thumb.current?.focus();\n          onChangeEnd?.(min!);\n          setValue(min!);\n          break;\n        }\n\n        case 'End': {\n          event.preventDefault();\n          thumb.current?.focus();\n          onChangeEnd?.(max!);\n          setValue(max!);\n          break;\n        }\n\n        default: {\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <SliderProvider value={{ getStyles }}>\n      <SliderRoot\n        {...others}\n        ref={useMergedRef(ref, root)}\n        onKeyDownCapture={handleTrackKeydownCapture}\n        onMouseDownCapture={() => root.current?.focus()}\n        size={size!}\n        disabled={disabled}\n      >\n        <Track\n          inverted={inverted}\n          offset={0}\n          filled={position}\n          marks={marks}\n          min={min!}\n          max={max!}\n          value={scaledValue}\n          disabled={disabled}\n          containerProps={{\n            ref: container as any,\n            onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,\n            onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,\n          }}\n        >\n          <Thumb\n            max={max!}\n            min={min!}\n            value={scaledValue}\n            position={position}\n            dragging={active}\n            label={_label}\n            ref={thumb as any}\n            labelTransitionProps={labelTransitionProps}\n            labelAlwaysOn={labelAlwaysOn}\n            thumbLabel={thumbLabel}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n          >\n            {thumbChildren}\n          </Thumb>\n        </Track>\n\n        <input type=\"hidden\" name={name} value={scaledValue} />\n      </SliderRoot>\n    </SliderProvider>\n  );\n});\n\nSlider.displayName = '@mantine/core/Slider';\n"],"names":[],"mappings":"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"}

package/esm/components/Slider/Slider.context.js

@@ -0,0 +1,6 @@
+import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
+
+const [SliderProvider, useSliderContext] = createSafeContext('SliderProvider was not found in tree');
+
+export { SliderProvider, useSliderContext };
+//# sourceMappingURL=Slider.context.js.map

package/esm/components/Slider/Slider.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.context.js","sources":["../../../src/components/Slider/Slider.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\n\nexport type SliderStylesNames =\n  | 'root'\n  | 'label'\n  | 'thumb'\n  | 'trackContainer'\n  | 'track'\n  | 'bar'\n  | 'markWrapper'\n  | 'mark'\n  | 'markLabel';\n\nexport type SliderCssVariables = {\n  root: '--slider-size' | '--slider-color' | '--slider-thumb-size' | '--slider-radius';\n};\n\nexport type SliderVariant = string;\n\ninterface SliderContextValue {\n  getStyles: GetStylesApi<{\n    stylesNames: SliderStylesNames;\n    props: any;\n    ref: any;\n    vars: any;\n    variant: any;\n  }>;\n}\n\nexport const [SliderProvider, useSliderContext] = createSafeContext<SliderContextValue>(\n  'SliderProvider was not found in tree'\n);\n"],"names":[],"mappings":";;MA6Ba,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,iBAAiB,CACjE,sCAAsC;;;;"}

package/esm/components/Slider/Slider.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-nol3fL4","label":"mantine-xKQTtLt","thumb":"mantine-sJmZ8C4","trackContainer":"mantine-kRMnp6I","track":"mantine-jorJI0e","bar":"mantine-NegW5ug","markWrapper":"mantine-uvc-APn","mark":"mantine-Qm4b1ye","markLabel":"mantine-0j-3iGC"};
+
+export default classes;
+//# sourceMappingURL=Slider.module.css.js.map

package/esm/components/Slider/Slider.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Slider/SliderRoot/SliderRoot.js

@@ -0,0 +1,14 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useSliderContext } from '../Slider.context.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const SliderRoot = forwardRef((_a, ref) => {
+    var { size, disabled, variant, color, thumbSize, radius } = _a, others = __rest(_a, ["size", "disabled", "variant", "color", "thumbSize", "radius"]);
+    const { getStyles } = useSliderContext();
+    return (React.createElement(Box, Object.assign({ tabIndex: -1, variant: variant, size: size, ref: ref }, getStyles('root'), others)));
+});
+SliderRoot.displayName = '@mantine/core/SliderRoot';
+
+export { SliderRoot };
+//# sourceMappingURL=SliderRoot.js.map

package/esm/components/Slider/SliderRoot/SliderRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  BoxProps,\n  Box,\n  ElementProps,\n  MantineSize,\n  MantineColor,\n  MantineRadius,\n} from '../../../core';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface SliderRootProps extends BoxProps, ElementProps<'div'> {\n  size: MantineSize | (string & {}) | number;\n  children: React.ReactNode;\n  color: MantineColor | undefined;\n  disabled: boolean | undefined;\n  variant?: string;\n  thumbSize: string | number | undefined;\n  radius: MantineRadius | (string & {}) | number | undefined;\n}\n\nexport const SliderRoot = forwardRef<HTMLDivElement, SliderRootProps>(\n  ({ size, disabled, variant, color, thumbSize, radius, ...others }: SliderRootProps, ref) => {\n    const { getStyles } = useSliderContext();\n\n    return (\n      <Box\n        tabIndex={-1}\n        variant={variant}\n        size={size}\n        ref={ref}\n        {...getStyles('root')}\n        {...others}\n      />\n    );\n  }\n);\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"names":[],"mappings":";;;;;MAqBa,UAAU,GAAG,UAAU,CAClC,CAAC,EAAiF,EAAE,GAAG;QAAtF,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,OAA8B,EAAzB,MAAM,cAA9D,+DAAgE,CAAF;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,QACE,oBAAC,GAAG,kBACF,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACJ,SAAS,CAAC,MAAM,CAAC,EACjB,MAAM,EACV,EACF;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/components/Slider/Thumb/Thumb.js

@@ -0,0 +1,23 @@
+import React, { forwardRef, useState } from 'react';
+import { useSliderContext } from '../Slider.context.js';
+import { Transition } from '../../Transition/Transition.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const Thumb = forwardRef(({ max, min, value, position, label, dragging, onMouseDown, onKeyDownCapture, labelTransitionProps, labelAlwaysOn, thumbLabel, onFocus, onBlur, showLabelOnHover, isHovered, children = null, disabled, }, ref) => {
+    const { getStyles } = useSliderContext();
+    const [focused, setFocused] = useState(false);
+    const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);
+    return (React.createElement(Box, Object.assign({ tabIndex: 0, role: "slider", "aria-label": thumbLabel, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, ref: ref, __vars: { '--slider-thumb-offset': `${position}%` } }, getStyles('thumb', { focusable: true }), { mod: { dragging, disabled }, onFocus: () => {
+            setFocused(true);
+            typeof onFocus === 'function' && onFocus();
+        }, onBlur: () => {
+            setFocused(false);
+            typeof onBlur === 'function' && onBlur();
+        }, onTouchStart: onMouseDown, onMouseDown: onMouseDown, onKeyDownCapture: onKeyDownCapture, onClick: (event) => event.stopPropagation() }),
+        children,
+        React.createElement(Transition, Object.assign({ mounted: label != null && !!isVisible, transition: "fade", duration: 0 }, labelTransitionProps), (transitionStyles) => (React.createElement("div", Object.assign({}, getStyles('label', { style: transitionStyles })), label)))));
+});
+Thumb.displayName = '@mantine/core/SliderThumb';
+
+export { Thumb };
+//# sourceMappingURL=Thumb.js.map

package/esm/components/Slider/Thumb/Thumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { Box } from '../../../core';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface ThumbProps {\n  max: number;\n  min: number;\n  value: number;\n  position: number;\n  dragging: boolean;\n  label: React.ReactNode;\n  onKeyDownCapture?(event: React.KeyboardEvent<HTMLDivElement>): void;\n  onMouseDown?(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;\n  labelTransitionProps: TransitionOverride | undefined;\n  labelAlwaysOn: boolean | undefined;\n  thumbLabel: string | undefined;\n  onFocus?(): void;\n  onBlur?(): void;\n  showLabelOnHover: boolean | undefined;\n  isHovered?: boolean;\n  children?: React.ReactNode;\n  disabled: boolean | undefined;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>(\n  (\n    {\n      max,\n      min,\n      value,\n      position,\n      label,\n      dragging,\n      onMouseDown,\n      onKeyDownCapture,\n      labelTransitionProps,\n      labelAlwaysOn,\n      thumbLabel,\n      onFocus,\n      onBlur,\n      showLabelOnHover,\n      isHovered,\n      children = null,\n      disabled,\n    }: ThumbProps,\n    ref\n  ) => {\n    const { getStyles } = useSliderContext();\n\n    const [focused, setFocused] = useState(false);\n\n    const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);\n\n    return (\n      <Box<'div'>\n        tabIndex={0}\n        role=\"slider\"\n        aria-label={thumbLabel}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value}\n        ref={ref}\n        __vars={{ '--slider-thumb-offset': `${position}%` }}\n        {...getStyles('thumb', { focusable: true })}\n        mod={{ dragging, disabled }}\n        onFocus={() => {\n          setFocused(true);\n          typeof onFocus === 'function' && onFocus();\n        }}\n        onBlur={() => {\n          setFocused(false);\n          typeof onBlur === 'function' && onBlur();\n        }}\n        onTouchStart={onMouseDown}\n        onMouseDown={onMouseDown}\n        onKeyDownCapture={onKeyDownCapture}\n        onClick={(event) => event.stopPropagation()}\n      >\n        {children}\n        <Transition\n          mounted={label != null && !!isVisible}\n          transition=\"fade\"\n          duration={0}\n          {...labelTransitionProps}\n        >\n          {(transitionStyles) => (\n            <div {...getStyles('label', { style: transitionStyles })}>{label}</div>\n          )}\n        </Transition>\n      </Box>\n    );\n  }\n);\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"names":[],"mappings":";;;;;MA2Ba,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,GAAG,EACH,GAAG,EACH,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,GACG,EACb,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,IAAI,OAAO,KAAK,gBAAgB,IAAI,SAAS,CAAC,CAAC;IAE1F,QACE,oBAAC,GAAG,kBACF,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACD,UAAU,mBACP,GAAG,mBACH,GAAG,mBACH,KAAK,EACpB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,EAAE,uBAAuB,EAAE,GAAG,QAAQ,GAAG,EAAE,IAC/C,SAAS,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,IAC3C,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC3B,OAAO,EAAE;YACP,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;SAC5C,EACD,MAAM,EAAE;YACN,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,EAAE,CAAC;SAC1C,EACD,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE;QAE1C,QAAQ;QACT,oBAAC,UAAU,kBACT,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC,SAAS,EACrC,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,CAAC,IACP,oBAAoB,GAEvB,CAAC,gBAAgB,MAChB,6CAAS,SAAS,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,GAAG,KAAK,CAAO,CACxE,CACU,CACT,EACN;AACJ,CAAC,EACD;AAEF,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Slider/Track/Track.js

@@ -0,0 +1,23 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { Marks } from '../Marks/Marks.js';
+import { useSliderContext } from '../Slider.context.js';
+import { Box } from '../../../core/Box/Box.js';
+
+function Track(_a) {
+    var { filled, children, offset, disabled, marksOffset, inverted, containerProps } = _a, others = __rest(_a, ["filled", "children", "offset", "disabled", "marksOffset", "inverted", "containerProps"]);
+    const { getStyles } = useSliderContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, Object.assign({}, getStyles('trackContainer'), { mod: { disabled } }, containerProps),
+            React.createElement(Box, Object.assign({}, getStyles('track'), { mod: { inverted, disabled } }),
+                React.createElement(Box, Object.assign({ mod: { inverted, disabled }, __vars: {
+                        '--slider-bar-width': `calc(${filled}% + var(--slider-size))`,
+                        '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,
+                    } }, getStyles('bar'))),
+                children,
+                React.createElement(Marks, Object.assign({}, others, { offset: marksOffset, disabled: disabled, inverted: inverted }))))));
+}
+Track.displayName = '@mantine/core/SliderTrack';
+
+export { Track };
+//# sourceMappingURL=Track.js.map

package/esm/components/Slider/Track/Track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../core';\nimport { Marks } from '../Marks/Marks';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface TrackProps {\n  filled: number;\n  offset?: number;\n  marksOffset?: number;\n  marks: { value: number; label?: React.ReactNode }[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  children: React.ReactNode;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  containerProps?: React.PropsWithRef<React.ComponentProps<'div'>>;\n}\n\nexport function Track({\n  filled,\n  children,\n  offset,\n  disabled,\n  marksOffset,\n  inverted,\n  containerProps,\n  ...others\n}: TrackProps) {\n  const { getStyles } = useSliderContext();\n\n  return (\n    <>\n      <Box {...getStyles('trackContainer')} mod={{ disabled }} {...containerProps}>\n        <Box {...getStyles('track')} mod={{ inverted, disabled }}>\n          <Box\n            mod={{ inverted, disabled }}\n            __vars={{\n              '--slider-bar-width': `calc(${filled}% + var(--slider-size))`,\n              '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,\n            }}\n            {...getStyles('bar')}\n          />\n\n          {children}\n\n          <Marks {...others} offset={marksOffset} disabled={disabled} inverted={inverted} />\n        </Box>\n      </Box>\n    </>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"names":[],"mappings":";;;;;;SAmBgB,KAAK,CAAC,EAST;QATS,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,cAAc,OAEH,EADR,MAAM,cARW,yFASrB,CADU;IAET,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,QACE;QACE,oBAAC,GAAG,oBAAK,SAAS,CAAC,gBAAgB,CAAC,IAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAM,cAAc;YACzE,oBAAC,GAAG,oBAAK,SAAS,CAAC,OAAO,CAAC,IAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBACtD,oBAAC,GAAG,kBACF,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC3B,MAAM,EAAE;wBACN,oBAAoB,EAAE,QAAQ,MAAM,yBAAyB;wBAC7D,qBAAqB,EAAE,QAAQ,MAAM,yBAAyB;qBAC/D,IACG,SAAS,CAAC,KAAK,CAAC,EACpB;gBAED,QAAQ;gBAET,oBAAC,KAAK,oBAAK,MAAM,IAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAC9E,CACF,CACL,EACH;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Slider/utils/get-change-value/get-change-value.js

@@ -0,0 +1,15 @@
+function getChangeValue({ value, containerWidth, min, max, step, precision, }) {
+    const left = !containerWidth
+        ? value
+        : Math.min(Math.max(value, 0), containerWidth) / containerWidth;
+    const dx = left * (max - min);
+    const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;
+    const nextValueWithinStep = Math.max(nextValue, min);
+    if (precision !== undefined) {
+        return Number(nextValueWithinStep.toFixed(precision));
+    }
+    return nextValueWithinStep;
+}
+
+export { getChangeValue };
+//# sourceMappingURL=get-change-value.js.map

package/esm/components/Slider/utils/get-change-value/get-change-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-change-value.js","sources":["../../../../../src/components/Slider/utils/get-change-value/get-change-value.ts"],"sourcesContent":["interface GetChangeValue {\n  value: number;\n  containerWidth?: number;\n  min: number;\n  max: number;\n  step: number;\n  precision?: number;\n}\n\nexport function getChangeValue({\n  value,\n  containerWidth,\n  min,\n  max,\n  step,\n  precision,\n}: GetChangeValue) {\n  const left = !containerWidth\n    ? value\n    : Math.min(Math.max(value, 0), containerWidth) / containerWidth;\n  const dx = left * (max - min);\n  const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;\n\n  const nextValueWithinStep = Math.max(nextValue, min);\n\n  if (precision !== undefined) {\n    return Number(nextValueWithinStep.toFixed(precision));\n  }\n\n  return nextValueWithinStep;\n}\n"],"names":[],"mappings":"SASgB,cAAc,CAAC,EAC7B,KAAK,EACL,cAAc,EACd,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,GACM;IACf,MAAM,IAAI,GAAG,CAAC,cAAc;UACxB,KAAK;UACL,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG,cAAc,CAAC;IAClE,MAAM,EAAE,GAAG,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC;IAEtE,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAErD,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;KACvD;IAED,OAAO,mBAAmB,CAAC;AAC7B;;;;"}

package/esm/components/Slider/utils/get-client-position/get-client-position.js

@@ -0,0 +1,10 @@
+function getClientPosition(event) {
+    if ('TouchEvent' in window && event instanceof window.TouchEvent) {
+        const touch = event.touches[0];
+        return touch.clientX;
+    }
+    return event.clientX;
+}
+
+export { getClientPosition };
+//# sourceMappingURL=get-client-position.js.map

package/esm/components/Slider/utils/get-client-position/get-client-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-client-position.js","sources":["../../../../../src/components/Slider/utils/get-client-position/get-client-position.ts"],"sourcesContent":["export function getClientPosition(event: any) {\n  if ('TouchEvent' in window && event instanceof window.TouchEvent) {\n    const touch = event.touches[0];\n    return touch.clientX;\n  }\n\n  return event.clientX;\n}\n"],"names":[],"mappings":"SAAgB,iBAAiB,CAAC,KAAU;IAC1C,IAAI,YAAY,IAAI,MAAM,IAAI,KAAK,YAAY,MAAM,CAAC,UAAU,EAAE;QAChE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,OAAO,KAAK,CAAC,OAAO,CAAC;KACtB;IAED,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB;;;;"}