@metamask/design-system-react-native 0.33.0 → 0.35.0

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 (99) hide show
  1. package/CHANGELOG.md +30 -1
  2. package/dist/components/ActionListItem/ActionListItem.cjs +1 -1
  3. package/dist/components/ActionListItem/ActionListItem.cjs.map +1 -1
  4. package/dist/components/ActionListItem/ActionListItem.mjs +1 -1
  5. package/dist/components/ActionListItem/ActionListItem.mjs.map +1 -1
  6. package/dist/components/BottomSheetDialog/BottomSheetDialog.cjs +6 -5
  7. package/dist/components/BottomSheetDialog/BottomSheetDialog.cjs.map +1 -1
  8. package/dist/components/BottomSheetDialog/BottomSheetDialog.mjs +7 -6
  9. package/dist/components/BottomSheetDialog/BottomSheetDialog.mjs.map +1 -1
  10. package/dist/components/ButtonBase/ButtonBase.cjs +1 -1
  11. package/dist/components/ButtonBase/ButtonBase.cjs.map +1 -1
  12. package/dist/components/ButtonBase/ButtonBase.d.cts.map +1 -1
  13. package/dist/components/ButtonBase/ButtonBase.d.mts.map +1 -1
  14. package/dist/components/ButtonBase/ButtonBase.mjs +1 -1
  15. package/dist/components/ButtonBase/ButtonBase.mjs.map +1 -1
  16. package/dist/components/FilterButton/FilterButton.cjs +24 -36
  17. package/dist/components/FilterButton/FilterButton.cjs.map +1 -1
  18. package/dist/components/FilterButton/FilterButton.d.cts.map +1 -1
  19. package/dist/components/FilterButton/FilterButton.d.mts.map +1 -1
  20. package/dist/components/FilterButton/FilterButton.mjs +25 -37
  21. package/dist/components/FilterButton/FilterButton.mjs.map +1 -1
  22. package/dist/components/Icon/Icon.assets.cjs +2 -0
  23. package/dist/components/Icon/Icon.assets.cjs.map +1 -1
  24. package/dist/components/Icon/Icon.assets.d.cts.map +1 -1
  25. package/dist/components/Icon/Icon.assets.d.mts.map +1 -1
  26. package/dist/components/Icon/Icon.assets.mjs +2 -0
  27. package/dist/components/Icon/Icon.assets.mjs.map +1 -1
  28. package/dist/components/Icon/assets/candlestick-filled.svg +1 -0
  29. package/dist/components/Slider/Slider.cjs +139 -0
  30. package/dist/components/Slider/Slider.cjs.map +1 -0
  31. package/dist/components/Slider/Slider.constants.cjs +36 -0
  32. package/dist/components/Slider/Slider.constants.cjs.map +1 -0
  33. package/dist/components/Slider/Slider.constants.d.cts +33 -0
  34. package/dist/components/Slider/Slider.constants.d.cts.map +1 -0
  35. package/dist/components/Slider/Slider.constants.d.mts +33 -0
  36. package/dist/components/Slider/Slider.constants.d.mts.map +1 -0
  37. package/dist/components/Slider/Slider.constants.mjs +33 -0
  38. package/dist/components/Slider/Slider.constants.mjs.map +1 -0
  39. package/dist/components/Slider/Slider.d.cts +7 -0
  40. package/dist/components/Slider/Slider.d.cts.map +1 -0
  41. package/dist/components/Slider/Slider.d.mts +7 -0
  42. package/dist/components/Slider/Slider.d.mts.map +1 -0
  43. package/dist/components/Slider/Slider.mjs +116 -0
  44. package/dist/components/Slider/Slider.mjs.map +1 -0
  45. package/dist/components/Slider/Slider.types.cjs +3 -0
  46. package/dist/components/Slider/Slider.types.cjs.map +1 -0
  47. package/dist/components/Slider/Slider.types.d.cts +135 -0
  48. package/dist/components/Slider/Slider.types.d.cts.map +1 -0
  49. package/dist/components/Slider/Slider.types.d.mts +135 -0
  50. package/dist/components/Slider/Slider.types.d.mts.map +1 -0
  51. package/dist/components/Slider/Slider.types.mjs +2 -0
  52. package/dist/components/Slider/Slider.types.mjs.map +1 -0
  53. package/dist/components/Slider/Slider.utilities.cjs +202 -0
  54. package/dist/components/Slider/Slider.utilities.cjs.map +1 -0
  55. package/dist/components/Slider/Slider.utilities.d.cts +108 -0
  56. package/dist/components/Slider/Slider.utilities.d.cts.map +1 -0
  57. package/dist/components/Slider/Slider.utilities.d.mts +108 -0
  58. package/dist/components/Slider/Slider.utilities.d.mts.map +1 -0
  59. package/dist/components/Slider/Slider.utilities.mjs +186 -0
  60. package/dist/components/Slider/Slider.utilities.mjs.map +1 -0
  61. package/dist/components/Slider/index.cjs +9 -0
  62. package/dist/components/Slider/index.cjs.map +1 -0
  63. package/dist/components/Slider/index.d.cts +4 -0
  64. package/dist/components/Slider/index.d.cts.map +1 -0
  65. package/dist/components/Slider/index.d.mts +4 -0
  66. package/dist/components/Slider/index.d.mts.map +1 -0
  67. package/dist/components/Slider/index.mjs +3 -0
  68. package/dist/components/Slider/index.mjs.map +1 -0
  69. package/dist/components/Slider/useSliderGesture.cjs +219 -0
  70. package/dist/components/Slider/useSliderGesture.cjs.map +1 -0
  71. package/dist/components/Slider/useSliderGesture.d.cts +17 -0
  72. package/dist/components/Slider/useSliderGesture.d.cts.map +1 -0
  73. package/dist/components/Slider/useSliderGesture.d.mts +17 -0
  74. package/dist/components/Slider/useSliderGesture.d.mts.map +1 -0
  75. package/dist/components/Slider/useSliderGesture.mjs +215 -0
  76. package/dist/components/Slider/useSliderGesture.mjs.map +1 -0
  77. package/dist/components/Toast/Toaster.cjs +7 -3
  78. package/dist/components/Toast/Toaster.cjs.map +1 -1
  79. package/dist/components/Toast/Toaster.d.cts.map +1 -1
  80. package/dist/components/Toast/Toaster.d.mts.map +1 -1
  81. package/dist/components/Toast/Toaster.mjs +8 -4
  82. package/dist/components/Toast/Toaster.mjs.map +1 -1
  83. package/dist/components/index.cjs +5 -1
  84. package/dist/components/index.cjs.map +1 -1
  85. package/dist/components/index.d.cts +2 -0
  86. package/dist/components/index.d.cts.map +1 -1
  87. package/dist/components/index.d.mts +2 -0
  88. package/dist/components/index.d.mts.map +1 -1
  89. package/dist/components/index.mjs +1 -0
  90. package/dist/components/index.mjs.map +1 -1
  91. package/dist/index.cjs +0 -4
  92. package/dist/index.cjs.map +1 -1
  93. package/dist/index.d.cts +0 -1
  94. package/dist/index.d.cts.map +1 -1
  95. package/dist/index.d.mts +0 -1
  96. package/dist/index.d.mts.map +1 -1
  97. package/dist/index.mjs +0 -4
  98. package/dist/index.mjs.map +1 -1
  99. package/package.json +7 -8
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.utilities.cjs","sourceRoot":"","sources":["../../../src/components/Slider/Slider.utilities.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Pure helpers for Slider coordinate conversion and UI defaults.\n *\n * Three coordinate systems:\n * - **Domain value** — the controlled `value` prop (`minimumValue`…`maximumValue`).\n * - **Track percent** — normalized 0–100 position along the track (used for dots,\n * labels, and `tickThresholds`; may be non-linear via `map*` hooks).\n * - **Pixel position** — thumb/fill offset in layout pixels (`translateX`).\n *\n * Functions marked with `'worklet'` run on the UI thread inside gesture handlers.\n * JS-thread callers use the non-worklet wrappers (`getTrackPercentFromValue`, etc.).\n */\n\nimport {\n DOT_EDGE_INSET_PERCENT,\n DOT_EDGE_MAX_PERCENT,\n} from './Slider.constants';\n\n// --- Track-percent primitives (worklet) ---\n\nexport function clampTrackPercent(trackPercent: number): number {\n 'worklet';\n\n return Math.max(0, Math.min(100, trackPercent));\n}\n\n// --- Domain ↔ track-percent mappers (worklet) ---\n\n/**\n * Linear default: domain value → 0–100 track position.\n *\n * @param value - Domain value to map.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @returns Track percent clamped to 0–100.\n */\nexport function defaultMapValueToTrackPercent(\n value: number,\n minimumValue: number,\n maximumValue: number,\n): number {\n 'worklet';\n\n const range = maximumValue - minimumValue;\n if (range === 0) {\n return 0;\n }\n\n const percent = ((value - minimumValue) / range) * 100;\n return clampTrackPercent(percent);\n}\n\n/**\n * Linear default: track position → stepped domain value.\n *\n * @param trackPercent - Track position from 0–100.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param step - Step increment for rounding.\n * @returns Stepped domain value clamped to the range.\n */\nexport function defaultMapTrackPercentToValue(\n trackPercent: number,\n minimumValue: number,\n maximumValue: number,\n step: number,\n): number {\n 'worklet';\n\n const range = maximumValue - minimumValue;\n if (range === 0) {\n return minimumValue;\n }\n\n const rawValue =\n (clampTrackPercent(trackPercent) / 100) * range + minimumValue;\n const stepped = Math.round(rawValue / step) * step;\n return Math.max(minimumValue, Math.min(maximumValue, stepped));\n}\n\n/**\n * UI-thread entry: custom `mapTrackPercentToValue` or linear default.\n *\n * @param trackPercent - Track position from 0–100.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param step - Step increment for the default mapper.\n * @param mapTrackPercentToValue - Optional custom mapper.\n * @returns Domain value for the track position.\n */\nexport function resolveTrackPercentToValue(\n trackPercent: number,\n minimumValue: number,\n maximumValue: number,\n step: number,\n mapTrackPercentToValue?: (trackPercent: number) => number,\n): number {\n 'worklet';\n\n if (mapTrackPercentToValue) {\n return mapTrackPercentToValue(trackPercent);\n }\n\n return defaultMapTrackPercentToValue(\n trackPercent,\n minimumValue,\n maximumValue,\n step,\n );\n}\n\n/**\n * UI-thread entry: custom `mapValueToTrackPercent` or linear default.\n *\n * @param value - Domain value to map.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param mapValueToTrackPercent - Optional custom mapper.\n * @returns Track percent for the domain value.\n */\nexport function resolveValueToTrackPercent(\n value: number,\n minimumValue: number,\n maximumValue: number,\n mapValueToTrackPercent?: (value: number) => number,\n): number {\n 'worklet';\n\n if (mapValueToTrackPercent) {\n return mapValueToTrackPercent(value);\n }\n\n return defaultMapValueToTrackPercent(value, minimumValue, maximumValue);\n}\n\n// --- Track-percent ↔ pixel position (worklet) ---\n\nexport function trackPercentToPosition(\n trackPercent: number,\n width: number,\n): number {\n 'worklet';\n\n if (width === 0) {\n return 0;\n }\n\n return (clampTrackPercent(trackPercent) / 100) * width;\n}\n\nexport function positionToTrackPercent(\n position: number,\n width: number,\n): number {\n 'worklet';\n\n if (width === 0) {\n return 0;\n }\n\n return clampTrackPercent((position / width) * 100);\n}\n\n/**\n * Clamps a touch X coordinate to the track bounds.\n *\n * @param position - Touch X in track coordinates.\n * @param width - Track width in pixels.\n * @returns Clamped pixel position.\n */\nexport function clampGesturePosition(position: number, width: number): number {\n 'worklet';\n\n return Math.max(0, Math.min(position, width));\n}\n\n// --- JS-thread domain ↔ track-percent ---\n\n/**\n * JS-thread entry for mapping domain value → track percent.\n * Used by Slider (labels, a11y) and useSliderGesture (prop/layout sync).\n *\n * @param value - Domain value to map.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param mapValueToTrackPercent - Optional custom mapper.\n * @returns Track percent for the domain value.\n */\nexport function getTrackPercentFromValue(\n value: number,\n minimumValue: number,\n maximumValue: number,\n mapValueToTrackPercent?: (value: number) => number,\n): number {\n if (mapValueToTrackPercent) {\n return mapValueToTrackPercent(value);\n }\n\n return defaultMapValueToTrackPercent(value, minimumValue, maximumValue);\n}\n\n// --- Range label / dot defaults (Slider.tsx) ---\n\n/**\n * Default `stepToValue`: linear track-percent → domain value.\n *\n * @param step - Track-percent step from `rangeLabelSteps`.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @returns Domain value for the step.\n */\nexport function defaultStepToValue(\n step: number,\n minimumValue: number,\n maximumValue: number,\n): number {\n return (step / 100) * (maximumValue - minimumValue) + minimumValue;\n}\n\n/**\n * Default `formatStepLabel`: display track percent as a percent string.\n *\n * @param step - Track-percent step from `rangeLabelSteps`.\n * @returns Formatted label string.\n */\nexport function defaultFormatStepLabel(step: number): string {\n return `${step}%`;\n}\n\n/**\n * Marker `left` percent for range dots and labels; edge steps inset to stay on track.\n *\n * @param step - Track-percent step from `rangeLabelSteps`.\n * @returns CSS `left` percentage string.\n */\nexport function getDotLeftPercent(step: number): string {\n if (step === 0) {\n return DOT_EDGE_INSET_PERCENT;\n }\n if (step === 100) {\n return DOT_EDGE_MAX_PERCENT;\n }\n\n return `${step}%`;\n}\n\n// --- Accessibility (Slider.tsx) ---\n\n/**\n * Clamps and steps a domain value for increment/decrement actions.\n *\n * @param value - Domain value to clamp.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param step - Step increment for rounding.\n * @returns Clamped and stepped domain value.\n */\nexport function clampValueToRange(\n value: number,\n minimumValue: number,\n maximumValue: number,\n step: number,\n): number {\n const range = maximumValue - minimumValue;\n if (range === 0) {\n return minimumValue;\n }\n\n const clamped = Math.max(minimumValue, Math.min(maximumValue, value));\n return Math.round(clamped / step) * step;\n}\n"]}
@@ -0,0 +1,108 @@
1
+ /**
2
+ * Pure helpers for Slider coordinate conversion and UI defaults.
3
+ *
4
+ * Three coordinate systems:
5
+ * - **Domain value** — the controlled `value` prop (`minimumValue`…`maximumValue`).
6
+ * - **Track percent** — normalized 0–100 position along the track (used for dots,
7
+ * labels, and `tickThresholds`; may be non-linear via `map*` hooks).
8
+ * - **Pixel position** — thumb/fill offset in layout pixels (`translateX`).
9
+ *
10
+ * Functions marked with `'worklet'` run on the UI thread inside gesture handlers.
11
+ * JS-thread callers use the non-worklet wrappers (`getTrackPercentFromValue`, etc.).
12
+ */
13
+ export declare function clampTrackPercent(trackPercent: number): number;
14
+ /**
15
+ * Linear default: domain value → 0–100 track position.
16
+ *
17
+ * @param value - Domain value to map.
18
+ * @param minimumValue - Lower bound of the domain range.
19
+ * @param maximumValue - Upper bound of the domain range.
20
+ * @returns Track percent clamped to 0–100.
21
+ */
22
+ export declare function defaultMapValueToTrackPercent(value: number, minimumValue: number, maximumValue: number): number;
23
+ /**
24
+ * Linear default: track position → stepped domain value.
25
+ *
26
+ * @param trackPercent - Track position from 0–100.
27
+ * @param minimumValue - Lower bound of the domain range.
28
+ * @param maximumValue - Upper bound of the domain range.
29
+ * @param step - Step increment for rounding.
30
+ * @returns Stepped domain value clamped to the range.
31
+ */
32
+ export declare function defaultMapTrackPercentToValue(trackPercent: number, minimumValue: number, maximumValue: number, step: number): number;
33
+ /**
34
+ * UI-thread entry: custom `mapTrackPercentToValue` or linear default.
35
+ *
36
+ * @param trackPercent - Track position from 0–100.
37
+ * @param minimumValue - Lower bound of the domain range.
38
+ * @param maximumValue - Upper bound of the domain range.
39
+ * @param step - Step increment for the default mapper.
40
+ * @param mapTrackPercentToValue - Optional custom mapper.
41
+ * @returns Domain value for the track position.
42
+ */
43
+ export declare function resolveTrackPercentToValue(trackPercent: number, minimumValue: number, maximumValue: number, step: number, mapTrackPercentToValue?: (trackPercent: number) => number): number;
44
+ /**
45
+ * UI-thread entry: custom `mapValueToTrackPercent` or linear default.
46
+ *
47
+ * @param value - Domain value to map.
48
+ * @param minimumValue - Lower bound of the domain range.
49
+ * @param maximumValue - Upper bound of the domain range.
50
+ * @param mapValueToTrackPercent - Optional custom mapper.
51
+ * @returns Track percent for the domain value.
52
+ */
53
+ export declare function resolveValueToTrackPercent(value: number, minimumValue: number, maximumValue: number, mapValueToTrackPercent?: (value: number) => number): number;
54
+ export declare function trackPercentToPosition(trackPercent: number, width: number): number;
55
+ export declare function positionToTrackPercent(position: number, width: number): number;
56
+ /**
57
+ * Clamps a touch X coordinate to the track bounds.
58
+ *
59
+ * @param position - Touch X in track coordinates.
60
+ * @param width - Track width in pixels.
61
+ * @returns Clamped pixel position.
62
+ */
63
+ export declare function clampGesturePosition(position: number, width: number): number;
64
+ /**
65
+ * JS-thread entry for mapping domain value → track percent.
66
+ * Used by Slider (labels, a11y) and useSliderGesture (prop/layout sync).
67
+ *
68
+ * @param value - Domain value to map.
69
+ * @param minimumValue - Lower bound of the domain range.
70
+ * @param maximumValue - Upper bound of the domain range.
71
+ * @param mapValueToTrackPercent - Optional custom mapper.
72
+ * @returns Track percent for the domain value.
73
+ */
74
+ export declare function getTrackPercentFromValue(value: number, minimumValue: number, maximumValue: number, mapValueToTrackPercent?: (value: number) => number): number;
75
+ /**
76
+ * Default `stepToValue`: linear track-percent → domain value.
77
+ *
78
+ * @param step - Track-percent step from `rangeLabelSteps`.
79
+ * @param minimumValue - Lower bound of the domain range.
80
+ * @param maximumValue - Upper bound of the domain range.
81
+ * @returns Domain value for the step.
82
+ */
83
+ export declare function defaultStepToValue(step: number, minimumValue: number, maximumValue: number): number;
84
+ /**
85
+ * Default `formatStepLabel`: display track percent as a percent string.
86
+ *
87
+ * @param step - Track-percent step from `rangeLabelSteps`.
88
+ * @returns Formatted label string.
89
+ */
90
+ export declare function defaultFormatStepLabel(step: number): string;
91
+ /**
92
+ * Marker `left` percent for range dots and labels; edge steps inset to stay on track.
93
+ *
94
+ * @param step - Track-percent step from `rangeLabelSteps`.
95
+ * @returns CSS `left` percentage string.
96
+ */
97
+ export declare function getDotLeftPercent(step: number): string;
98
+ /**
99
+ * Clamps and steps a domain value for increment/decrement actions.
100
+ *
101
+ * @param value - Domain value to clamp.
102
+ * @param minimumValue - Lower bound of the domain range.
103
+ * @param maximumValue - Upper bound of the domain range.
104
+ * @param step - Step increment for rounding.
105
+ * @returns Clamped and stepped domain value.
106
+ */
107
+ export declare function clampValueToRange(value: number, minimumValue: number, maximumValue: number, step: number): number;
108
+ //# sourceMappingURL=Slider.utilities.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.utilities.d.cts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.utilities.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AASH,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAI9D;AAID;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,GACnB,MAAM,CAUR;AAED;;;;;;;;GAQG;AACH,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,GACX,MAAM,CAYR;AAED;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,EACZ,sBAAsB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GACxD,MAAM,CAaR;AAED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GACjD,MAAM,CAQR;AAID,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,MAAM,GACZ,MAAM,CAQR;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GACZ,MAAM,CAQR;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAI5E;AAID;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GACjD,MAAM,CAMR;AAID;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,GACnB,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAStD;AAID;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,GACX,MAAM,CAQR"}
@@ -0,0 +1,108 @@
1
+ /**
2
+ * Pure helpers for Slider coordinate conversion and UI defaults.
3
+ *
4
+ * Three coordinate systems:
5
+ * - **Domain value** — the controlled `value` prop (`minimumValue`…`maximumValue`).
6
+ * - **Track percent** — normalized 0–100 position along the track (used for dots,
7
+ * labels, and `tickThresholds`; may be non-linear via `map*` hooks).
8
+ * - **Pixel position** — thumb/fill offset in layout pixels (`translateX`).
9
+ *
10
+ * Functions marked with `'worklet'` run on the UI thread inside gesture handlers.
11
+ * JS-thread callers use the non-worklet wrappers (`getTrackPercentFromValue`, etc.).
12
+ */
13
+ export declare function clampTrackPercent(trackPercent: number): number;
14
+ /**
15
+ * Linear default: domain value → 0–100 track position.
16
+ *
17
+ * @param value - Domain value to map.
18
+ * @param minimumValue - Lower bound of the domain range.
19
+ * @param maximumValue - Upper bound of the domain range.
20
+ * @returns Track percent clamped to 0–100.
21
+ */
22
+ export declare function defaultMapValueToTrackPercent(value: number, minimumValue: number, maximumValue: number): number;
23
+ /**
24
+ * Linear default: track position → stepped domain value.
25
+ *
26
+ * @param trackPercent - Track position from 0–100.
27
+ * @param minimumValue - Lower bound of the domain range.
28
+ * @param maximumValue - Upper bound of the domain range.
29
+ * @param step - Step increment for rounding.
30
+ * @returns Stepped domain value clamped to the range.
31
+ */
32
+ export declare function defaultMapTrackPercentToValue(trackPercent: number, minimumValue: number, maximumValue: number, step: number): number;
33
+ /**
34
+ * UI-thread entry: custom `mapTrackPercentToValue` or linear default.
35
+ *
36
+ * @param trackPercent - Track position from 0–100.
37
+ * @param minimumValue - Lower bound of the domain range.
38
+ * @param maximumValue - Upper bound of the domain range.
39
+ * @param step - Step increment for the default mapper.
40
+ * @param mapTrackPercentToValue - Optional custom mapper.
41
+ * @returns Domain value for the track position.
42
+ */
43
+ export declare function resolveTrackPercentToValue(trackPercent: number, minimumValue: number, maximumValue: number, step: number, mapTrackPercentToValue?: (trackPercent: number) => number): number;
44
+ /**
45
+ * UI-thread entry: custom `mapValueToTrackPercent` or linear default.
46
+ *
47
+ * @param value - Domain value to map.
48
+ * @param minimumValue - Lower bound of the domain range.
49
+ * @param maximumValue - Upper bound of the domain range.
50
+ * @param mapValueToTrackPercent - Optional custom mapper.
51
+ * @returns Track percent for the domain value.
52
+ */
53
+ export declare function resolveValueToTrackPercent(value: number, minimumValue: number, maximumValue: number, mapValueToTrackPercent?: (value: number) => number): number;
54
+ export declare function trackPercentToPosition(trackPercent: number, width: number): number;
55
+ export declare function positionToTrackPercent(position: number, width: number): number;
56
+ /**
57
+ * Clamps a touch X coordinate to the track bounds.
58
+ *
59
+ * @param position - Touch X in track coordinates.
60
+ * @param width - Track width in pixels.
61
+ * @returns Clamped pixel position.
62
+ */
63
+ export declare function clampGesturePosition(position: number, width: number): number;
64
+ /**
65
+ * JS-thread entry for mapping domain value → track percent.
66
+ * Used by Slider (labels, a11y) and useSliderGesture (prop/layout sync).
67
+ *
68
+ * @param value - Domain value to map.
69
+ * @param minimumValue - Lower bound of the domain range.
70
+ * @param maximumValue - Upper bound of the domain range.
71
+ * @param mapValueToTrackPercent - Optional custom mapper.
72
+ * @returns Track percent for the domain value.
73
+ */
74
+ export declare function getTrackPercentFromValue(value: number, minimumValue: number, maximumValue: number, mapValueToTrackPercent?: (value: number) => number): number;
75
+ /**
76
+ * Default `stepToValue`: linear track-percent → domain value.
77
+ *
78
+ * @param step - Track-percent step from `rangeLabelSteps`.
79
+ * @param minimumValue - Lower bound of the domain range.
80
+ * @param maximumValue - Upper bound of the domain range.
81
+ * @returns Domain value for the step.
82
+ */
83
+ export declare function defaultStepToValue(step: number, minimumValue: number, maximumValue: number): number;
84
+ /**
85
+ * Default `formatStepLabel`: display track percent as a percent string.
86
+ *
87
+ * @param step - Track-percent step from `rangeLabelSteps`.
88
+ * @returns Formatted label string.
89
+ */
90
+ export declare function defaultFormatStepLabel(step: number): string;
91
+ /**
92
+ * Marker `left` percent for range dots and labels; edge steps inset to stay on track.
93
+ *
94
+ * @param step - Track-percent step from `rangeLabelSteps`.
95
+ * @returns CSS `left` percentage string.
96
+ */
97
+ export declare function getDotLeftPercent(step: number): string;
98
+ /**
99
+ * Clamps and steps a domain value for increment/decrement actions.
100
+ *
101
+ * @param value - Domain value to clamp.
102
+ * @param minimumValue - Lower bound of the domain range.
103
+ * @param maximumValue - Upper bound of the domain range.
104
+ * @param step - Step increment for rounding.
105
+ * @returns Clamped and stepped domain value.
106
+ */
107
+ export declare function clampValueToRange(value: number, minimumValue: number, maximumValue: number, step: number): number;
108
+ //# sourceMappingURL=Slider.utilities.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.utilities.d.mts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.utilities.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AASH,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAI9D;AAID;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,GACnB,MAAM,CAUR;AAED;;;;;;;;GAQG;AACH,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,GACX,MAAM,CAYR;AAED;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,EACZ,sBAAsB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GACxD,MAAM,CAaR;AAED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GACjD,MAAM,CAQR;AAID,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,MAAM,GACZ,MAAM,CAQR;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GACZ,MAAM,CAQR;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAI5E;AAID;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GACjD,MAAM,CAMR;AAID;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,GACnB,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAStD;AAID;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,GACX,MAAM,CAQR"}
@@ -0,0 +1,186 @@
1
+ /**
2
+ * Pure helpers for Slider coordinate conversion and UI defaults.
3
+ *
4
+ * Three coordinate systems:
5
+ * - **Domain value** — the controlled `value` prop (`minimumValue`…`maximumValue`).
6
+ * - **Track percent** — normalized 0–100 position along the track (used for dots,
7
+ * labels, and `tickThresholds`; may be non-linear via `map*` hooks).
8
+ * - **Pixel position** — thumb/fill offset in layout pixels (`translateX`).
9
+ *
10
+ * Functions marked with `'worklet'` run on the UI thread inside gesture handlers.
11
+ * JS-thread callers use the non-worklet wrappers (`getTrackPercentFromValue`, etc.).
12
+ */
13
+ import { DOT_EDGE_INSET_PERCENT, DOT_EDGE_MAX_PERCENT } from "./Slider.constants.mjs";
14
+ // --- Track-percent primitives (worklet) ---
15
+ export function clampTrackPercent(trackPercent) {
16
+ 'worklet';
17
+ return Math.max(0, Math.min(100, trackPercent));
18
+ }
19
+ // --- Domain ↔ track-percent mappers (worklet) ---
20
+ /**
21
+ * Linear default: domain value → 0–100 track position.
22
+ *
23
+ * @param value - Domain value to map.
24
+ * @param minimumValue - Lower bound of the domain range.
25
+ * @param maximumValue - Upper bound of the domain range.
26
+ * @returns Track percent clamped to 0–100.
27
+ */
28
+ export function defaultMapValueToTrackPercent(value, minimumValue, maximumValue) {
29
+ 'worklet';
30
+ const range = maximumValue - minimumValue;
31
+ if (range === 0) {
32
+ return 0;
33
+ }
34
+ const percent = ((value - minimumValue) / range) * 100;
35
+ return clampTrackPercent(percent);
36
+ }
37
+ /**
38
+ * Linear default: track position → stepped domain value.
39
+ *
40
+ * @param trackPercent - Track position from 0–100.
41
+ * @param minimumValue - Lower bound of the domain range.
42
+ * @param maximumValue - Upper bound of the domain range.
43
+ * @param step - Step increment for rounding.
44
+ * @returns Stepped domain value clamped to the range.
45
+ */
46
+ export function defaultMapTrackPercentToValue(trackPercent, minimumValue, maximumValue, step) {
47
+ 'worklet';
48
+ const range = maximumValue - minimumValue;
49
+ if (range === 0) {
50
+ return minimumValue;
51
+ }
52
+ const rawValue = (clampTrackPercent(trackPercent) / 100) * range + minimumValue;
53
+ const stepped = Math.round(rawValue / step) * step;
54
+ return Math.max(minimumValue, Math.min(maximumValue, stepped));
55
+ }
56
+ /**
57
+ * UI-thread entry: custom `mapTrackPercentToValue` or linear default.
58
+ *
59
+ * @param trackPercent - Track position from 0–100.
60
+ * @param minimumValue - Lower bound of the domain range.
61
+ * @param maximumValue - Upper bound of the domain range.
62
+ * @param step - Step increment for the default mapper.
63
+ * @param mapTrackPercentToValue - Optional custom mapper.
64
+ * @returns Domain value for the track position.
65
+ */
66
+ export function resolveTrackPercentToValue(trackPercent, minimumValue, maximumValue, step, mapTrackPercentToValue) {
67
+ 'worklet';
68
+ if (mapTrackPercentToValue) {
69
+ return mapTrackPercentToValue(trackPercent);
70
+ }
71
+ return defaultMapTrackPercentToValue(trackPercent, minimumValue, maximumValue, step);
72
+ }
73
+ /**
74
+ * UI-thread entry: custom `mapValueToTrackPercent` or linear default.
75
+ *
76
+ * @param value - Domain value to map.
77
+ * @param minimumValue - Lower bound of the domain range.
78
+ * @param maximumValue - Upper bound of the domain range.
79
+ * @param mapValueToTrackPercent - Optional custom mapper.
80
+ * @returns Track percent for the domain value.
81
+ */
82
+ export function resolveValueToTrackPercent(value, minimumValue, maximumValue, mapValueToTrackPercent) {
83
+ 'worklet';
84
+ if (mapValueToTrackPercent) {
85
+ return mapValueToTrackPercent(value);
86
+ }
87
+ return defaultMapValueToTrackPercent(value, minimumValue, maximumValue);
88
+ }
89
+ // --- Track-percent ↔ pixel position (worklet) ---
90
+ export function trackPercentToPosition(trackPercent, width) {
91
+ 'worklet';
92
+ if (width === 0) {
93
+ return 0;
94
+ }
95
+ return (clampTrackPercent(trackPercent) / 100) * width;
96
+ }
97
+ export function positionToTrackPercent(position, width) {
98
+ 'worklet';
99
+ if (width === 0) {
100
+ return 0;
101
+ }
102
+ return clampTrackPercent((position / width) * 100);
103
+ }
104
+ /**
105
+ * Clamps a touch X coordinate to the track bounds.
106
+ *
107
+ * @param position - Touch X in track coordinates.
108
+ * @param width - Track width in pixels.
109
+ * @returns Clamped pixel position.
110
+ */
111
+ export function clampGesturePosition(position, width) {
112
+ 'worklet';
113
+ return Math.max(0, Math.min(position, width));
114
+ }
115
+ // --- JS-thread domain ↔ track-percent ---
116
+ /**
117
+ * JS-thread entry for mapping domain value → track percent.
118
+ * Used by Slider (labels, a11y) and useSliderGesture (prop/layout sync).
119
+ *
120
+ * @param value - Domain value to map.
121
+ * @param minimumValue - Lower bound of the domain range.
122
+ * @param maximumValue - Upper bound of the domain range.
123
+ * @param mapValueToTrackPercent - Optional custom mapper.
124
+ * @returns Track percent for the domain value.
125
+ */
126
+ export function getTrackPercentFromValue(value, minimumValue, maximumValue, mapValueToTrackPercent) {
127
+ if (mapValueToTrackPercent) {
128
+ return mapValueToTrackPercent(value);
129
+ }
130
+ return defaultMapValueToTrackPercent(value, minimumValue, maximumValue);
131
+ }
132
+ // --- Range label / dot defaults (Slider.tsx) ---
133
+ /**
134
+ * Default `stepToValue`: linear track-percent → domain value.
135
+ *
136
+ * @param step - Track-percent step from `rangeLabelSteps`.
137
+ * @param minimumValue - Lower bound of the domain range.
138
+ * @param maximumValue - Upper bound of the domain range.
139
+ * @returns Domain value for the step.
140
+ */
141
+ export function defaultStepToValue(step, minimumValue, maximumValue) {
142
+ return (step / 100) * (maximumValue - minimumValue) + minimumValue;
143
+ }
144
+ /**
145
+ * Default `formatStepLabel`: display track percent as a percent string.
146
+ *
147
+ * @param step - Track-percent step from `rangeLabelSteps`.
148
+ * @returns Formatted label string.
149
+ */
150
+ export function defaultFormatStepLabel(step) {
151
+ return `${step}%`;
152
+ }
153
+ /**
154
+ * Marker `left` percent for range dots and labels; edge steps inset to stay on track.
155
+ *
156
+ * @param step - Track-percent step from `rangeLabelSteps`.
157
+ * @returns CSS `left` percentage string.
158
+ */
159
+ export function getDotLeftPercent(step) {
160
+ if (step === 0) {
161
+ return DOT_EDGE_INSET_PERCENT;
162
+ }
163
+ if (step === 100) {
164
+ return DOT_EDGE_MAX_PERCENT;
165
+ }
166
+ return `${step}%`;
167
+ }
168
+ // --- Accessibility (Slider.tsx) ---
169
+ /**
170
+ * Clamps and steps a domain value for increment/decrement actions.
171
+ *
172
+ * @param value - Domain value to clamp.
173
+ * @param minimumValue - Lower bound of the domain range.
174
+ * @param maximumValue - Upper bound of the domain range.
175
+ * @param step - Step increment for rounding.
176
+ * @returns Clamped and stepped domain value.
177
+ */
178
+ export function clampValueToRange(value, minimumValue, maximumValue, step) {
179
+ const range = maximumValue - minimumValue;
180
+ if (range === 0) {
181
+ return minimumValue;
182
+ }
183
+ const clamped = Math.max(minimumValue, Math.min(maximumValue, value));
184
+ return Math.round(clamped / step) * step;
185
+ }
186
+ //# sourceMappingURL=Slider.utilities.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.utilities.mjs","sourceRoot":"","sources":["../../../src/components/Slider/Slider.utilities.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Pure helpers for Slider coordinate conversion and UI defaults.\n *\n * Three coordinate systems:\n * - **Domain value** — the controlled `value` prop (`minimumValue`…`maximumValue`).\n * - **Track percent** — normalized 0–100 position along the track (used for dots,\n * labels, and `tickThresholds`; may be non-linear via `map*` hooks).\n * - **Pixel position** — thumb/fill offset in layout pixels (`translateX`).\n *\n * Functions marked with `'worklet'` run on the UI thread inside gesture handlers.\n * JS-thread callers use the non-worklet wrappers (`getTrackPercentFromValue`, etc.).\n */\n\nimport {\n DOT_EDGE_INSET_PERCENT,\n DOT_EDGE_MAX_PERCENT,\n} from './Slider.constants';\n\n// --- Track-percent primitives (worklet) ---\n\nexport function clampTrackPercent(trackPercent: number): number {\n 'worklet';\n\n return Math.max(0, Math.min(100, trackPercent));\n}\n\n// --- Domain ↔ track-percent mappers (worklet) ---\n\n/**\n * Linear default: domain value → 0–100 track position.\n *\n * @param value - Domain value to map.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @returns Track percent clamped to 0–100.\n */\nexport function defaultMapValueToTrackPercent(\n value: number,\n minimumValue: number,\n maximumValue: number,\n): number {\n 'worklet';\n\n const range = maximumValue - minimumValue;\n if (range === 0) {\n return 0;\n }\n\n const percent = ((value - minimumValue) / range) * 100;\n return clampTrackPercent(percent);\n}\n\n/**\n * Linear default: track position → stepped domain value.\n *\n * @param trackPercent - Track position from 0–100.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param step - Step increment for rounding.\n * @returns Stepped domain value clamped to the range.\n */\nexport function defaultMapTrackPercentToValue(\n trackPercent: number,\n minimumValue: number,\n maximumValue: number,\n step: number,\n): number {\n 'worklet';\n\n const range = maximumValue - minimumValue;\n if (range === 0) {\n return minimumValue;\n }\n\n const rawValue =\n (clampTrackPercent(trackPercent) / 100) * range + minimumValue;\n const stepped = Math.round(rawValue / step) * step;\n return Math.max(minimumValue, Math.min(maximumValue, stepped));\n}\n\n/**\n * UI-thread entry: custom `mapTrackPercentToValue` or linear default.\n *\n * @param trackPercent - Track position from 0–100.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param step - Step increment for the default mapper.\n * @param mapTrackPercentToValue - Optional custom mapper.\n * @returns Domain value for the track position.\n */\nexport function resolveTrackPercentToValue(\n trackPercent: number,\n minimumValue: number,\n maximumValue: number,\n step: number,\n mapTrackPercentToValue?: (trackPercent: number) => number,\n): number {\n 'worklet';\n\n if (mapTrackPercentToValue) {\n return mapTrackPercentToValue(trackPercent);\n }\n\n return defaultMapTrackPercentToValue(\n trackPercent,\n minimumValue,\n maximumValue,\n step,\n );\n}\n\n/**\n * UI-thread entry: custom `mapValueToTrackPercent` or linear default.\n *\n * @param value - Domain value to map.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param mapValueToTrackPercent - Optional custom mapper.\n * @returns Track percent for the domain value.\n */\nexport function resolveValueToTrackPercent(\n value: number,\n minimumValue: number,\n maximumValue: number,\n mapValueToTrackPercent?: (value: number) => number,\n): number {\n 'worklet';\n\n if (mapValueToTrackPercent) {\n return mapValueToTrackPercent(value);\n }\n\n return defaultMapValueToTrackPercent(value, minimumValue, maximumValue);\n}\n\n// --- Track-percent ↔ pixel position (worklet) ---\n\nexport function trackPercentToPosition(\n trackPercent: number,\n width: number,\n): number {\n 'worklet';\n\n if (width === 0) {\n return 0;\n }\n\n return (clampTrackPercent(trackPercent) / 100) * width;\n}\n\nexport function positionToTrackPercent(\n position: number,\n width: number,\n): number {\n 'worklet';\n\n if (width === 0) {\n return 0;\n }\n\n return clampTrackPercent((position / width) * 100);\n}\n\n/**\n * Clamps a touch X coordinate to the track bounds.\n *\n * @param position - Touch X in track coordinates.\n * @param width - Track width in pixels.\n * @returns Clamped pixel position.\n */\nexport function clampGesturePosition(position: number, width: number): number {\n 'worklet';\n\n return Math.max(0, Math.min(position, width));\n}\n\n// --- JS-thread domain ↔ track-percent ---\n\n/**\n * JS-thread entry for mapping domain value → track percent.\n * Used by Slider (labels, a11y) and useSliderGesture (prop/layout sync).\n *\n * @param value - Domain value to map.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param mapValueToTrackPercent - Optional custom mapper.\n * @returns Track percent for the domain value.\n */\nexport function getTrackPercentFromValue(\n value: number,\n minimumValue: number,\n maximumValue: number,\n mapValueToTrackPercent?: (value: number) => number,\n): number {\n if (mapValueToTrackPercent) {\n return mapValueToTrackPercent(value);\n }\n\n return defaultMapValueToTrackPercent(value, minimumValue, maximumValue);\n}\n\n// --- Range label / dot defaults (Slider.tsx) ---\n\n/**\n * Default `stepToValue`: linear track-percent → domain value.\n *\n * @param step - Track-percent step from `rangeLabelSteps`.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @returns Domain value for the step.\n */\nexport function defaultStepToValue(\n step: number,\n minimumValue: number,\n maximumValue: number,\n): number {\n return (step / 100) * (maximumValue - minimumValue) + minimumValue;\n}\n\n/**\n * Default `formatStepLabel`: display track percent as a percent string.\n *\n * @param step - Track-percent step from `rangeLabelSteps`.\n * @returns Formatted label string.\n */\nexport function defaultFormatStepLabel(step: number): string {\n return `${step}%`;\n}\n\n/**\n * Marker `left` percent for range dots and labels; edge steps inset to stay on track.\n *\n * @param step - Track-percent step from `rangeLabelSteps`.\n * @returns CSS `left` percentage string.\n */\nexport function getDotLeftPercent(step: number): string {\n if (step === 0) {\n return DOT_EDGE_INSET_PERCENT;\n }\n if (step === 100) {\n return DOT_EDGE_MAX_PERCENT;\n }\n\n return `${step}%`;\n}\n\n// --- Accessibility (Slider.tsx) ---\n\n/**\n * Clamps and steps a domain value for increment/decrement actions.\n *\n * @param value - Domain value to clamp.\n * @param minimumValue - Lower bound of the domain range.\n * @param maximumValue - Upper bound of the domain range.\n * @param step - Step increment for rounding.\n * @returns Clamped and stepped domain value.\n */\nexport function clampValueToRange(\n value: number,\n minimumValue: number,\n maximumValue: number,\n step: number,\n): number {\n const range = maximumValue - minimumValue;\n if (range === 0) {\n return minimumValue;\n }\n\n const clamped = Math.max(minimumValue, Math.min(maximumValue, value));\n return Math.round(clamped / step) * step;\n}\n"]}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DEFAULT_TICK_THRESHOLDS = exports.DEFAULT_RANGE_LABEL_STEPS = exports.Slider = void 0;
4
+ var Slider_1 = require("./Slider.cjs");
5
+ Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
6
+ var Slider_constants_1 = require("./Slider.constants.cjs");
7
+ Object.defineProperty(exports, "DEFAULT_RANGE_LABEL_STEPS", { enumerable: true, get: function () { return Slider_constants_1.DEFAULT_RANGE_LABEL_STEPS; } });
8
+ Object.defineProperty(exports, "DEFAULT_TICK_THRESHOLDS", { enumerable: true, get: function () { return Slider_constants_1.DEFAULT_TICK_THRESHOLDS; } });
9
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":";;;AAAA,uCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,2DAG4B;AAF1B,6HAAA,yBAAyB,OAAA;AACzB,2HAAA,uBAAuB,OAAA","sourcesContent":["export { Slider } from './Slider';\nexport type { SliderProps } from './Slider.types';\nexport {\n DEFAULT_RANGE_LABEL_STEPS,\n DEFAULT_TICK_THRESHOLDS,\n} from './Slider.constants';\n"]}
@@ -0,0 +1,4 @@
1
+ export { Slider } from "./Slider.cjs";
2
+ export type { SliderProps } from "./Slider.types.cjs";
3
+ export { DEFAULT_RANGE_LABEL_STEPS, DEFAULT_TICK_THRESHOLDS, } from "./Slider.constants.cjs";
4
+ //# sourceMappingURL=index.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB;AAClD,OAAO,EACL,yBAAyB,EACzB,uBAAuB,GACxB,+BAA2B"}
@@ -0,0 +1,4 @@
1
+ export { Slider } from "./Slider.mjs";
2
+ export type { SliderProps } from "./Slider.types.mjs";
3
+ export { DEFAULT_RANGE_LABEL_STEPS, DEFAULT_TICK_THRESHOLDS, } from "./Slider.constants.mjs";
4
+ //# sourceMappingURL=index.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB;AAClD,OAAO,EACL,yBAAyB,EACzB,uBAAuB,GACxB,+BAA2B"}
@@ -0,0 +1,3 @@
1
+ export { Slider } from "./Slider.mjs";
2
+ export { DEFAULT_RANGE_LABEL_STEPS, DEFAULT_TICK_THRESHOLDS } from "./Slider.constants.mjs";
3
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAElC,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACxB,+BAA2B","sourcesContent":["export { Slider } from './Slider';\nexport type { SliderProps } from './Slider.types';\nexport {\n DEFAULT_RANGE_LABEL_STEPS,\n DEFAULT_TICK_THRESHOLDS,\n} from './Slider.constants';\n"]}