@dreamcommerce/aurora 3.1.58-10 → 3.1.58-12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js +21 -18
  2. package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/slider/slider.js +21 -18
  4. package/build/cjs/packages/aurora/src/components/slider/slider.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/slider/components/slider_input.js +22 -19
  6. package/build/esm/packages/aurora/src/components/slider/components/slider_input.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/slider/slider.js +22 -19
  8. package/build/esm/packages/aurora/src/components/slider/slider.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/slider/slider_types.d.ts +0 -1
  10. package/build/index.css +1 -1
  11. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js CHANGED
@@ -17,9 +17,9 @@ var SliderInput = function SliderInput(_ref) {
17
17
  var value = _ref.value,
18
18
  min = _ref.min,
19
19
  max = _ref.max,
20
- step = _ref.step,
21
20
  suffix = _ref.suffix,
22
21
  disabled = _ref.disabled,
22
+ step = _ref.step,
23
23
  onValueChange = _ref.onValueChange,
24
24
  onValueCommit = _ref.onValueCommit;
25
25
  var _useState = React.useState(String(value)),
@@ -30,31 +30,29 @@ var SliderInput = function SliderInput(_ref) {
30
30
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
31
31
  isFocused = _useState4[0],
32
32
  setIsFocused = _useState4[1];
33
+ React.useEffect(function () {
34
+ if (!isFocused) setLocalValue(String(value));
35
+ }, [value, isFocused]);
33
36
  var handleChange = React.useCallback(function (e) {
34
37
  var raw = e.target.value;
35
38
  setLocalValue(raw);
36
- var parsed = Number(raw);
39
+ var parsed = parseFloat(raw);
37
40
  if (!isNaN(parsed) && raw.trim() !== '') {
38
41
  onValueChange(clamp(parsed, min, max));
39
42
  }
40
43
  }, [min, max, onValueChange]);
41
- var handleFocus = React.useCallback(function () {
42
- setLocalValue(String(value));
43
- setIsFocused(true);
44
- }, [value]);
45
44
  var handleBlur = React.useCallback(function () {
46
45
  setIsFocused(false);
47
- var parsed = Number(localValue);
48
- if (isNaN(parsed) || localValue.trim() === '') return;
46
+ var parsed = parseFloat(localValue);
47
+ if (isNaN(parsed) || localValue.trim() === '') {
48
+ onValueChange(value);
49
+ onValueCommit(value);
50
+ return;
51
+ }
49
52
  var clamped = clamp(parsed, min, max);
50
53
  onValueChange(clamped);
51
54
  onValueCommit(clamped);
52
- }, [localValue, min, max, onValueChange, onValueCommit]);
53
- var handleKeyDown = React.useCallback(function (e) {
54
- if (e.key === 'Enter') {
55
- e.currentTarget.blur();
56
- }
57
- }, []);
55
+ }, [localValue, min, max, value, onValueChange, onValueCommit]);
58
56
  var postElement = suffix ? (/*#__PURE__*/React__default['default'].createElement("div", {
59
57
  className: "aurora-flex aurora-items-center aurora-h-full aurora-px-2 aurora-text-s aurora-text-subtle-light"
60
58
  }, suffix)) : undefined;
@@ -63,15 +61,20 @@ var SliderInput = function SliderInput(_ref) {
63
61
  min: min,
64
62
  max: max,
65
63
  step: step,
66
- value: isFocused ? localValue : String(value),
64
+ formNoValidate: true,
65
+ value: localValue,
67
66
  onChange: handleChange,
68
- onFocus: handleFocus,
67
+ onFocus: function onFocus() {
68
+ return setIsFocused(true);
69
+ },
69
70
  onBlur: handleBlur,
70
- onKeyDown: handleKeyDown,
71
+ onKeyDown: function onKeyDown(e) {
72
+ return e.key === 'Enter' && e.currentTarget.blur();
73
+ },
71
74
  disabled: disabled,
72
75
  inputSize: "md",
73
76
  postElement: postElement,
74
- className: "aurora-w-auto aurora-shrink-0"
77
+ className: "aurora-w-28 aurora-shrink-0"
75
78
  });
76
79
  };
77
80
  SliderInput.displayName = 'SliderInput';
package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/slider/slider.js CHANGED
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
 
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
 
19
- var _excluded = ["value", "defaultValue", "min", "max", "step", "disabled", "showTooltip", "withInput", "inputStep", "suffix", "onValueChange", "onValueCommit", "className", "wrapperClassName"];
19
+ var _excluded = ["value", "defaultValue", "min", "max", "step", "disabled", "showTooltip", "withInput", "suffix", "onValueChange", "onValueCommit", "className", "wrapperClassName"];
20
20
  var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
21
21
  var controlledValue = _ref.value,
22
22
  _ref$defaultValue = _ref.defaultValue,
@@ -31,7 +31,6 @@ var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
31
31
  showTooltipProp = _ref.showTooltip,
32
32
  _ref$withInput = _ref.withInput,
33
33
  withInput = _ref$withInput === void 0 ? false : _ref$withInput,
34
- inputStepProp = _ref.inputStep,
35
34
  suffix = _ref.suffix,
36
35
  onValueChange = _ref.onValueChange,
37
36
  onValueCommit = _ref.onValueCommit,
@@ -45,7 +44,6 @@ var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
45
44
  setInternalValue = _useState2[1];
46
45
  var currentValue = isControlled ? controlledValue : internalValue;
47
46
  var showTooltip = showTooltipProp !== null && showTooltipProp !== void 0 ? showTooltipProp : !withInput;
48
- var resolvedInputStep = inputStepProp !== null && inputStepProp !== void 0 ? inputStepProp : step;
49
47
  var _useState3 = React.useState(false),
50
48
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
51
49
  isHovered = _useState4[0],
@@ -58,16 +56,7 @@ var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
58
56
  _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
59
57
  isDragging = _useState8[0],
60
58
  setIsDragging = _useState8[1];
61
- React.useEffect(function () {
62
- if (!isDragging) return;
63
- var handlePointerUp = function handlePointerUp() {
64
- return setIsDragging(false);
65
- };
66
- document.addEventListener('pointerup', handlePointerUp);
67
- return function () {
68
- return document.removeEventListener('pointerup', handlePointerUp);
69
- };
70
- }, [isDragging]);
59
+ var isPointerDownRef = React.useRef(false);
71
60
  var tooltipOpen = showTooltip && (isHovered || isFocused || isDragging);
72
61
  var updateValue = React.useCallback(function (newValue) {
73
62
  if (!isControlled) {
@@ -96,7 +85,19 @@ var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
96
85
  onValueChange: handleValueChange,
97
86
  onValueCommit: handleValueCommit,
98
87
  onPointerDown: function onPointerDown() {
99
- return setIsDragging(true);
88
+ isPointerDownRef.current = true;
89
+ setIsDragging(true);
90
+ setIsFocused(false);
91
+ },
92
+ onPointerUp: function onPointerUp() {
93
+ isPointerDownRef.current = false;
94
+ setIsDragging(false);
95
+ setIsHovered(false);
96
+ },
97
+ onPointerCancel: function onPointerCancel() {
98
+ isPointerDownRef.current = false;
99
+ setIsDragging(false);
100
+ setIsHovered(false);
100
101
  },
101
102
  className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-touch-none aurora-select-none aurora-items-center aurora-group aurora-h-5', {
102
103
  'aurora-cursor-not-allowed aurora-pointer-events-none': disabled
@@ -118,13 +119,15 @@ var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
118
119
  onMouseLeave: function onMouseLeave() {
119
120
  return setIsHovered(false);
120
121
  },
121
- onFocus: function onFocus() {
122
- return setIsFocused(true);
122
+ onFocus: function onFocus(e) {
123
+ if (!isPointerDownRef.current) {
124
+ setIsFocused(e.target.matches(':focus-visible'));
125
+ }
123
126
  },
124
127
  onBlur: function onBlur() {
125
128
  return setIsFocused(false);
126
129
  },
127
- className: cn.cn('aurora-block aurora-h-5 aurora-w-5 aurora-rounded-full aurora-transition-all aurora-outline-none', disabled ? 'aurora-bg-active aurora-border-0 aurora-cursor-not-allowed' : cn.cn('aurora-border aurora-border-strong aurora-bg aurora-cursor-grab hover:aurora-cursor-grab hover:aurora-border-extraStrong focus:aurora-border focus:aurora-border-extraStrong focus:aurora-shadow-[0_0_0_3px_var(--a-brand-300)]', isDragging && 'focus-visible:aurora-border-[6px] focus-visible:aurora-border-primary focus:aurora-shadow-none !aurora-cursor-grabbing'))
130
+ className: cn.cn('aurora-block aurora-h-5 aurora-w-5 aurora-rounded-full aurora-outline-none', !isDragging && 'aurora-transition-all', disabled ? 'aurora-bg-active aurora-border-0 aurora-cursor-not-allowed' : cn.cn('aurora-bg focus-visible:aurora-border-extraStrong focus-visible:aurora-shadow-[0_0_0_3px_var(--a-brand-300)]', isDragging ? '!aurora-border-[6px] !aurora-border-primary hover:aurora-border-primary aurora-cursor-grabbing focus-visible:aurora-shadow-none' : 'aurora-border aurora-border-strong hover:aurora-border-extraStrong aurora-cursor-grab hover:aurora-cursor-grab'))
128
131
  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
129
132
  variant: "dark",
130
133
  side: "top",
@@ -133,7 +136,7 @@ var Slider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
133
136
  value: currentValue,
134
137
  min: min,
135
138
  max: max,
136
- step: resolvedInputStep,
139
+ step: step,
137
140
  suffix: suffix,
138
141
  disabled: disabled,
139
142
  onValueChange: updateValue,
package/build/cjs/packages/aurora/src/components/slider/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,kEAAsE;AAC1F,sBAAsB,mEAAuE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,kEAAsE;AAC1F,sBAAsB,mEAAuE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/slider/components/slider_input.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { useState, useCallback } from 'react';
1
+ import React__default, { useState, useEffect, useCallback } from 'react';
2
2
  import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { Input } from '../../input/input.js';
4
4
 
@@ -9,9 +9,9 @@ var SliderInput = function SliderInput(_ref) {
9
9
  var value = _ref.value,
10
10
  min = _ref.min,
11
11
  max = _ref.max,
12
- step = _ref.step,
13
12
  suffix = _ref.suffix,
14
13
  disabled = _ref.disabled,
14
+ step = _ref.step,
15
15
  onValueChange = _ref.onValueChange,
16
16
  onValueCommit = _ref.onValueCommit;
17
17
  var _useState = useState(String(value)),
@@ -22,31 +22,29 @@ var SliderInput = function SliderInput(_ref) {
22
22
  _useState4 = _slicedToArray(_useState3, 2),
23
23
  isFocused = _useState4[0],
24
24
  setIsFocused = _useState4[1];
25
+ useEffect(function () {
26
+ if (!isFocused) setLocalValue(String(value));
27
+ }, [value, isFocused]);
25
28
  var handleChange = useCallback(function (e) {
26
29
  var raw = e.target.value;
27
30
  setLocalValue(raw);
28
- var parsed = Number(raw);
31
+ var parsed = parseFloat(raw);
29
32
  if (!isNaN(parsed) && raw.trim() !== '') {
30
33
  onValueChange(clamp(parsed, min, max));
31
34
  }
32
35
  }, [min, max, onValueChange]);
33
- var handleFocus = useCallback(function () {
34
- setLocalValue(String(value));
35
- setIsFocused(true);
36
- }, [value]);
37
36
  var handleBlur = useCallback(function () {
38
37
  setIsFocused(false);
39
- var parsed = Number(localValue);
40
- if (isNaN(parsed) || localValue.trim() === '') return;
38
+ var parsed = parseFloat(localValue);
39
+ if (isNaN(parsed) || localValue.trim() === '') {
40
+ onValueChange(value);
41
+ onValueCommit(value);
42
+ return;
43
+ }
41
44
  var clamped = clamp(parsed, min, max);
42
45
  onValueChange(clamped);
43
46
  onValueCommit(clamped);
44
- }, [localValue, min, max, onValueChange, onValueCommit]);
45
- var handleKeyDown = useCallback(function (e) {
46
- if (e.key === 'Enter') {
47
- e.currentTarget.blur();
48
- }
49
- }, []);
47
+ }, [localValue, min, max, value, onValueChange, onValueCommit]);
50
48
  var postElement = suffix ? (/*#__PURE__*/React__default.createElement("div", {
51
49
  className: "aurora-flex aurora-items-center aurora-h-full aurora-px-2 aurora-text-s aurora-text-subtle-light"
52
50
  }, suffix)) : undefined;
@@ -55,15 +53,20 @@ var SliderInput = function SliderInput(_ref) {
55
53
  min: min,
56
54
  max: max,
57
55
  step: step,
58
- value: isFocused ? localValue : String(value),
56
+ formNoValidate: true,
57
+ value: localValue,
59
58
  onChange: handleChange,
60
- onFocus: handleFocus,
59
+ onFocus: function onFocus() {
60
+ return setIsFocused(true);
61
+ },
61
62
  onBlur: handleBlur,
62
- onKeyDown: handleKeyDown,
63
+ onKeyDown: function onKeyDown(e) {
64
+ return e.key === 'Enter' && e.currentTarget.blur();
65
+ },
63
66
  disabled: disabled,
64
67
  inputSize: "md",
65
68
  postElement: postElement,
66
- className: "aurora-w-auto aurora-shrink-0"
69
+ className: "aurora-w-28 aurora-shrink-0"
67
70
  });
68
71
  };
69
72
  SliderInput.displayName = 'SliderInput';
package/build/esm/packages/aurora/src/components/slider/components/slider_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/slider/slider.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { useState, useEffect, useCallback } from 'react';
1
+ import React__default, { useState, useRef, useCallback } from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../utilities/cn.js';
4
4
  import { Root, Track, Range, Thumb } from '../../../../../external/@radix-ui/react-slider/dist/index.mjs.js';
@@ -8,7 +8,7 @@ import { TooltipContent } from '../tooltip/components/tooltip_content.js';
8
8
  import { TooltipProvider } from '../tooltip/context/tooltip_provider.js';
9
9
  import { SliderInput } from './components/slider_input.js';
10
10
 
11
- var _excluded = ["value", "defaultValue", "min", "max", "step", "disabled", "showTooltip", "withInput", "inputStep", "suffix", "onValueChange", "onValueCommit", "className", "wrapperClassName"];
11
+ var _excluded = ["value", "defaultValue", "min", "max", "step", "disabled", "showTooltip", "withInput", "suffix", "onValueChange", "onValueCommit", "className", "wrapperClassName"];
12
12
  var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
13
13
  var controlledValue = _ref.value,
14
14
  _ref$defaultValue = _ref.defaultValue,
@@ -23,7 +23,6 @@ var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
23
23
  showTooltipProp = _ref.showTooltip,
24
24
  _ref$withInput = _ref.withInput,
25
25
  withInput = _ref$withInput === void 0 ? false : _ref$withInput,
26
- inputStepProp = _ref.inputStep,
27
26
  suffix = _ref.suffix,
28
27
  onValueChange = _ref.onValueChange,
29
28
  onValueCommit = _ref.onValueCommit,
@@ -37,7 +36,6 @@ var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
37
36
  setInternalValue = _useState2[1];
38
37
  var currentValue = isControlled ? controlledValue : internalValue;
39
38
  var showTooltip = showTooltipProp !== null && showTooltipProp !== void 0 ? showTooltipProp : !withInput;
40
- var resolvedInputStep = inputStepProp !== null && inputStepProp !== void 0 ? inputStepProp : step;
41
39
  var _useState3 = useState(false),
42
40
  _useState4 = _slicedToArray(_useState3, 2),
43
41
  isHovered = _useState4[0],
@@ -50,16 +48,7 @@ var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
50
48
  _useState8 = _slicedToArray(_useState7, 2),
51
49
  isDragging = _useState8[0],
52
50
  setIsDragging = _useState8[1];
53
- useEffect(function () {
54
- if (!isDragging) return;
55
- var handlePointerUp = function handlePointerUp() {
56
- return setIsDragging(false);
57
- };
58
- document.addEventListener('pointerup', handlePointerUp);
59
- return function () {
60
- return document.removeEventListener('pointerup', handlePointerUp);
61
- };
62
- }, [isDragging]);
51
+ var isPointerDownRef = useRef(false);
63
52
  var tooltipOpen = showTooltip && (isHovered || isFocused || isDragging);
64
53
  var updateValue = useCallback(function (newValue) {
65
54
  if (!isControlled) {
@@ -88,7 +77,19 @@ var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
88
77
  onValueChange: handleValueChange,
89
78
  onValueCommit: handleValueCommit,
90
79
  onPointerDown: function onPointerDown() {
91
- return setIsDragging(true);
80
+ isPointerDownRef.current = true;
81
+ setIsDragging(true);
82
+ setIsFocused(false);
83
+ },
84
+ onPointerUp: function onPointerUp() {
85
+ isPointerDownRef.current = false;
86
+ setIsDragging(false);
87
+ setIsHovered(false);
88
+ },
89
+ onPointerCancel: function onPointerCancel() {
90
+ isPointerDownRef.current = false;
91
+ setIsDragging(false);
92
+ setIsHovered(false);
92
93
  },
93
94
  className: cn('aurora-relative aurora-flex aurora-w-full aurora-touch-none aurora-select-none aurora-items-center aurora-group aurora-h-5', {
94
95
  'aurora-cursor-not-allowed aurora-pointer-events-none': disabled
@@ -110,13 +111,15 @@ var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
110
111
  onMouseLeave: function onMouseLeave() {
111
112
  return setIsHovered(false);
112
113
  },
113
- onFocus: function onFocus() {
114
- return setIsFocused(true);
114
+ onFocus: function onFocus(e) {
115
+ if (!isPointerDownRef.current) {
116
+ setIsFocused(e.target.matches(':focus-visible'));
117
+ }
115
118
  },
116
119
  onBlur: function onBlur() {
117
120
  return setIsFocused(false);
118
121
  },
119
- className: cn('aurora-block aurora-h-5 aurora-w-5 aurora-rounded-full aurora-transition-all aurora-outline-none', disabled ? 'aurora-bg-active aurora-border-0 aurora-cursor-not-allowed' : cn('aurora-border aurora-border-strong aurora-bg aurora-cursor-grab hover:aurora-cursor-grab hover:aurora-border-extraStrong focus:aurora-border focus:aurora-border-extraStrong focus:aurora-shadow-[0_0_0_3px_var(--a-brand-300)]', isDragging && 'focus-visible:aurora-border-[6px] focus-visible:aurora-border-primary focus:aurora-shadow-none !aurora-cursor-grabbing'))
122
+ className: cn('aurora-block aurora-h-5 aurora-w-5 aurora-rounded-full aurora-outline-none', !isDragging && 'aurora-transition-all', disabled ? 'aurora-bg-active aurora-border-0 aurora-cursor-not-allowed' : cn('aurora-bg focus-visible:aurora-border-extraStrong focus-visible:aurora-shadow-[0_0_0_3px_var(--a-brand-300)]', isDragging ? '!aurora-border-[6px] !aurora-border-primary hover:aurora-border-primary aurora-cursor-grabbing focus-visible:aurora-shadow-none' : 'aurora-border aurora-border-strong hover:aurora-border-extraStrong aurora-cursor-grab hover:aurora-cursor-grab'))
120
123
  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
121
124
  variant: "dark",
122
125
  side: "top",
@@ -125,7 +128,7 @@ var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
125
128
  value: currentValue,
126
129
  min: min,
127
130
  max: max,
128
- step: resolvedInputStep,
131
+ step: step,
129
132
  suffix: suffix,
130
133
  disabled: disabled,
131
134
  onValueChange: updateValue,
package/build/esm/packages/aurora/src/components/slider/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,0CAA0C,kEAAsE;AAChH,wBAAwB,mEAAuE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,0CAA0C,kEAAsE;AAChH,wBAAwB,mEAAuE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/slider/slider_types.d.ts CHANGED
@@ -7,7 +7,6 @@ export interface TSliderProps extends Omit<React.ComponentPropsWithoutRef<typeof
7
7
  onValueCommit?: (value: number) => void;
8
8
  showTooltip?: boolean;
9
9
  withInput?: boolean;
10
- inputStep?: number;
11
10
  suffix?: string;
12
11
  wrapperClassName?: string;
13
12
  }