@smg-automotive/components 25.11.0-chakra-v3.4 → 25.11.0-chakra-v3.6

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 (48) hide show
  1. package/dist/cjs/components/index.d.ts +1 -0
  2. package/dist/cjs/components/index.d.ts.map +1 -1
  3. package/dist/cjs/components/rangeFilterInput/InputGroup.d.ts +1 -1
  4. package/dist/cjs/components/rangeFilterInput/InputGroup.d.ts.map +1 -1
  5. package/dist/cjs/components/rangeFilterInput/index.d.ts.map +1 -1
  6. package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts +34 -0
  7. package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts.map +1 -0
  8. package/dist/cjs/components/rangeSlider/Chart.d.ts +10 -0
  9. package/dist/cjs/components/rangeSlider/Chart.d.ts.map +1 -0
  10. package/dist/cjs/components/rangeSlider/RangeSliderWithChart.d.ts +17 -0
  11. package/dist/cjs/components/rangeSlider/RangeSliderWithChart.d.ts.map +1 -0
  12. package/dist/cjs/components/rangeSlider/RangeSliderWithScale.d.ts +46 -0
  13. package/dist/cjs/components/rangeSlider/RangeSliderWithScale.d.ts.map +1 -0
  14. package/dist/cjs/components/rangeSlider/index.d.ts +10 -0
  15. package/dist/cjs/components/rangeSlider/index.d.ts.map +1 -0
  16. package/dist/cjs/index.js +75 -24
  17. package/dist/cjs/index.js.map +1 -1
  18. package/dist/cjs/themes/shared/slotRecipes/numberInput.d.ts.map +1 -1
  19. package/dist/esm/components/index.d.ts +1 -0
  20. package/dist/esm/components/index.d.ts.map +1 -1
  21. package/dist/esm/components/rangeFilterInput/InputGroup.d.ts +1 -1
  22. package/dist/esm/components/rangeFilterInput/InputGroup.d.ts.map +1 -1
  23. package/dist/esm/components/rangeFilterInput/InputGroup.js +54 -14
  24. package/dist/esm/components/rangeFilterInput/InputGroup.js.map +1 -1
  25. package/dist/esm/components/rangeFilterInput/index.d.ts.map +1 -1
  26. package/dist/esm/components/rangeFilterInput/index.js +2 -4
  27. package/dist/esm/components/rangeFilterInput/index.js.map +1 -1
  28. package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts +34 -0
  29. package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts.map +1 -0
  30. package/dist/esm/components/rangeSlider/Chart.d.ts +10 -0
  31. package/dist/esm/components/rangeSlider/Chart.d.ts.map +1 -0
  32. package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts +17 -0
  33. package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts.map +1 -0
  34. package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts +46 -0
  35. package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts.map +1 -0
  36. package/dist/esm/components/rangeSlider/index.d.ts +10 -0
  37. package/dist/esm/components/rangeSlider/index.d.ts.map +1 -0
  38. package/dist/esm/components/rangeSlider/index.js +16 -0
  39. package/dist/esm/components/rangeSlider/index.js.map +1 -0
  40. package/dist/esm/index.js +1 -0
  41. package/dist/esm/index.js.map +1 -1
  42. package/dist/esm/themes/shared/slotRecipes/numberInput.d.ts.map +1 -1
  43. package/dist/esm/themes/shared/slotRecipes/numberInput.js +3 -1
  44. package/dist/esm/themes/shared/slotRecipes/numberInput.js.map +1 -1
  45. package/dist/esm/themes/shared/slotRecipes/slider.js +7 -7
  46. package/dist/esm/themes/shared/slotRecipes/slider.js.map +1 -1
  47. package/dist/index.d.ts +10 -3
  48. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqG5B,CAAC"}
1
+ {"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuG5B,CAAC"}
@@ -53,4 +53,5 @@ export * from './rangeFilterInput';
53
53
  export * from './topVehicleSharedBadge';
54
54
  export * from './discreteSlider';
55
55
  export * from './formControlSection';
56
+ export * from './rangeSlider';
56
57
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { RecipeVariantProps } from '@chakra-ui/react';
3
3
  import { numberInputRecipe } from 'src/themes/shared/slotRecipes/numberInput';
4
- import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
4
+ import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
5
5
  type NumberInputVariantProps = RecipeVariantProps<typeof numberInputRecipe>;
6
6
  type InputGroupProps<Name extends string> = NumberInputVariantProps & {
7
7
  handleChange: (event: ChangeCallback<Name>) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAI9E,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,uBAAuB,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5E,KAAK,eAAe,CAAC,IAAI,SAAS,MAAM,IAAI,uBAAuB,GAAG;IACpE,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,MAAM,EAAE,qDAM7C,eAAe,CAAC,IAAI,CAAC,sBA4CvB,CAAC"}
1
+ {"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAI9E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,uBAAuB,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5E,KAAK,eAAe,CAAC,IAAI,SAAS,MAAM,IAAI,uBAAuB,GAAG;IACpE,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAQ3B,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,MAAM,EAAE,qDAM7C,eAAe,CAAC,IAAI,CAAC,sBAyEvB,CAAC"}
@@ -1,30 +1,70 @@
1
1
  import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
2
- import React, { useState } from 'react';
2
+ import { useDebouncedCallback } from 'use-debounce';
3
+ import React, { useState, useEffect } from 'react';
3
4
  import { useSlotRecipe, NumberInput } from '@chakra-ui/react';
4
5
  import { InputLeftElement } from './InputLeftElement.js';
5
6
 
7
+ var parseToNumberOrUndef = function (raw) {
8
+ if (raw.trim() === '')
9
+ return undefined;
10
+ var n = Number(raw);
11
+ return Number.isNaN(n) ? undefined : n;
12
+ };
6
13
  var InputGroup = function (_a) {
7
14
  var _b;
8
15
  var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit"]);
9
- var _c = useState(false), refocus = _c[0], setRefocus = _c[1];
10
16
  var recipe = useSlotRecipe({ key: 'numberInput' });
11
- var _d = recipe.splitVariantProps(rest), recipeProps = _d[0], restProps = _d[1];
17
+ var _c = recipe.splitVariantProps(rest), recipeProps = _c[0], restProps = _c[1];
12
18
  var styles = recipe(recipeProps);
13
- return (React.createElement(NumberInput.Root, __assign({ key: "".concat(inputProps.name, "-").concat(inputProps.value), css: styles.root, width: "full", defaultValue: inputProps.value != null ? String(inputProps.value) : undefined, onValueChange: function (_a) {
14
- var valueAsNumber = _a.valueAsNumber;
15
- return handleChange({
16
- value: valueAsNumber || undefined,
17
- name: inputProps.name,
18
- });
19
- }, onBlur: function (event) {
19
+ /**
20
+ * Local string state that represents exactly what the user typed.
21
+ *
22
+ * Why string:
23
+ * - Allows intermediate values ("1" → "10" → "100")
24
+ * - Prevents cursor jumps and unstable behavior
25
+ * - Most stable approach with Chakra v3 NumberInput
26
+ */
27
+ var _d = useState(inputProps.value != null ? String(inputProps.value) : ''), raw = _d[0], setRaw = _d[1];
28
+ /**
29
+ * Sync external value changes (e.g. slider moved) back into the input.
30
+ * Without this, the input would display stale values.
31
+ */
32
+ useEffect(function () {
33
+ setRaw(inputProps.value != null ? String(inputProps.value) : '');
34
+ }, [inputProps.value]);
35
+ /**
36
+ * Debounced emit PER INPUT (important!)
37
+ *
38
+ * Why per-input debounce:
39
+ * - Shared debounce caused race conditions between FROM / TO inputs
40
+ * - Each input must control its own timing
41
+ *
42
+ */
43
+ var debouncedEmit = useDebouncedCallback(function (nextRaw) {
44
+ handleChange({
45
+ name: inputProps.name,
46
+ value: parseToNumberOrUndef(nextRaw),
47
+ });
48
+ }, 1000);
49
+ return (React.createElement(NumberInput.Root, __assign({ css: styles.root, width: "full",
50
+ // Update local string immediately
51
+ value: raw, onValueChange: function (_a) {
52
+ var value = _a.value;
53
+ setRaw(value);
54
+ debouncedEmit(value);
55
+ },
56
+ /**
57
+ * On blur we emit immediately as a safety net,
58
+ * ensuring the final value is always propagated.
59
+ */
60
+ onBlur: function () {
20
61
  onBlur === null || onBlur === void 0 ? void 0 : onBlur({
21
- value: Number(event.target.value) || undefined,
22
62
  name: inputProps.name,
63
+ value: parseToNumberOrUndef(raw),
23
64
  });
24
- setRefocus(false);
25
- }, onFocus: function () { return setRefocus(true); } }, restProps),
65
+ } }, restProps),
26
66
  unit ? React.createElement(InputLeftElement, { unit: unit }) : null,
27
- React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '', autoFocus: refocus, "aria-label": inputProps.ariaLabel, fontSize: "base" })));
67
+ React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '', "aria-label": inputProps.ariaLabel, fontSize: "base" })));
28
68
  };
29
69
 
30
70
  export { InputGroup };
@@ -1 +1 @@
1
- {"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA0BO,IAAM,UAAU,GAAG,UAAsB,EAMxB,EAAA;;AALtB,IAAA,IAAA,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,UAAU,gBAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,IAAI,GAAA,MAAA,CAAA,EAAA,EALuC,gDAM/C,CADQ;IAED,IAAA,EAAA,GAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;IAE7C,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC;AAE9C,IAAA,IAAA,EAAA,GAA2B,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAxD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,QAAkC;AAE/D,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAElC,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,IAAI,aACf,GAAG,EAAE,EAAA,CAAA,MAAA,CAAG,UAAU,CAAC,IAAI,cAAI,UAAU,CAAC,KAAK,CAAE,EAC7C,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,KAAK,EAAC,MAAM,EACZ,YAAY,EACV,UAAU,CAAC,KAAK,IAAI,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,EAEjE,aAAa,EAAE,UAAC,EAAiB,EAAA;AAAf,YAAA,IAAA,aAAa,GAAA,EAAA,CAAA,aAAA;AAC7B,YAAA,OAAA,YAAY,CAAC;gBACX,KAAK,EAAE,aAAa,IAAI,SAAS;gBACjC,IAAI,EAAE,UAAU,CAAC,IAAI;aACtB,CAAC;AAHF,QAAA,CAGE,EAEJ,MAAM,EAAE,UAAC,KAAK,EAAA;AACZ,YAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAG;gBACP,KAAK,EAAE,MAAM,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,IAAI,SAAS;gBACpE,IAAI,EAAE,UAAU,CAAC,IAAI;AACtB,aAAA,CAAC;YACF,UAAU,CAAC,KAAK,CAAC;AACnB,QAAA,CAAC,EACD,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,IAAI,CAAC,CAAA,CAAhB,CAAgB,EAAA,EAC3B,SAAS,CAAA;AAEZ,QAAA,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,GAAG,IAAI;AAE/C,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,KAAK,EAAA,EAChB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,WAAW,EAAE,CAAA,EAAA,GAAA,UAAU,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EACzC,SAAS,EAAE,OAAO,gBACN,UAAU,CAAC,SAAS,EAChC,QAAQ,EAAC,MAAM,EAAA,CACf,CACe;AAEvB;;;;"}
1
+ {"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAC7C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CACvC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;IAC3E,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,mDAOC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBAwBzC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAC7C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CACvC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;IAC3E,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,mDAOC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBAsBzC,CAAC"}
@@ -1,15 +1,13 @@
1
1
  import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
2
- import { useDebouncedCallback } from 'use-debounce';
3
2
  import React from 'react';
4
3
  import { Flex } from '@chakra-ui/react';
5
4
  import { InputGroup } from './InputGroup.js';
6
5
 
7
6
  var RangeFilterInput = function (_a) {
8
7
  var from = _a.from, to = _a.to, handleChange = _a.handleChange, unit = _a.unit, onBlur = _a.onBlur, rest = __rest(_a, ["from", "to", "handleChange", "unit", "onBlur"]);
9
- var handleChangeDebounced = useDebouncedCallback(handleChange, 1000);
10
8
  return (React.createElement(Flex, null,
11
- React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest)),
12
- React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest))));
9
+ React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest)),
10
+ React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest))));
13
11
  };
14
12
 
15
13
  export { RangeFilterInput };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAiCO,IAAM,gBAAgB,GAAG,UAG9B,EAOwC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANP,gDAOD,CADQ;IAEP,IAAM,qBAAqB,GAAG,oBAAoB,CAAC,YAAY,EAAE,IAAI,CAAC;IAEtE,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAA,CAAA,aAAA,CAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,qBAAqB,EACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,qBAAqB,EACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACG;AAEX;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiCO,IAAM,gBAAgB,GAAG,UAG9B,EAOwC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANP,gDAOD,CADQ;IAEP,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAA,CAAA,aAAA,CAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACG;AAEX;;;;"}
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import { NumericMinMaxValue } from '../rangeSlider/RangeSliderWithScale';
3
+ import { Facet, RangeSliderWithChartProps } from '../rangeSlider/RangeSliderWithChart';
4
+ import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
5
+ export type ChangeSliderCallback = {
6
+ touched: 'min' | 'max';
7
+ value: NumericMinMaxValue;
8
+ };
9
+ type ChangeRangeInputWithSliderCallback<Name> = {
10
+ changeType?: 'inputfield' | 'slider';
11
+ } & ChangeCallback<Name>;
12
+ type RangeSliderProps = {
13
+ facets?: Facet[];
14
+ rangeSliderScale?: number[];
15
+ chartHeight?: RangeSliderWithChartProps['chartHeight'];
16
+ } & ({
17
+ facets: Facet[];
18
+ chartHeight?: string;
19
+ rangeSliderScale?: never;
20
+ } | {
21
+ rangeSliderScale: number[];
22
+ facets?: never;
23
+ chartHeight?: never;
24
+ });
25
+ export type Props<NameFrom, NameTo> = {
26
+ from: RangeFilterInputField<NameFrom>;
27
+ onChange: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
28
+ onBlur?: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
29
+ to: RangeFilterInputField<NameTo>;
30
+ unit?: string;
31
+ } & RangeSliderProps & PickedNumberInputProps;
32
+ export declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
33
+ export {};
34
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,wBAAgB,0BAA0B,CACxC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAsFzB"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Facet } from './RangeSliderWithChart';
3
+ interface Props {
4
+ facets?: Facet[];
5
+ range: number[];
6
+ height?: 'sm' | 'normal';
7
+ }
8
+ export declare const Chart: React.FC<Props>;
9
+ export {};
10
+ //# sourceMappingURL=Chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BjC,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { BoxProps } from '@chakra-ui/react';
3
+ import { ChangeCallback, NumericMinMaxValue } from './RangeSliderWithScale';
4
+ export type Facet = {
5
+ from: number;
6
+ to?: number | null;
7
+ value: number;
8
+ };
9
+ export interface RangeSliderWithChartProps {
10
+ facets: Facet[];
11
+ selection: NumericMinMaxValue;
12
+ onSliderChange: (event: ChangeCallback) => void;
13
+ onSliderRelease: (event: ChangeCallback) => void;
14
+ chartHeight?: BoxProps['h'];
15
+ }
16
+ export declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
17
+ //# sourceMappingURL=RangeSliderWithChart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}
@@ -0,0 +1,46 @@
1
+ import React from 'react';
2
+ export type NumericMinMaxValue = {
3
+ min: number | null | undefined;
4
+ max: number | null | undefined;
5
+ };
6
+ export type ChangeCallback = {
7
+ touched: 'min' | 'max';
8
+ value: NumericMinMaxValue;
9
+ };
10
+ interface RangeSliderWithScaleProps {
11
+ /**
12
+ * Array of numbers that represents the custom scale of the range slider
13
+ * @example [0, 100, 200, 300, 400]
14
+ * @default []
15
+ * @required
16
+ */
17
+ scale: number[];
18
+ /**
19
+ * Object that contains the min and max values of the range slider
20
+ * @example { min: 0, max: 100 }
21
+ * @default { min: null, max: null }
22
+ * @required
23
+ */
24
+ selection: NumericMinMaxValue;
25
+ /**
26
+ * Callback function that is triggered when slider is moving
27
+ * @param event contains touched - what thumb is moved and value
28
+ */
29
+ onSliderChange: (event: ChangeCallback) => void;
30
+ /**
31
+ * Callback function that is triggered when slider is released
32
+ * @param event contains touched - what thumb is moved and value
33
+ */
34
+ onSliderRelease: (event: ChangeCallback) => void;
35
+ /**
36
+ * Function that renders the chart with wrapper
37
+ * @param range contains the range of the slider
38
+ * @returns the chart component
39
+ * @example (range: number[]) => <Chart range={range} />
40
+ * @default null
41
+ */
42
+ renderChart?: (range: number[]) => React.ReactNode;
43
+ }
44
+ export declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
45
+ export {};
46
+ //# sourceMappingURL=RangeSliderWithScale.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgIpE,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Slider } from '@chakra-ui/react';
3
+ type SliderRootProps = Omit<React.ComponentProps<typeof Slider.Root>, 'onChange'>;
4
+ export type RangeSliderProps = SliderRootProps & {
5
+ onChange?: (values: number[]) => void;
6
+ onChangeEnd?: (values: number[]) => void;
7
+ };
8
+ export declare const RangeSlider: React.FC<RangeSliderProps>;
9
+ export {};
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
2
+ import React from 'react';
3
+ import { Slider } from '@chakra-ui/react';
4
+
5
+ var RangeSlider = function (_a) {
6
+ var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, onChange = _a.onChange, onChangeEnd = _a.onChangeEnd, rest = __rest(_a, ["min", "max", "onChange", "onChangeEnd"]);
7
+ return (React.createElement(Slider.Root, __assign({ defaultValue: [min, max], min: min, max: max, onValueChange: function (details) { return onChange === null || onChange === void 0 ? void 0 : onChange(details.value); }, onValueChangeEnd: function (details) { return onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(details.value); } }, rest),
8
+ React.createElement(Slider.Control, null,
9
+ React.createElement(Slider.Track, null,
10
+ React.createElement(Slider.Range, null)),
11
+ React.createElement(Slider.Thumb, { index: 0, "aria-label": "Min", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }),
12
+ React.createElement(Slider.Thumb, { index: 1, "aria-label": "Max", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }))));
13
+ };
14
+
15
+ export { RangeSlider };
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/rangeSlider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAeO,IAAM,WAAW,GAA+B,UAAC,EAMvD,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,GAAO,EAAP,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACP,EAAA,GAAA,EAAA,CAAA,GAAQ,EAAR,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,iBAAA,EACR,IAAI,GAAA,MAAA,CAAA,EAAA,EAL+C,CAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,aAAA,CAMvD,CADQ;AAEP,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,QAAA,CAAA,EACV,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,OAAO,CAAC,KAAK,CAAC,CAAA,CAAzB,CAAyB,EACrD,gBAAgB,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAG,OAAO,CAAC,KAAK,CAAC,CAAA,CAA5B,CAA4B,EAAA,EACvD,IAAI,CAAA;QAER,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,EAAA,IAAA;YACb,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,IAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,IAAA,CAAG,CACH;AACf,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,CAAC,EAAA,YAAA,EACG,KAAK,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA,CAChC;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,CAAC,EAAA,YAAA,EACG,KAAK,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAChC,CACa,CACL;AAElB;;;;"}
package/dist/esm/index.js CHANGED
@@ -290,6 +290,7 @@ export { RangeFilterInput } from './components/rangeFilterInput/index.js';
290
290
  export { TopVehicleSharedBadge } from './components/topVehicleSharedBadge/index.js';
291
291
  export { DiscreteSlider } from './components/discreteSlider/index.js';
292
292
  export { FormControlSection } from './components/formControlSection/index.js';
293
+ export { RangeSlider } from './components/rangeSlider/index.js';
293
294
  export { convertRemEmToPx } from './utilities/convertRemEmToPx.js';
294
295
  export { default as logger } from './lib/logger.js';
295
296
  export { DrawerOverlay } from './components/drawer/DrawerOverlay.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqG5B,CAAC"}
1
+ {"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuG5B,CAAC"}
@@ -10,7 +10,9 @@ var numberInputRecipe = defineSlotRecipe({
10
10
  'decrementTrigger',
11
11
  ],
12
12
  base: {
13
- root: {},
13
+ root: {
14
+ position: 'relative',
15
+ },
14
16
  input: {
15
17
  w: 'full',
16
18
  minW: '0',
@@ -1 +1 @@
1
- {"version":3,"file":"numberInput.js","sources":["../../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"numberInput.js","sources":["../../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAChD,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,KAAK,EAAE;QACL,MAAM;QACN,OAAO;QACP,SAAS;QACT,kBAAkB;QAClB,kBAAkB;AACV,KAAA;AAEV,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,CAAC,EAAE,MAAM;AACT,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,kBAAkB,EAAE,QAAQ;AAC5B,YAAA,kBAAkB,EAAE,QAAQ;AAC5B,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,SAAS,EAAE,OAAO;AACnB,SAAA;AACD,QAAA,OAAO,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE;AACtB,QAAA,gBAAgB,EAAE,EAAE;AACpB,QAAA,gBAAgB,EAAE,EAAE;AACrB,KAAA;AAED,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE;AACP,gBAAA,KAAK,EAAE;AACL,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,WAAW,EAAE,UAAU;AACvB,oBAAA,YAAY,EAAE,IAAI;AAClB,oBAAA,EAAE,EAAE,SAAS;AACb,oBAAA,KAAK,EAAE,UAAU;AACjB,oBAAA,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;AACnC,oBAAA,MAAM,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE;AACnC,oBAAA,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;AACzB,oBAAA,QAAQ,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AACpC,oBAAA,SAAS,EAAE;AACT,wBAAA,MAAM,EAAE,YAAY;AACpB,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,WAAW,EAAE,UAAU;AACxB,qBAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,SAAS,EAAE;AACT,gBAAA,KAAK,EAAE;AACL,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,WAAW,EAAE,UAAU;AACvB,oBAAA,YAAY,EAAE,IAAI;AAClB,oBAAA,EAAE,EAAE,SAAS;AACb,oBAAA,KAAK,EAAE,UAAU;AACjB,oBAAA,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;AACnC,oBAAA,MAAM,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE;AACnC,oBAAA,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;AACzB,oBAAA,QAAQ,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AACpC,oBAAA,SAAS,EAAE;AACT,wBAAA,MAAM,EAAE,YAAY;AACpB,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,WAAW,EAAE,UAAU;AACxB,qBAAA;AACD,oBAAA,eAAe,EAAE,MAAM;AACvB,oBAAA,SAAS,EAAE,MAAM;AAClB,iBAAA;AACF,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE;AACL,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,WAAW,EAAE,UAAU;AACvB,oBAAA,YAAY,EAAE,IAAI;AAClB,oBAAA,EAAE,EAAE,SAAS;AACb,oBAAA,KAAK,EAAE,UAAU;AACjB,oBAAA,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;AACnC,oBAAA,MAAM,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE;AACnC,oBAAA,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;AACzB,oBAAA,QAAQ,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AACpC,oBAAA,SAAS,EAAE;AACT,wBAAA,MAAM,EAAE,YAAY;AACpB,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,WAAW,EAAE,UAAU;AACxB,qBAAA;AAED,oBAAA,iBAAiB,EAAE,MAAM;AAC1B,iBAAA;AACF,aAAA;AACF,SAAA;AAED,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;AACpD,SAAA;AACF,KAAA;AAED,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA;;;;"}
@@ -9,7 +9,7 @@ var sliderSlotRecipe = defineSlotRecipe({
9
9
  flexDirection: 'column',
10
10
  fontSize: 'base',
11
11
  '--slider-marker-inset': '4px',
12
- '--slider-marker-track': '5px',
12
+ '--slider-marker-track': '4px',
13
13
  '--slider-thumb-border': '1px',
14
14
  '--slider-thumb-boxShadow': '0 0 0 8px #2988E14D',
15
15
  },
@@ -19,13 +19,13 @@ var sliderSlotRecipe = defineSlotRecipe({
19
19
  track: {
20
20
  flex: '1',
21
21
  height: 'var(--slider-marker-track)',
22
- bg: 'gray.300',
23
- borderRadius: 'full',
22
+ bg: 'gray.200',
23
+ borderRadius: 'sm',
24
24
  },
25
25
  range: {
26
- height: 'var(--slider-marker-inset)',
27
- bg: 'gray.800',
28
- borderRadius: 'full',
26
+ height: 'var(--slider-marker-track)',
27
+ bg: 'gray.900',
28
+ borderRadius: 'sm',
29
29
  },
30
30
  markerGroup: {
31
31
  position: 'absolute!',
@@ -39,7 +39,7 @@ var sliderSlotRecipe = defineSlotRecipe({
39
39
  borderWidth: 'var(--slider-thumb-border)',
40
40
  borderColor: 'gray.400',
41
41
  backgroundColor: 'white',
42
- translate: '0 -40%',
42
+ translate: '0 -50%',
43
43
  _hover: {
44
44
  cursor: 'pointer',
45
45
  },
@@ -1 +1 @@
1
- {"version":3,"file":"slider.js","sources":["../../../../../../src/themes/shared/slotRecipes/slider.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC;AACpE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,0BAA0B,EAAE,qBAAqB;AAClD,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,WAAW,EAAE,4BAA4B;AAC1C,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,WAAW,EAAE,4BAA4B;AACzC,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,SAAS,EAAE,+BAA+B;AAC3C,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"slider.js","sources":["../../../../../../src/themes/shared/slotRecipes/slider.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC;AACpE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,0BAA0B,EAAE,qBAAqB;AAClD,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,WAAW,EAAE,4BAA4B;AAC1C,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,WAAW,EAAE,4BAA4B;AACzC,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,SAAS,EAAE,+BAA+B;AAC3C,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA;;;;"}
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { keyframes } from '@emotion/react';
2
2
  import * as _chakra_ui_react from '@chakra-ui/react';
3
- import { UseMediaQueryOptions, AccordionRootProps, RecipeVariantProps, BoxProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, ButtonProps, Card as Card$1, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, InputProps as InputProps$1, Switch as Switch$1, UseDialogProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, MenuTriggerProps, MenuContentProps, MenuRootProps, Accordion as Accordion$1, NativeSelectRootProps, NativeSelectFieldProps, SeparatorProps, SimpleGridProps, StackProps as StackProps$1, TabsTriggerProps, TabsListProps, TabsContentProps, TabsRootProps, Table as Table$1, TextProps, NumberInput } from '@chakra-ui/react';
3
+ import { UseMediaQueryOptions, AccordionRootProps, RecipeVariantProps, BoxProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, ButtonProps, Card as Card$1, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, InputProps as InputProps$1, Switch as Switch$1, UseDialogProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, MenuTriggerProps, MenuContentProps, MenuRootProps, Accordion as Accordion$1, NativeSelectRootProps, NativeSelectFieldProps, SeparatorProps, SimpleGridProps, StackProps as StackProps$1, TabsTriggerProps, TabsListProps, TabsContentProps, TabsRootProps, Table as Table$1, TextProps, NumberInput, Slider } from '@chakra-ui/react';
4
4
  export { AspectRatioProps, Box, BoxProps, CardBodyProps, CardFooterProps, CardHeaderProps, GridItemProps, GridProps, ListItemProps, ListRootProps, SeparatorProps, StackSeparator, TableBodyProps, TableCaptionProps, TableCellProps, TableColumnGroupProps, TableColumnHeaderProps, TableColumnProps, TableFooterProps, TableHeaderProps, TableRootProps, TableRowProps, TableScrollAreaProps, TextProps, useBreakpointValue, useChakraContext, useDisclosure } from '@chakra-ui/react';
5
5
  import * as React from 'react';
6
6
  import React__default, { FocusEventHandler, ChangeEventHandler, FC, PropsWithChildren, ReactNode, ReactElement, ElementType, ComponentProps, JSX } from 'react';
@@ -2665,6 +2665,13 @@ type BaseProps = {
2665
2665
  };
2666
2666
  declare const FormControlSection: FC<PropsWithChildren<BaseProps>>;
2667
2667
 
2668
+ type SliderRootProps = Omit<React__default.ComponentProps<typeof Slider.Root>, 'onChange'>;
2669
+ type RangeSliderProps = SliderRootProps & {
2670
+ onChange?: (values: number[]) => void;
2671
+ onChangeEnd?: (values: number[]) => void;
2672
+ };
2673
+ declare const RangeSlider: React__default.FC<RangeSliderProps>;
2674
+
2668
2675
  declare const convertRemEmToPx: (value: string) => number;
2669
2676
 
2670
2677
  declare class Logger {
@@ -2672,5 +2679,5 @@ declare class Logger {
2672
2679
  }
2673
2680
  declare const logger: Logger;
2674
2681
 
2675
- export { Accordion, AddPhotoIcon, AdvancedSearchIcon, AndroidIcon, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AspectRatio, AutoScout24AppLogo, AutoScout24Icon, Avatar, AvatarIcon, AvatarWithNotificationIcon, Badge, BankNotesIcon, BatteryIcon, BookmarkIcon, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Card, Body$1 as CardBody, Footer$2 as CardFooter, Header$1 as CardHeader, Root$2 as CardRoot, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxGroup, CheckmarkCircleColorIcon, CheckmarkCircleIcon, CheckmarkIcon, ChevronDownLargeIcon, ChevronDownSmallIcon, ChevronLeftLargeIcon, ChevronLeftSmallIcon, ChevronRightLargeIcon, ChevronRightSmallIcon, ChevronRightTinyIcon, ChevronUpLargeIcon, ChevronUpSmallIcon, ChfCurrencyIcon, Chip, CloseIcon, CollapseIcon, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DiscreteSlider, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, Drawer, DrawerBody, DrawerContent, DrawerOverlay, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, FormControlSection, ForwardIcon, FullHeight, GalleryHeader, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, HeartIcon, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, Item as ListItem, Root$1 as ListRoot, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, Menu, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, MobileOnlyAccordion, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, Section, SedanIcon, Select, Separator, ShareIcon, SimpleGrid, SimpleHeader, SingleColumnCenteredLayout, SmallCarIcon, SortIcon, SpeakerIcon, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Column as TableColumn, ColumnGroup as TableColumnGroup, ColumnHeader as TableColumnHeader, Footer as TableFooter, Header as TableHeader, Root as TableRoot, Row as TableRow, ScrollArea as TableScrollArea, Tabs, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TooltipIcon, TopListingBadge, TopListingIcon, TopVehicleSharedBadge, TrailerIcon, TransmissionIcon, TrashIcon, TriangleIcon, TruckIcon, TwitterIcon, TwoColumnsLayout, UtilityVehicleIcon, VanIcon, VehiclePowerIcon, VehicleReference, VehicleTypesMotorcycleIcon, VehicleTypesMotorcycleStarIcon, VideoCameraIcon, VideoIcon, ViewCarIcon, ViewMotorcycleIcon, WagonIcon, WarningIcon, WarrantyIcon, WhatsAppIcon, WindowsIcon, YoutubeIcon, autoScout24Config, _default as autoScout24System, breakpoints, convertRemEmToPx, logger, motoScout24Config, _default$1 as motoScout24System, repeatArea, useDebouncedOnChange, useMediaQuery, useToken };
2676
- export type { AccordionProps, ArticleTeaserProps, AvatarProps, BadgeProps, BaseButtonProps, BaseProps, BreadcrumbsPropsExtended, ButtonSharedProps, CenterProps, ChangeCallback, CheckboxGroupProps, CheckboxProps, ChipProps, CountProps, DatePickerProps, DevOverlayProps, DevOverlayVariables, DialogProps, DiscreteSliderMark, DiscreteSliderProps, DrawerProps, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, GalleryHeaderProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, MarkedTextProps, MenuProps, MissingImageProps, MobileOnlyAccordionProps, Option, PaginationProps, PickedNumberInputProps, Props$2 as Props, RangeFilterInputField, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, ThemeProviderProps, UnifiedButtonProps, VehicleReferenceProps };
2682
+ export { Accordion, AddPhotoIcon, AdvancedSearchIcon, AndroidIcon, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AspectRatio, AutoScout24AppLogo, AutoScout24Icon, Avatar, AvatarIcon, AvatarWithNotificationIcon, Badge, BankNotesIcon, BatteryIcon, BookmarkIcon, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Card, Body$1 as CardBody, Footer$2 as CardFooter, Header$1 as CardHeader, Root$2 as CardRoot, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxGroup, CheckmarkCircleColorIcon, CheckmarkCircleIcon, CheckmarkIcon, ChevronDownLargeIcon, ChevronDownSmallIcon, ChevronLeftLargeIcon, ChevronLeftSmallIcon, ChevronRightLargeIcon, ChevronRightSmallIcon, ChevronRightTinyIcon, ChevronUpLargeIcon, ChevronUpSmallIcon, ChfCurrencyIcon, Chip, CloseIcon, CollapseIcon, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DiscreteSlider, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, Drawer, DrawerBody, DrawerContent, DrawerOverlay, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, FormControlSection, ForwardIcon, FullHeight, GalleryHeader, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, HeartIcon, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, Item as ListItem, Root$1 as ListRoot, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, Menu, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, MobileOnlyAccordion, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, RangeSlider, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, Section, SedanIcon, Select, Separator, ShareIcon, SimpleGrid, SimpleHeader, SingleColumnCenteredLayout, SmallCarIcon, SortIcon, SpeakerIcon, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Column as TableColumn, ColumnGroup as TableColumnGroup, ColumnHeader as TableColumnHeader, Footer as TableFooter, Header as TableHeader, Root as TableRoot, Row as TableRow, ScrollArea as TableScrollArea, Tabs, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TooltipIcon, TopListingBadge, TopListingIcon, TopVehicleSharedBadge, TrailerIcon, TransmissionIcon, TrashIcon, TriangleIcon, TruckIcon, TwitterIcon, TwoColumnsLayout, UtilityVehicleIcon, VanIcon, VehiclePowerIcon, VehicleReference, VehicleTypesMotorcycleIcon, VehicleTypesMotorcycleStarIcon, VideoCameraIcon, VideoIcon, ViewCarIcon, ViewMotorcycleIcon, WagonIcon, WarningIcon, WarrantyIcon, WhatsAppIcon, WindowsIcon, YoutubeIcon, autoScout24Config, _default as autoScout24System, breakpoints, convertRemEmToPx, logger, motoScout24Config, _default$1 as motoScout24System, repeatArea, useDebouncedOnChange, useMediaQuery, useToken };
2683
+ export type { AccordionProps, ArticleTeaserProps, AvatarProps, BadgeProps, BaseButtonProps, BaseProps, BreadcrumbsPropsExtended, ButtonSharedProps, CenterProps, ChangeCallback, CheckboxGroupProps, CheckboxProps, ChipProps, CountProps, DatePickerProps, DevOverlayProps, DevOverlayVariables, DialogProps, DiscreteSliderMark, DiscreteSliderProps, DrawerProps, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, GalleryHeaderProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, MarkedTextProps, MenuProps, MissingImageProps, MobileOnlyAccordionProps, Option, PaginationProps, PickedNumberInputProps, Props$2 as Props, RangeFilterInputField, RangeSliderProps, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, ThemeProviderProps, UnifiedButtonProps, VehicleReferenceProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smg-automotive/components",
3
- "version": "25.11.0-chakra-v3.4",
3
+ "version": "25.11.0-chakra-v3.6",
4
4
  "description": "SMG Automotive components library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",