@mantine/core 6.0.11 → 7.0.0-alpha.11

package/cjs/components/ScrollArea/utils/to-int.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-int.js","sources":["../../../../src/components/ScrollArea/utils/to-int.ts"],"sourcesContent":["export function toInt(value?: string) {\n  return value ? parseInt(value, 10) : 0;\n}\n"],"names":[],"mappings":";;;;SAAgB,KAAK,CAAC,KAAc;IAClC,OAAO,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;AACzC;;;;"}

package/cjs/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var SegmentedControl_module = require('./SegmentedControl.module.css.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var DirectionProvider = require('../../core/DirectionProvider/DirectionProvider.js');
+var MantineThemeProvider = require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+var getThemeColor = require('../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const WRAPPER_PADDING = 4;
+const defaultProps = {
+    size: 'sm',
+    transitionDuration: 200,
+    transitionTimingFunction: 'ease',
+};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color, transitionDuration, size, transitionTimingFunction }) => ({
+    root: {
+        '--sc-radius': getSize.getRadius(radius),
+        '--sc-color': color ? getThemeColor.getThemeColor(color, theme) : undefined,
+        '--sc-shadow': color ? undefined : 'var(--mantine-shadow-xs)',
+        '--sc-transition-duration': `${transitionDuration}ms`,
+        '--sc-transition-timing-function': transitionTimingFunction,
+        '--sc-padding': getSize.getSize(size, 'sc-padding'),
+        '--sc-font-size': getSize.getFontSize(size),
+    },
+}));
+const SegmentedControl = factory.factory((_props, ref) => {
+    var _a, _b, _c, _d;
+    const props = useProps.useProps('SegmentedControl', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, data, value, defaultValue, onChange, size, name, disabled, readOnly, fullWidth, orientation, radius, color, transitionDuration, transitionTimingFunction, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "data", "value", "defaultValue", "onChange", "size", "name", "disabled", "readOnly", "fullWidth", "orientation", "radius", "color", "transitionDuration", "transitionTimingFunction", "variant"]);
+    const getStyles = useStyles.useStyles({
+        name: 'SegmentedControl',
+        props,
+        classes: SegmentedControl_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    const { dir } = DirectionProvider.useDirection();
+    const theme = MantineThemeProvider.useMantineTheme();
+    const _data = data.map((item) => typeof item === 'string' ? { label: item, value: item } : item);
+    const [_value, handleValueChange] = hooks.useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: Array.isArray(data)
+            ? (_d = (_b = (_a = _data.find((item) => !item.disabled)) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : (_c = data[0]) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : null
+            : null,
+        onChange,
+    });
+    const [activePosition, setActivePosition] = React.useState({
+        width: 0,
+        height: 0,
+        translate: [0, 0],
+    });
+    const uuid = hooks.useId(name);
+    const refs = React.useRef({});
+    const [observerRef, containerRect] = hooks.useResizeObserver();
+    React.useEffect(() => {
+        if (_value in refs.current && observerRef.current) {
+            const element = refs.current[_value];
+            const elementRect = element.getBoundingClientRect();
+            const scaledValue = element.offsetWidth / elementRect.width;
+            const width = element.clientWidth * scaledValue || 0;
+            const height = element.clientHeight * scaledValue || 0;
+            const offsetRight = containerRect.width - element.parentElement.offsetLeft + WRAPPER_PADDING - width;
+            const offsetLeft = element.parentElement.offsetLeft - WRAPPER_PADDING;
+            setActivePosition({
+                width,
+                height,
+                translate: [
+                    dir === 'rtl' ? offsetRight * -1 : offsetLeft,
+                    element.parentElement.offsetTop - WRAPPER_PADDING,
+                ],
+            });
+        }
+    }, [_value, containerRect, dir]);
+    const controls = _data.map((item) => (React__default.createElement(Box.Box, Object.assign({}, getStyles('control'), { mod: { active: _value === item.value, orientation }, key: item.value }),
+        React__default.createElement("input", Object.assign({}, getStyles('input'), { disabled: disabled || item.disabled, type: "radio", name: uuid, value: item.value, id: `${uuid}-${item.value}`, checked: _value === item.value, onChange: () => !readOnly && handleValueChange(item.value), "data-focus-ring": theme.focusRing })),
+        React__default.createElement(Box.Box, Object.assign({ component: "label" }, getStyles('label'), { mod: {
+                active: _value === item.value && !(disabled || item.disabled),
+                disabled: disabled || item.disabled,
+            }, htmlFor: `${uuid}-${item.value}`, ref: (node) => {
+                refs.current[item.value] = node;
+            }, __vars: {
+                '--sc-label-color': color !== undefined ? 'var(--mantine-color-white)' : undefined,
+            } }), item.label))));
+    const mergedRef = hooks.useMergedRef(observerRef, ref);
+    if (data.length === 0) {
+        return null;
+    }
+    return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root'), { variant: variant, size: size, ref: mergedRef, mod: { 'full-width': fullWidth, orientation } }, others, { role: "radiogroup" }),
+        typeof _value === 'string' && (React__default.createElement(Box.Box, Object.assign({ component: "span" }, getStyles('indicator'), { __vars: {
+                '--sc-indicator-width': `${activePosition.width}px`,
+                '--sc-indicator-height': `${activePosition.height}px`,
+                '--sc-indicator-transform': `translate(${activePosition.translate[0]}px, ${activePosition.translate[1]}px)`,
+            } }))),
+        controls));
+});
+SegmentedControl.displayName = '@mantine/core/SegmentedControl';
+
+exports.SegmentedControl = SegmentedControl;
+//# sourceMappingURL=SegmentedControl.js.map

package/cjs/components/SegmentedControl/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useId, useMergedRef, useResizeObserver, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  MantineSize,\n  MantineRadius,\n  useMantineTheme,\n  getRadius,\n  getThemeColor,\n  getSize,\n  getFontSize,\n  useDirection,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport classes from './SegmentedControl.module.css';\n\nconst WRAPPER_PADDING = 4;\n\nexport type SegmentedControlStylesNames = 'root' | 'input' | 'label' | 'control' | 'indicator';\nexport type SegmentedControlVariant = string;\nexport type SegmentedControlCssVariables = {\n  root:\n    | '--sc-radius'\n    | '--sc-color'\n    | '--sc-font-size'\n    | '--sc-padding'\n    | '--sc-shadow'\n    | '--sc-transition-duration'\n    | '--sc-transition-timing-function';\n};\n\nexport interface SegmentedControlItem {\n  value: string;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SegmentedControlProps\n  extends BoxProps,\n    StylesApiProps<SegmentedControlFactory>,\n    ElementProps<'div', 'onChange'> {\n  /** Data based on which controls are rendered */\n  data: (string | SegmentedControlItem)[];\n\n  /** Controlled component value */\n  value?: string;\n\n  /** Uncontrolled component default value */\n  defaultValue?: string;\n\n  /** Called when value changes */\n  onChange?(value: string): void;\n\n  /** Determines whether the component is disabled */\n  disabled?: boolean;\n\n  /** Name of the radio group, by default random name is generated */\n  name?: string;\n\n  /** Determines whether the component should take 100% width of its parent, `false` by default */\n  fullWidth?: boolean;\n\n  /** Key of `theme.colors` or any valid CSS color, changes color of indicator, by default color is based on current color scheme */\n  color?: MantineColor;\n\n  /** Controls `font-size`, `padding` and `height` properties, `'sm'` by default */\n  size?: MantineSize | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Indicator `transition-duration` in ms, set `0` to turn off transitions, `200` by default */\n  transitionDuration?: number;\n\n  /** Indicator `transition-timing-function` property, `ease` by default */\n  transitionTimingFunction?: string;\n\n  /** Determines in which orientation component id displayed, `'horizontal'` by default */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** Determines whether the value can be changed */\n  readOnly?: boolean;\n}\n\nexport type SegmentedControlFactory = Factory<{\n  props: SegmentedControlProps;\n  ref: HTMLDivElement;\n  stylesNames: SegmentedControlStylesNames;\n  vars: SegmentedControlCssVariables;\n}>;\n\nconst defaultProps: Partial<SegmentedControlProps> = {\n  size: 'sm',\n  transitionDuration: 200,\n  transitionTimingFunction: 'ease',\n};\n\nconst varsResolver = createVarsResolver<SegmentedControlFactory>(\n  (theme, { radius, color, transitionDuration, size, transitionTimingFunction }) => ({\n    root: {\n      '--sc-radius': getRadius(radius),\n      '--sc-color': color ? getThemeColor(color, theme) : undefined,\n      '--sc-shadow': color ? undefined : 'var(--mantine-shadow-xs)',\n      '--sc-transition-duration': `${transitionDuration}ms`,\n      '--sc-transition-timing-function': transitionTimingFunction,\n      '--sc-padding': getSize(size, 'sc-padding'),\n      '--sc-font-size': getFontSize(size),\n    },\n  })\n);\n\nexport const SegmentedControl = factory<SegmentedControlFactory>((_props, ref) => {\n  const props = useProps('SegmentedControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    value,\n    defaultValue,\n    onChange,\n    size,\n    name,\n    disabled,\n    readOnly,\n    fullWidth,\n    orientation,\n    radius,\n    color,\n    transitionDuration,\n    transitionTimingFunction,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SegmentedControlFactory>({\n    name: 'SegmentedControl',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const { dir } = useDirection();\n  const theme = useMantineTheme();\n\n  const _data = data.map((item) =>\n    typeof item === 'string' ? { label: item, value: item } : item\n  );\n\n  const [_value, handleValueChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: Array.isArray(data)\n      ? _data.find((item) => !item.disabled)?.value ?? (data[0] as any)?.value ?? null\n      : null,\n    onChange,\n  });\n\n  const [activePosition, setActivePosition] = useState({\n    width: 0,\n    height: 0,\n    translate: [0, 0],\n  });\n  const uuid = useId(name);\n  const refs = useRef<Record<string, HTMLLabelElement>>({});\n  const [observerRef, containerRect] = useResizeObserver();\n\n  useEffect(() => {\n    if (_value in refs.current && observerRef.current) {\n      const element = refs.current[_value];\n      const elementRect = element.getBoundingClientRect();\n      const scaledValue = element.offsetWidth / elementRect.width;\n      const width = element.clientWidth * scaledValue || 0;\n      const height = element.clientHeight * scaledValue || 0;\n\n      const offsetRight =\n        containerRect.width - element.parentElement!.offsetLeft + WRAPPER_PADDING - width;\n      const offsetLeft = element.parentElement!.offsetLeft - WRAPPER_PADDING;\n\n      setActivePosition({\n        width,\n        height,\n        translate: [\n          dir === 'rtl' ? offsetRight * -1 : offsetLeft,\n          element.parentElement!.offsetTop - WRAPPER_PADDING,\n        ],\n      });\n    }\n  }, [_value, containerRect, dir]);\n\n  const controls = _data.map((item) => (\n    <Box\n      {...getStyles('control')}\n      mod={{ active: _value === item.value, orientation }}\n      key={item.value}\n    >\n      <input\n        {...getStyles('input')}\n        disabled={disabled || item.disabled}\n        type=\"radio\"\n        name={uuid}\n        value={item.value}\n        id={`${uuid}-${item.value}`}\n        checked={_value === item.value}\n        onChange={() => !readOnly && handleValueChange(item.value)}\n        data-focus-ring={theme.focusRing}\n      />\n\n      <Box\n        component=\"label\"\n        {...getStyles('label')}\n        mod={{\n          active: _value === item.value && !(disabled || item.disabled),\n          disabled: disabled || item.disabled,\n        }}\n        htmlFor={`${uuid}-${item.value}`}\n        ref={(node) => {\n          refs.current[item.value] = node!;\n        }}\n        __vars={{\n          '--sc-label-color': color !== undefined ? 'var(--mantine-color-white)' : undefined,\n        }}\n      >\n        {item.label}\n      </Box>\n    </Box>\n  ));\n\n  const mergedRef = useMergedRef(observerRef, ref);\n\n  if (data.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box\n      {...getStyles('root')}\n      variant={variant}\n      size={size}\n      ref={mergedRef}\n      mod={{ 'full-width': fullWidth, orientation }}\n      {...others}\n      role=\"radiogroup\"\n    >\n      {typeof _value === 'string' && (\n        <Box\n          component=\"span\"\n          {...getStyles('indicator')}\n          __vars={{\n            '--sc-indicator-width': `${activePosition.width}px`,\n            '--sc-indicator-height': `${activePosition.height}px`,\n            '--sc-indicator-transform': `translate(${activePosition.translate[0]}px, ${activePosition.translate[1]}px)`,\n          }}\n        />\n      )}\n\n      {controls}\n    </Box>\n  );\n});\n\nSegmentedControl.displayName = '@mantine/core/SegmentedControl';\n"],"names":["createVarsResolver","getRadius","getThemeColor","getSize","getFontSize","factory","useProps","useStyles","classes","useDirection","useMantineTheme","useUncontrolled","useState","useId","useRef","useResizeObserver","useEffect","React","Box","useMergedRef"],"mappings":"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"}

package/cjs/components/SegmentedControl/SegmentedControl.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-7LbAahg","indicator":"mantine---46L-G","label":"mantine-xOh3CVo","input":"mantine-i69xIe7","control":"mantine-y34erSP"};
+
+exports.default = classes;
+//# sourceMappingURL=SegmentedControl.module.css.js.map

package/cjs/components/SegmentedControl/SegmentedControl.module.css.js.map

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

package/cjs/components/Slider/Marks/Marks.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getPosition = require('../utils/get-position/get-position.js');
+var isMarkFilled = require('./is-mark-filled.js');
+var Slider_context = require('../Slider.context.js');
+var Box = require('../../../core/Box/Box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function Marks({ marks, min, max, disabled, value, offset, inverted }) {
+    const { getStyles } = Slider_context.useSliderContext();
+    if (!marks) {
+        return null;
+    }
+    const items = marks.map((mark, index) => (React__default.createElement(Box.Box, Object.assign({}, getStyles('markWrapper'), { __vars: { '--mark-offset': `${getPosition.getPosition({ value: mark.value, min, max })}%` }, key: index }),
+        React__default.createElement(Box.Box, Object.assign({}, getStyles('mark'), { mod: { filled: isMarkFilled.isMarkFilled({ mark, value, offset, inverted }), disabled } })),
+        mark.label && React__default.createElement("div", Object.assign({}, getStyles('markLabel')), mark.label))));
+    return React__default.createElement("div", null, items);
+}
+Marks.displayName = '@mantine/core/SliderMarks';
+
+exports.Marks = Marks;
+//# sourceMappingURL=Marks.js.map

package/cjs/components/Slider/Marks/Marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marks.js","sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../core';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { isMarkFilled } from './is-mark-filled';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface MarksProps {\n  marks: { value: number; label?: React.ReactNode }[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  offset: number | undefined;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n}\n\nexport function Marks({ marks, min, max, disabled, value, offset, inverted }: MarksProps) {\n  const { getStyles } = useSliderContext();\n\n  if (!marks) {\n    return null;\n  }\n\n  const items = marks.map((mark, index) => (\n    <Box\n      {...getStyles('markWrapper')}\n      __vars={{ '--mark-offset': `${getPosition({ value: mark.value, min, max })}%` }}\n      key={index}\n    >\n      <Box\n        {...getStyles('mark')}\n        mod={{ filled: isMarkFilled({ mark, value, offset, inverted }), disabled }}\n      />\n      {mark.label && <div {...getStyles('markLabel')}>{mark.label}</div>}\n    </Box>\n  ));\n\n  return <div>{items}</div>;\n}\n\nMarks.displayName = '@mantine/core/SliderMarks';\n"],"names":["useSliderContext","React","Box","getPosition","isMarkFilled"],"mappings":";;;;;;;;;;;;;;SAgBgB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAc;IACtF,MAAM,EAAE,SAAS,EAAE,GAAGA,+BAAgB,EAAE,CAAC;IAEzC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAClCC,6BAACC,OAAG,oBACE,SAAS,CAAC,aAAa,CAAC,IAC5B,MAAM,EAAE,EAAE,eAAe,EAAE,GAAGC,uBAAW,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,EAC/E,GAAG,EAAE,KAAK;QAEVF,6BAACC,OAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,GAAG,EAAE,EAAE,MAAM,EAAEE,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,IAC1E;QACD,IAAI,CAAC,KAAK,IAAIH,sDAAS,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,KAAK,CAAO,CAC9D,CACP,CAAC,CAAC;IAEH,OAAOA,0CAAM,KAAK,CAAO,CAAC;AAC5B,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/cjs/components/Slider/Marks/is-mark-filled.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function isMarkFilled({ mark, offset, value, inverted = false }) {
+    return inverted
+        ? typeof offset === 'number'
+            ? mark.value <= offset || mark.value >= value
+            : mark.value >= value
+        : typeof offset === 'number'
+            ? mark.value >= offset && mark.value <= value
+            : mark.value <= value;
+}
+
+exports.isMarkFilled = isMarkFilled;
+//# sourceMappingURL=is-mark-filled.js.map

package/cjs/components/Slider/Marks/is-mark-filled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-mark-filled.js","sources":["../../../../src/components/Slider/Marks/is-mark-filled.ts"],"sourcesContent":["interface IsMarkFilled {\n  mark: { value: number; label?: any };\n  offset?: number;\n  value: number;\n  inverted?: boolean;\n}\n\nexport function isMarkFilled({ mark, offset, value, inverted = false }: IsMarkFilled) {\n  return inverted\n    ? typeof offset === 'number'\n      ? mark.value <= offset || mark.value >= value\n      : mark.value >= value\n    : typeof offset === 'number'\n    ? mark.value >= offset && mark.value <= value\n    : mark.value <= value;\n}\n"],"names":[],"mappings":";;;;SAOgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAgB;IAClF,OAAO,QAAQ;UACX,OAAO,MAAM,KAAK,QAAQ;cACxB,IAAI,CAAC,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK;cAC3C,IAAI,CAAC,KAAK,IAAI,KAAK;UACrB,OAAO,MAAM,KAAK,QAAQ;cAC1B,IAAI,CAAC,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK;cAC3C,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC;AAC1B;;;;"}

package/cjs/components/Slider/RangeSlider/RangeSlider.js

@@ -0,0 +1,234 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var Slider_context = require('../Slider.context.js');
+var SliderRoot = require('../SliderRoot/SliderRoot.js');
+var Track = require('../Track/Track.js');
+var Thumb = require('../Thumb/Thumb.js');
+var getPosition = require('../utils/get-position/get-position.js');
+var getChangeValue = require('../utils/get-change-value/get-change-value.js');
+var getClientPosition = require('../utils/get-client-position/get-client-position.js');
+var Slider_module = require('../Slider.module.css.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../../core/styles-api/use-styles/use-styles.js');
+var DirectionProvider = require('../../../core/DirectionProvider/DirectionProvider.js');
+var createVarsResolver = require('../../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../../core/utils/get-size/get-size.js');
+var getThemeColor = require('../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
+var rem = require('../../../core/utils/units-converters/rem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const varsResolver = createVarsResolver.createVarsResolver((theme, { size, color, thumbSize, radius }) => ({
+    root: {
+        '--slider-size': getSize.getSize(size, 'slider-size'),
+        '--slider-color': getThemeColor.getThemeColor(color, theme),
+        '--slider-radius': getSize.getRadius(radius),
+        '--slider-thumb-size': typeof thumbSize !== 'undefined' ? rem.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.factory((_props, ref) => {
+    const props = useProps.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 = tslib.__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.useStyles({
+        name: 'Slider',
+        props,
+        classes: Slider_module['default'],
+        classNames,
+        className,
+        styles,
+        style,
+        vars,
+        varsResolver,
+    });
+    const { dir } = DirectionProvider.useDirection();
+    const [focused, setFocused] = React.useState(-1);
+    const [hovered, setHovered] = React.useState(false);
+    const [_value, setValue] = hooks.useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: [min, max],
+        onChange,
+    });
+    const valueRef = React.useRef(_value);
+    const thumbs = React.useRef([]);
+    const thumbIndex = React.useRef(undefined);
+    const positions = [
+        getPosition.getPosition({ value: _value[0], min: min, max: max }),
+        getPosition.getPosition({ value: _value[1], min: min, max: max }),
+    ];
+    const _setValue = (val) => {
+        setValue(val);
+        valueRef.current = val;
+    };
+    React.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.getChangeValue({
+                value: val,
+                min: min,
+                max: max,
+                step: step,
+                precision,
+            });
+            setRangedValue(nextValue, thumbIndex.current, false);
+        }
+    };
+    const { ref: container, active } = hooks.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.getClientPosition(event.nativeEvent);
+        const changeValue = getChangeValue.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__default.createElement(Slider_context.SliderProvider, { value: { getStyles } },
+        React__default.createElement(SliderRoot.SliderRoot, Object.assign({}, others, { size: size, ref: ref, disabled: disabled }),
+            React__default.createElement(Track.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__default.createElement(Thumb.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__default.createElement(Thumb.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__default.createElement("input", { type: "hidden", name: `${name}_from`, value: _value[0] }),
+            React__default.createElement("input", { type: "hidden", name: `${name}_to`, value: _value[1] }))));
+});
+RangeSlider.displayName = '@mantine/core/RangeSlider';
+
+exports.RangeSlider = RangeSlider;
+//# sourceMappingURL=RangeSlider.js.map

package/cjs/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":["createVarsResolver","getSize","getThemeColor","getRadius","rem","factory","useProps","useStyles","classes","useDirection","useState","useUncontrolled","useRef","getPosition","useEffect","getChangeValue","useMove","getClientPosition","React","SliderProvider","SliderRoot","Track","Thumb"],"mappings":"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"}