@xsolla/xui-slider 0.216.1 → 0.218.0

package/native/index.mjs

@@ -419,10 +419,12 @@ var Slider = ({
     if (propMaxValue !== void 0) setRangeMax(propMaxValue);
   }, [propMaxValue]);
   const sizing = sizeConfig[size];
-  const disabledColor = theme.colors.control.check.bgDisable;
   const inputColors = theme.colors.control.input;
-  const trackBgColor = inputColors.bg;
-  const trackBgDisabled = inputColors.bgDisable;
+  const knobColors = theme.colors.control.knob;
+  const trackBgColor = theme.colors.control.faint.bg;
+  const trackBgDisabled = theme.colors.overlay.mono;
+  const fillBgDisabled = theme.colors.control.slider.bgDisable;
+  const thumbBgDisabled = knobColors.bgDisable;
   const getColorsFromScheme = (scheme) => {
     const controlColors = theme.colors.control;
     const backgroundColors = theme.colors.background;
@@ -430,6 +432,13 @@ var Slider = ({
     if (control?.bg) {
       return { bg: control.bg, bgHover: control.bgHover || control.bg };
     }
+    const flatControl = controlColors[scheme];
+    if (flatControl?.bg) {
+      return {
+        bg: flatControl.bg,
+        bgHover: flatControl.bgHover || flatControl.bg
+      };
+    }
     const background = backgroundColors[scheme];
     if (background?.primary) {
       return { bg: background.primary, bgHover: background.primary };
@@ -439,11 +448,12 @@ var Slider = ({
       bgHover: controlColors.brand.primary.bgHover
     };
   };
-  const activeScheme = activeColorProp || "brand";
+  const activeScheme = activeColorProp || "slider";
   const activeColors = getColorsFromScheme(activeScheme);
-  const fillColor = disabled ? disabledColor : activeColors.bg;
-  const thumbBgColor = disabled ? disabledColor : activeColors.bg;
-  const thumbBgHoverColor = disabled ? disabledColor : activeColors.bgHover;
+  const thumbColors = activeColorProp ? activeColors : { bg: knobColors.bg, bgHover: knobColors.bgHover };
+  const fillColor = disabled ? fillBgDisabled : isHovered ? activeColors.bgHover : activeColors.bg;
+  const thumbBgColor = disabled ? thumbBgDisabled : thumbColors.bg;
+  const thumbBgHoverColor = disabled ? thumbBgDisabled : thumbColors.bgHover;
   const thumbShadow = "0px 1px 2px rgba(7, 7, 8, 0.2), 0px 1px 3px 1px rgba(7, 7, 8, 0.1)";
   const calculateValue = useCallback(
     (clientX) => {
@@ -804,7 +814,7 @@ var Slider = ({
         backgroundColor: thumbBaseBg,
         borderRadius: theme.shape.knob[size].borderRadius,
         zIndex: isActive ? 3 : 2,
-        cursor: disabled ? "not-allowed" : "grab",
+        cursor: disabled ? "not-allowed" : isActive ? "grabbing" : "grab",
         onMouseDown: isWeb ? (e) => handleMouseDown(e, thumbType || "track") : void 0,
         onKeyDown: (e) => handleKeyDown(e, thumbType),
         onMoveShouldSetResponder: () => !disabled,
@@ -835,7 +845,7 @@ var Slider = ({
             position: "absolute",
             width: sizing.thumbSize,
             height: sizing.thumbSize,
-            backgroundColor: disabledColor,
+            backgroundColor: thumbBgDisabled,
             borderRadius: theme.shape.knob[size].borderRadius,
             style: {
               top: 0,
@@ -853,6 +863,7 @@ var Slider = ({
       gap: 8,
       width: "100%",
       testID,
+      "data-testid": testID,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       children: [
@@ -925,6 +936,8 @@ var Slider = ({
                         /* @__PURE__ */ jsx3(
                           Box,
                           {
+                            testID: "slider-fill",
+                            "data-testid": "slider-fill",
                             position: "absolute",
                             left: `${rangeMinPercentage}%`,
                             top: 0,
@@ -940,6 +953,8 @@ var Slider = ({
                         /* @__PURE__ */ jsx3(
                           Box,
                           {
+                            testID: "slider-fill",
+                            "data-testid": "slider-fill",
                             position: "absolute",
                             left: 0,
                             top: 0,

package/native/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Slider.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, isWeb } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  useId,\n  radiusScale,\n  type ThemeOverrideProps,\n} from \"@xsolla/xui-core\";\nimport { Input } from \"@xsolla/xui-input\";\n\n/**\n * Available color options from the design system.\n */\nexport type SliderColorScheme =\n  | \"brand\"\n  | \"brandExtra\"\n  | \"success\"\n  | \"warning\"\n  | \"alert\"\n  | \"neutral\";\n\nexport interface SliderProps extends ThemeOverrideProps {\n  /**\n   * Current value for single slider mode.\n   */\n  value?: number;\n  /**\n   * Minimum value of the range (for range mode).\n   */\n  minValue?: number;\n  /**\n   * Maximum value of the range (for range mode).\n   */\n  maxValue?: number;\n  /**\n   * Minimum bound of the slider.\n   */\n  min?: number;\n  /**\n   * Maximum bound of the slider.\n   */\n  max?: number;\n  /**\n   * Step increment.\n   */\n  step?: number;\n  /**\n   * Callback for single value changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Callback for range value changes (min, max).\n   */\n  onRangeChange?: (minValue: number, maxValue: number) => void;\n  /**\n   * Size variant.\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * Whether the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Enable range mode with two thumbs.\n   */\n  range?: boolean;\n  /**\n   * Position of input field(s).\n   */\n  inputPosition?: \"left\" | \"right\" | \"both\" | \"none\";\n  /**\n   * Show min/max labels next to the track.\n   */\n  showLabels?: boolean;\n  /**\n   * Label text (displayed above the slider).\n   */\n  label?: string;\n  /**\n   * Color scheme for the active/filled portion of the track and thumb.\n   * Uses colors from the design system.\n   * @default \"brand\"\n   */\n  activeColor?: SliderColorScheme;\n  testID?: string;\n  /**\n   * Accessible label for the slider (used when no visible label).\n   */\n  \"aria-label\"?: string;\n  /**\n   * Accessible label for the minimum thumb in range mode.\n   */\n  minThumbAriaLabel?: string;\n  /**\n   * Accessible label for the maximum thumb in range mode.\n   */\n  maxThumbAriaLabel?: string;\n  /**\n   * Icon to display on the left side of the slider.\n   */\n  iconLeft?: React.ReactNode;\n  /**\n   * Icon to display on the right side of the slider.\n   */\n  iconRight?: React.ReactNode;\n  /**\n   * Icon to display inside the input field.\n   * Only works when inputPosition is not 'none'.\n   */\n  iconInside?: React.ReactNode;\n  /**\n   * Position of the icon inside the input field.\n   * Defaults to the same side as inputPosition.\n   */\n  iconInsidePosition?: \"left\" | \"right\";\n}\n\n// Size configurations matching Figma design\nconst sizeConfig = {\n  xl: {\n    height: 56,\n    trackHeight: 8,\n    thumbSize: 20,\n    inputWidth: 72,\n    inputHeight: 56,\n    fontSize: 16,\n    gap: 24,\n    iconSize: 24,\n    inputIconSize: 18,\n    inputIconGap: 10,\n  },\n  lg: {\n    height: 48,\n    trackHeight: 6,\n    thumbSize: 18,\n    inputWidth: 64,\n    inputHeight: 48,\n    fontSize: 14,\n    gap: 20,\n    iconSize: 20,\n    inputIconSize: 18,\n    inputIconGap: 10,\n  },\n  md: {\n    height: 40,\n    trackHeight: 6,\n    thumbSize: 16,\n    inputWidth: 56,\n    inputHeight: 40,\n    fontSize: 14,\n    gap: 16,\n    iconSize: 18,\n    inputIconSize: 18,\n    inputIconGap: 10,\n  },\n  sm: {\n    height: 32,\n    trackHeight: 4,\n    thumbSize: 14,\n    inputWidth: 48,\n    inputHeight: 32,\n    fontSize: 12,\n    gap: 12,\n    iconSize: 16,\n    inputIconSize: 16,\n    inputIconGap: 10,\n  },\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  value: propValue = 0,\n  minValue: propMinValue,\n  maxValue: propMaxValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onChange,\n  onRangeChange,\n  size = \"md\",\n  disabled = false,\n  range = false,\n  inputPosition = \"none\",\n  showLabels = false,\n  label,\n  activeColor: activeColorProp,\n  testID,\n  \"aria-label\": ariaLabel,\n  minThumbAriaLabel = \"Minimum value\",\n  maxThumbAriaLabel = \"Maximum value\",\n  iconLeft,\n  iconRight,\n  iconInside,\n  iconInsidePosition,\n  themeMode,\n  themeProductContext,\n}) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n  const rawId = useId();\n  const safeId = rawId.replace(/:/g, \"\");\n  const sliderId = `slider-${safeId}`;\n  const labelId = `${sliderId}-label`;\n\n  const [value, setValue] = useState(propValue);\n\n  const [rangeMin, setRangeMin] = useState(propMinValue ?? min);\n  const [rangeMax, setRangeMax] = useState(propMaxValue ?? max);\n\n  const [isHovered, setIsHovered] = useState(false);\n  const [activeThumb, setActiveThumb] = useState<\"min\" | \"max\" | null>(null);\n\n  const trackRef = useRef<any>(null);\n\n  // Sync with props\n  useEffect(() => {\n    setValue(propValue);\n  }, [propValue]);\n\n  useEffect(() => {\n    if (propMinValue !== undefined) setRangeMin(propMinValue);\n  }, [propMinValue]);\n\n  useEffect(() => {\n    if (propMaxValue !== undefined) setRangeMax(propMaxValue);\n  }, [propMaxValue]);\n\n  const sizing = sizeConfig[size];\n\n  const disabledColor = theme.colors.control.check.bgDisable;\n  const inputColors = theme.colors.control.input;\n  const trackBgColor = inputColors.bg; // rgba(0, 0, 0, 0.07)\n  const trackBgDisabled = inputColors.bgDisable;\n\n  // Control colors only exist for brand, brandExtra, alert\n  // For success, warning, neutral - use background colors (consistent with Tag component)\n  const getColorsFromScheme = (\n    scheme: SliderColorScheme\n  ): { bg: string; bgHover: string } => {\n    const controlColors = theme.colors.control as any;\n    const backgroundColors = theme.colors.background as any;\n\n    // Check if scheme exists in control colors (brand, brandExtra, alert)\n    const control = controlColors[scheme]?.primary;\n    if (control?.bg) {\n      return { bg: control.bg, bgHover: control.bgHover || control.bg };\n    }\n\n    // For success, warning, neutral - use background colors (like Tag component)\n    const background = backgroundColors[scheme];\n    if (background?.primary) {\n      return { bg: background.primary, bgHover: background.primary };\n    }\n\n    // Fallback to brand\n    return {\n      bg: controlColors.brand.primary.bg,\n      bgHover: controlColors.brand.primary.bgHover,\n    };\n  };\n\n  // Active line and thumb color: use prop scheme, or default to brand\n  const activeScheme = activeColorProp || \"brand\";\n  const activeColors = getColorsFromScheme(activeScheme);\n  const fillColor = disabled ? disabledColor : activeColors.bg;\n  const thumbBgColor = disabled ? disabledColor : activeColors.bg;\n  const thumbBgHoverColor = disabled ? disabledColor : activeColors.bgHover;\n\n  const thumbShadow =\n    \"0px 1px 2px rgba(7, 7, 8, 0.2), 0px 1px 3px 1px rgba(7, 7, 8, 0.1)\";\n\n  const calculateValue = useCallback(\n    (clientX: number) => {\n      if (!trackRef.current) return value;\n      const rect = trackRef.current.getBoundingClientRect();\n      const percentage = Math.max(\n        0,\n        Math.min(1, (clientX - rect.left) / rect.width)\n      );\n      const rawValue = min + percentage * (max - min);\n      return Math.round(rawValue / step) * step;\n    },\n    [min, max, step, value]\n  );\n\n  const handleSingleMove = useCallback(\n    (clientX: number) => {\n      if (disabled) return;\n      const newValue = calculateValue(clientX);\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [disabled, calculateValue, onChange]\n  );\n\n  const handleRangeMove = useCallback(\n    (clientX: number, thumb: \"min\" | \"max\") => {\n      if (disabled) return;\n      const newValue = calculateValue(clientX);\n\n      if (thumb === \"min\") {\n        const clampedValue = Math.min(newValue, rangeMax - step);\n        setRangeMin(clampedValue);\n        onRangeChange?.(clampedValue, rangeMax);\n      } else {\n        const clampedValue = Math.max(newValue, rangeMin + step);\n        setRangeMax(clampedValue);\n        onRangeChange?.(rangeMin, clampedValue);\n      }\n    },\n    [disabled, calculateValue, rangeMin, rangeMax, step, onRangeChange]\n  );\n\n  const handleMouseDown = (\n    e: React.MouseEvent,\n    thumb?: \"min\" | \"max\" | \"track\"\n  ) => {\n    if (disabled) return;\n\n    const clientX = e.clientX;\n\n    if (range) {\n      let targetThumb: \"min\" | \"max\" = thumb === \"min\" ? \"min\" : \"max\";\n\n      if (thumb === \"track\") {\n        // Click on track - determine closest thumb\n        const clickValue = calculateValue(clientX);\n        const distToMin = Math.abs(clickValue - rangeMin);\n        const distToMax = Math.abs(clickValue - rangeMax);\n        targetThumb = distToMin < distToMax ? \"min\" : \"max\";\n      }\n\n      setActiveThumb(targetThumb);\n      handleRangeMove(clientX, targetThumb);\n\n      const onMouseMove = (moveEvent: MouseEvent) => {\n        handleRangeMove(moveEvent.clientX, targetThumb);\n      };\n\n      const onMouseUp = () => {\n        setActiveThumb(null);\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mouseup\", onMouseUp);\n    } else {\n      handleSingleMove(clientX);\n\n      const onMouseMove = (moveEvent: MouseEvent) => {\n        handleSingleMove(moveEvent.clientX);\n      };\n\n      const onMouseUp = () => {\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mouseup\", onMouseUp);\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent, thumbType?: \"min\" | \"max\") => {\n      if (disabled) return;\n\n      const stepValue = e.shiftKey ? step * 10 : step;\n      let handled = false;\n\n      if (range && thumbType) {\n        if (thumbType === \"min\") {\n          if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n            const newValue = Math.min(rangeMin + stepValue, rangeMax - step);\n            setRangeMin(newValue);\n            onRangeChange?.(newValue, rangeMax);\n            handled = true;\n          } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n            const newValue = Math.max(rangeMin - stepValue, min);\n            setRangeMin(newValue);\n            onRangeChange?.(newValue, rangeMax);\n            handled = true;\n          } else if (e.key === \"Home\") {\n            setRangeMin(min);\n            onRangeChange?.(min, rangeMax);\n            handled = true;\n          } else if (e.key === \"End\") {\n            const newValue = rangeMax - step;\n            setRangeMin(newValue);\n            onRangeChange?.(newValue, rangeMax);\n            handled = true;\n          }\n        } else {\n          if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n            const newValue = Math.min(rangeMax + stepValue, max);\n            setRangeMax(newValue);\n            onRangeChange?.(rangeMin, newValue);\n            handled = true;\n          } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n            const newValue = Math.max(rangeMax - stepValue, rangeMin + step);\n            setRangeMax(newValue);\n            onRangeChange?.(rangeMin, newValue);\n            handled = true;\n          } else if (e.key === \"Home\") {\n            const newValue = rangeMin + step;\n            setRangeMax(newValue);\n            onRangeChange?.(rangeMin, newValue);\n            handled = true;\n          } else if (e.key === \"End\") {\n            setRangeMax(max);\n            onRangeChange?.(rangeMin, max);\n            handled = true;\n          }\n        }\n      } else {\n        if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n          const newValue = Math.min(value + stepValue, max);\n          setValue(newValue);\n          onChange?.(newValue);\n          handled = true;\n        } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n          const newValue = Math.max(value - stepValue, min);\n          setValue(newValue);\n          onChange?.(newValue);\n          handled = true;\n        } else if (e.key === \"Home\") {\n          setValue(min);\n          onChange?.(min);\n          handled = true;\n        } else if (e.key === \"End\") {\n          setValue(max);\n          onChange?.(max);\n          handled = true;\n        }\n      }\n\n      if (handled) {\n        e.preventDefault();\n      }\n    },\n    [\n      disabled,\n      range,\n      step,\n      min,\n      max,\n      value,\n      rangeMin,\n      rangeMax,\n      onChange,\n      onRangeChange,\n    ]\n  );\n\n  // React Native responder event handlers\n  const handleResponderGrant = useCallback(\n    (e: any, thumbType?: \"min\" | \"max\" | \"track\") => {\n      if (disabled) return;\n\n      const locationX = e.nativeEvent?.locationX ?? e.nativeEvent?.pageX ?? 0;\n\n      if (range) {\n        let targetThumb: \"min\" | \"max\" = thumbType === \"min\" ? \"min\" : \"max\";\n\n        if (thumbType === \"track\" && trackRef.current) {\n          // Determine closest thumb based on touch position\n          const rect = trackRef.current.getBoundingClientRect?.() || {\n            width: 100,\n            left: 0,\n          };\n          const percentage = Math.max(0, Math.min(1, locationX / rect.width));\n          const touchValue = min + percentage * (max - min);\n          const distToMin = Math.abs(touchValue - rangeMin);\n          const distToMax = Math.abs(touchValue - rangeMax);\n          targetThumb = distToMin < distToMax ? \"min\" : \"max\";\n        }\n\n        setActiveThumb(targetThumb);\n      }\n    },\n    [disabled, range, min, max, rangeMin, rangeMax]\n  );\n\n  const handleResponderMove = useCallback(\n    (e: any, thumbType?: \"min\" | \"max\") => {\n      if (disabled || !trackRef.current) return;\n\n      const locationX = e.nativeEvent?.locationX ?? e.nativeEvent?.pageX ?? 0;\n      const rect = trackRef.current.getBoundingClientRect?.() || {\n        width: 100,\n        left: 0,\n      };\n      const percentage = Math.max(0, Math.min(1, locationX / rect.width));\n      const rawValue = min + percentage * (max - min);\n      const newValue = Math.round(rawValue / step) * step;\n\n      if (range) {\n        const thumb = thumbType || activeThumb;\n        if (thumb === \"min\") {\n          const clampedValue = Math.min(newValue, rangeMax - step);\n          setRangeMin(clampedValue);\n          onRangeChange?.(clampedValue, rangeMax);\n        } else if (thumb === \"max\") {\n          const clampedValue = Math.max(newValue, rangeMin + step);\n          setRangeMax(clampedValue);\n          onRangeChange?.(rangeMin, clampedValue);\n        }\n      } else {\n        const clampedValue = Math.max(min, Math.min(max, newValue));\n        setValue(clampedValue);\n        onChange?.(clampedValue);\n      }\n    },\n    [\n      disabled,\n      min,\n      max,\n      step,\n      range,\n      activeThumb,\n      rangeMin,\n      rangeMax,\n      onChange,\n      onRangeChange,\n    ]\n  );\n\n  const handleResponderRelease = useCallback(() => {\n    setActiveThumb(null);\n  }, []);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n    type: \"single\" | \"min\" | \"max\"\n  ) => {\n    const inputValue = e.target.value;\n    const numValue = parseFloat(inputValue);\n\n    if (isNaN(numValue)) return;\n\n    const clampedValue = Math.max(min, Math.min(max, numValue));\n\n    if (type === \"single\") {\n      setValue(clampedValue);\n      onChange?.(clampedValue);\n    } else if (type === \"min\") {\n      const newMin = Math.min(clampedValue, rangeMax - step);\n      setRangeMin(newMin);\n      onRangeChange?.(newMin, rangeMax);\n    } else {\n      const newMax = Math.max(clampedValue, rangeMin + step);\n      setRangeMax(newMax);\n      onRangeChange?.(rangeMin, newMax);\n    }\n  };\n\n  // Handle keyboard navigation in input fields (ArrowUp/ArrowDown)\n  const handleInputKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n    type: \"single\" | \"min\" | \"max\"\n  ) => {\n    if (disabled) return;\n\n    const stepValue = e.shiftKey ? step * 10 : step;\n    let handled = false;\n\n    if (e.key === \"ArrowUp\") {\n      if (type === \"single\") {\n        const newValue = Math.min(value + stepValue, max);\n        setValue(newValue);\n        onChange?.(newValue);\n      } else if (type === \"min\") {\n        const newValue = Math.min(rangeMin + stepValue, rangeMax - step);\n        setRangeMin(newValue);\n        onRangeChange?.(newValue, rangeMax);\n      } else {\n        const newValue = Math.min(rangeMax + stepValue, max);\n        setRangeMax(newValue);\n        onRangeChange?.(rangeMin, newValue);\n      }\n      handled = true;\n    } else if (e.key === \"ArrowDown\") {\n      if (type === \"single\") {\n        const newValue = Math.max(value - stepValue, min);\n        setValue(newValue);\n        onChange?.(newValue);\n      } else if (type === \"min\") {\n        const newValue = Math.max(rangeMin - stepValue, min);\n        setRangeMin(newValue);\n        onRangeChange?.(newValue, rangeMax);\n      } else {\n        const newValue = Math.max(rangeMax - stepValue, rangeMin + step);\n        setRangeMax(newValue);\n        onRangeChange?.(rangeMin, newValue);\n      }\n      handled = true;\n    }\n\n    if (handled) {\n      e.preventDefault();\n    }\n  };\n\n  // Round to nearest step on blur (per Figma spec)\n  const handleInputBlur = (type: \"single\" | \"min\" | \"max\") => {\n    if (type === \"single\") {\n      const rounded = Math.round(value / step) * step;\n      const clampedRounded = Math.max(min, Math.min(max, rounded));\n      if (clampedRounded !== value) {\n        setValue(clampedRounded);\n        onChange?.(clampedRounded);\n      }\n    } else if (type === \"min\") {\n      const rounded = Math.round(rangeMin / step) * step;\n      const clampedRounded = Math.max(min, Math.min(rangeMax - step, rounded));\n      if (clampedRounded !== rangeMin) {\n        setRangeMin(clampedRounded);\n        onRangeChange?.(clampedRounded, rangeMax);\n      }\n    } else {\n      const rounded = Math.round(rangeMax / step) * step;\n      const clampedRounded = Math.max(rangeMin + step, Math.min(max, rounded));\n      if (clampedRounded !== rangeMax) {\n        setRangeMax(clampedRounded);\n        onRangeChange?.(rangeMin, clampedRounded);\n      }\n    }\n  };\n\n  const singlePercentage = ((value - min) / (max - min)) * 100;\n  const rangeMinPercentage = ((rangeMin - min) / (max - min)) * 100;\n  const rangeMaxPercentage = ((rangeMax - min) / (max - min)) * 100;\n\n  const renderInput = (\n    inputValue: number,\n    type: \"single\" | \"min\" | \"max\",\n    position: \"left\" | \"right\"\n  ) => {\n    // Determine icon position - defaults to same side as input position\n    const effectiveIconPosition = iconInsidePosition || position;\n    const inputIconLeft =\n      iconInside && effectiveIconPosition === \"left\" ? iconInside : undefined;\n    const inputIconRight =\n      iconInside && effectiveIconPosition === \"right\" ? iconInside : undefined;\n\n    // Calculate input width - increase when iconInside is provided\n    const inputWidth = iconInside\n      ? sizing.inputWidth + sizing.inputIconSize + sizing.inputIconGap\n      : sizing.inputWidth;\n\n    return (\n      <Box width={inputWidth} flexShrink={0}>\n        <Input\n          value={String(inputValue)}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n            handleInputChange(e, type)\n          }\n          onBlur={() => handleInputBlur(type)}\n          onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) =>\n            handleInputKeyDown(e, type)\n          }\n          disabled={disabled}\n          size={size}\n          inputMode=\"numeric\"\n          iconLeft={inputIconLeft}\n          iconRight={inputIconRight}\n          aria-label={\n            type === \"single\"\n              ? \"Slider value\"\n              : type === \"min\"\n                ? \"Minimum value\"\n                : \"Maximum value\"\n          }\n          style={{\n            textAlign: \"center\",\n          }}\n        />\n      </Box>\n    );\n  };\n\n  const renderThumb = (percentage: number, thumbType?: \"min\" | \"max\") => {\n    const isActive = activeThumb === thumbType;\n    const thumbHovered = isHovered || isActive;\n\n    const currentValue = range\n      ? thumbType === \"min\"\n        ? rangeMin\n        : rangeMax\n      : value;\n\n    const thumbAriaLabel = range\n      ? thumbType === \"min\"\n        ? minThumbAriaLabel\n        : maxThumbAriaLabel\n      : ariaLabel || label || \"Slider value\";\n\n    const currentThumbBg =\n      thumbHovered && !disabled ? thumbBgHoverColor : thumbBgColor;\n\n    // For disabled state, we need white background with colored overlay\n    // to prevent the track from showing through\n    const thumbBaseBg = disabled\n      ? theme.colors.background.primary\n      : currentThumbBg;\n\n    return (\n      <Box\n        role=\"slider\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label={thumbAriaLabel}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        testID={thumbType ? `slider-thumb-${thumbType}` : \"slider-thumb\"}\n        data-testid={thumbType ? `slider-thumb-${thumbType}` : \"slider-thumb\"}\n        position=\"absolute\"\n        left={`${percentage}%`}\n        width={sizing.thumbSize}\n        height={sizing.thumbSize}\n        backgroundColor={thumbBaseBg}\n        borderRadius={theme.shape.knob[size].borderRadius}\n        zIndex={isActive ? 3 : 2}\n        cursor={disabled ? \"not-allowed\" : \"grab\"}\n        // Web events\n        onMouseDown={\n          isWeb\n            ? (e: React.MouseEvent) => handleMouseDown(e, thumbType || \"track\")\n            : undefined\n        }\n        onKeyDown={(e: React.KeyboardEvent) => handleKeyDown(e, thumbType)}\n        // React Native responder events\n        onMoveShouldSetResponder={() => !disabled}\n        onResponderGrant={(e: any) => handleResponderGrant(e, thumbType)}\n        onResponderMove={(e: any) => handleResponderMove(e, thumbType)}\n        onResponderRelease={handleResponderRelease}\n        onResponderTerminate={handleResponderRelease}\n        style={{\n          top: \"50%\",\n          transform:\n            thumbHovered && !disabled\n              ? \"translate(-50%, -50%) scale(1.1)\"\n              : \"translate(-50%, -50%)\",\n          boxShadow: disabled ? \"none\" : thumbShadow,\n          transition: \"transform 0.1s ease, background-color 0.1s ease\",\n          boxSizing: \"border-box\",\n          outline: \"none\",\n          // Accessibility attributes passed via style for native compatibility\n          \"--aria-valuenow\": currentValue,\n          \"--aria-valuemin\":\n            range && thumbType === \"max\" ? rangeMin + step : min,\n          \"--aria-valuemax\":\n            range && thumbType === \"min\" ? rangeMax - step : max,\n          \"--aria-orientation\": \"horizontal\",\n        }}\n        aria-valuenow={currentValue}\n        aria-valuemin={range && thumbType === \"max\" ? rangeMin + step : min}\n        aria-valuemax={range && thumbType === \"min\" ? rangeMax - step : max}\n        aria-orientation=\"horizontal\"\n      >\n        {/* Disabled state overlay - white base with colored overlay */}\n        {disabled && (\n          <Box\n            position=\"absolute\"\n            width={sizing.thumbSize}\n            height={sizing.thumbSize}\n            backgroundColor={disabledColor}\n            borderRadius={theme.shape.knob[size].borderRadius}\n            style={{\n              top: 0,\n              left: 0,\n            }}\n          />\n        )}\n      </Box>\n    );\n  };\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      gap={8}\n      width=\"100%\"\n      testID={testID}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizing.fontSize - 2}\n        >\n          {label}\n        </Text>\n      )}\n\n      <Box\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        gap={sizing.gap}\n        height={sizing.height}\n      >\n        {/* Left input (for single or range min) */}\n        {(inputPosition === \"left\" || inputPosition === \"both\") &&\n          (range\n            ? renderInput(rangeMin, \"min\", \"left\")\n            : renderInput(value, \"single\", \"left\"))}\n\n        {/* Left icon */}\n        {iconLeft && (\n          <Box\n            flexShrink={0}\n            width={sizing.iconSize}\n            height={sizing.iconSize}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            opacity={disabled ? 0.5 : 1}\n          >\n            {iconLeft}\n          </Box>\n        )}\n\n        {/* Min label */}\n        {showLabels && (\n          <Text\n            color={disabled ? inputColors.textDisable : inputColors.text}\n            fontSize={sizing.fontSize}\n            flexShrink={0}\n          >\n            {min}\n          </Text>\n        )}\n\n        {/* Track container with padding for thumb space at edges */}\n        <Box\n          flex={1}\n          paddingHorizontal={sizing.thumbSize / 2}\n          height={sizing.height}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          <Box\n            ref={trackRef}\n            width=\"100%\"\n            height={sizing.trackHeight}\n            backgroundColor={disabled ? trackBgDisabled : trackBgColor}\n            borderRadius={radiusScale[\"999\"]}\n            position=\"relative\"\n            cursor={disabled ? \"not-allowed\" : \"pointer\"}\n            testID=\"slider-track\"\n            data-testid=\"slider-track\"\n            // Web events (passed through to underlying div)\n            onMouseDown={\n              isWeb\n                ? (e: React.MouseEvent) => handleMouseDown(e, \"track\")\n                : undefined\n            }\n            // React Native responder events\n            onMoveShouldSetResponder={() => !disabled}\n            onResponderGrant={(e: any) => handleResponderGrant(e, \"track\")}\n            onResponderMove={(e: any) => handleResponderMove(e)}\n            onResponderRelease={handleResponderRelease}\n            onResponderTerminate={handleResponderRelease}\n          >\n            {range ? (\n              <>\n                {/* Range fill */}\n                <Box\n                  position=\"absolute\"\n                  left={`${rangeMinPercentage}%`}\n                  top={0}\n                  height=\"100%\"\n                  width={`${rangeMaxPercentage - rangeMinPercentage}%`}\n                  backgroundColor={fillColor}\n                  borderRadius={radiusScale[\"999\"]}\n                />\n                {/* Min thumb */}\n                {renderThumb(rangeMinPercentage, \"min\")}\n                {/* Max thumb */}\n                {renderThumb(rangeMaxPercentage, \"max\")}\n              </>\n            ) : (\n              <>\n                {/* Single fill */}\n                <Box\n                  position=\"absolute\"\n                  left={0}\n                  top={0}\n                  height=\"100%\"\n                  width={`${singlePercentage}%`}\n                  backgroundColor={fillColor}\n                  borderRadius={radiusScale[\"999\"]}\n                />\n                {/* Single thumb */}\n                {renderThumb(singlePercentage)}\n              </>\n            )}\n          </Box>\n        </Box>\n\n        {/* Max label */}\n        {showLabels && (\n          <Text\n            color={disabled ? inputColors.textDisable : inputColors.text}\n            fontSize={sizing.fontSize}\n            flexShrink={0}\n          >\n            {max}\n          </Text>\n        )}\n\n        {/* Right icon */}\n        {iconRight && (\n          <Box\n            flexShrink={0}\n            width={sizing.iconSize}\n            height={sizing.iconSize}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            opacity={disabled ? 0.5 : 1}\n          >\n            {iconRight}\n          </Box>\n        )}\n\n        {/* Right input (for single or range max) */}\n        {(inputPosition === \"right\" || inputPosition === \"both\") &&\n          (range\n            ? renderInput(rangeMax, \"max\", \"right\")\n            : renderInput(value, \"single\", \"right\"))}\n      </Box>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n  AccessibilityRole,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleToAccessibilityRole: Record<string, AccessibilityRole> = {\n  button: \"button\",\n  link: \"link\",\n  img: \"image\",\n  image: \"image\",\n  summary: \"summary\",\n  switch: \"switch\",\n  checkbox: \"checkbox\",\n  radio: \"radio\",\n  heading: \"header\",\n  text: \"text\",\n  search: \"search\",\n  alert: \"alert\",\n  none: \"none\",\n  presentation: \"none\",\n  progressbar: \"progressbar\",\n  scrollbar: \"scrollbar\",\n  adjustable: \"adjustable\",\n  tab: \"tab\",\n  menu: \"menu\",\n  menuitem: \"menuitem\",\n  list: \"list\",\n  timer: \"timer\",\n};\n\n/** RN ViewStyle.gap is typed as number (Yoga gap), not DimensionValue. */\nconst toGapValue = (gap: number | string | undefined): number | undefined => {\n  if (gap === undefined) return undefined;\n  if (typeof gap === \"number\") return gap;\n  const pxMatch = /^(\\d+(?:\\.\\d+)?)px$/.exec(gap);\n  if (pxMatch) return Number(pxMatch[1]);\n  const asNumber = Number(gap);\n  return Number.isFinite(asNumber) ? asNumber : undefined;\n};\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  flexWrap,\n  alignItems,\n  justifyContent,\n  alignSelf,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  flex,\n  flexShrink,\n  gap,\n  overflow,\n  opacity,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  disabled,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    opacity: opacity ?? (disabled ? 0.5 : undefined),\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    minWidth: minWidth as DimensionValue,\n    minHeight: minHeight as DimensionValue,\n    maxWidth: maxWidth as DimensionValue,\n    maxHeight: maxHeight as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    flexWrap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    flexShrink,\n    gap: toGapValue(gap),\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Map web a11y props; drop the rest of the web-only attributes before\n  // spreading onto RN hosts (unknown props warn at runtime).\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": ariaDisabled,\n    \"aria-live\": ariaLive,\n    \"aria-busy\": ariaBusy,\n    className,\n    \"data-testid\": _dataTestId,\n    cursor: _cursor,\n    type: _type,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  const accessibilityRole =\n    (typeof role === \"string\" && roleToAccessibilityRole[role]) ||\n    (as === \"button\" ? \"button\" : undefined);\n  const isDisabled = Boolean(disabled || ariaDisabled);\n  const accessibilityState = {\n    disabled: isDisabled || undefined,\n    busy: Boolean(ariaBusy) || undefined,\n  };\n  const accessibilityLiveRegion =\n    ariaLive === \"polite\" || ariaLive === \"assertive\" ? ariaLive : undefined;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : alt}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  // Prefer Pressable whenever the node is interactive or explicitly a button,\n  // so disabled / aria-disabled controls stay in the a11y tree as buttons.\n  if (onPress || as === \"button\") {\n    return (\n      <Pressable\n        onPress={!isDisabled && onPress ? onPress : undefined}\n        disabled={isDisabled}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        accessibilityRole={accessibilityRole}\n        accessibilityLabel={\n          typeof ariaLabel === \"string\" ? ariaLabel : undefined\n        }\n        accessibilityState={accessibilityState}\n        accessibilityLiveRegion={accessibilityLiveRegion}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      accessibilityRole={accessibilityRole}\n      accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : undefined}\n      accessibilityState={accessibilityState}\n      accessibilityLiveRegion={accessibilityLiveRegion}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n"],"mappings":"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","names":["jsx","jsx"]}
+{"version":3,"sources":["../../src/Slider.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, isWeb } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  useId,\n  radiusScale,\n  type ThemeOverrideProps,\n} from \"@xsolla/xui-core\";\nimport { Input } from \"@xsolla/xui-input\";\n\n/**\n * Available color options from the design system.\n *\n * `\"slider\"` is the Figma default and maps to the dedicated `control.slider`\n * token pair. The remaining schemes are opt-in overrides.\n */\nexport type SliderColorScheme =\n  | \"slider\"\n  | \"brand\"\n  | \"brandExtra\"\n  | \"success\"\n  | \"warning\"\n  | \"alert\"\n  | \"neutral\";\n\nexport interface SliderProps extends ThemeOverrideProps {\n  /**\n   * Current value for single slider mode.\n   */\n  value?: number;\n  /**\n   * Minimum value of the range (for range mode).\n   */\n  minValue?: number;\n  /**\n   * Maximum value of the range (for range mode).\n   */\n  maxValue?: number;\n  /**\n   * Minimum bound of the slider.\n   */\n  min?: number;\n  /**\n   * Maximum bound of the slider.\n   */\n  max?: number;\n  /**\n   * Step increment.\n   */\n  step?: number;\n  /**\n   * Callback for single value changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Callback for range value changes (min, max).\n   */\n  onRangeChange?: (minValue: number, maxValue: number) => void;\n  /**\n   * Size variant.\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * Whether the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Enable range mode with two thumbs.\n   */\n  range?: boolean;\n  /**\n   * Position of input field(s).\n   */\n  inputPosition?: \"left\" | \"right\" | \"both\" | \"none\";\n  /**\n   * Show min/max labels next to the track.\n   */\n  showLabels?: boolean;\n  /**\n   * Label text (displayed above the slider).\n   */\n  label?: string;\n  /**\n   * Color scheme for the active/filled portion of the track and thumb.\n   * Uses colors from the design system.\n   *\n   * Defaults to `\"slider\"`, which resolves to the `control.slider` token pair\n   * defined in Figma (with the thumb binding `control.knob`). Pass another\n   * scheme to tint the fill and thumb.\n   * @default \"slider\"\n   */\n  activeColor?: SliderColorScheme;\n  testID?: string;\n  /**\n   * Accessible label for the slider (used when no visible label).\n   */\n  \"aria-label\"?: string;\n  /**\n   * Accessible label for the minimum thumb in range mode.\n   */\n  minThumbAriaLabel?: string;\n  /**\n   * Accessible label for the maximum thumb in range mode.\n   */\n  maxThumbAriaLabel?: string;\n  /**\n   * Icon to display on the left side of the slider.\n   */\n  iconLeft?: React.ReactNode;\n  /**\n   * Icon to display on the right side of the slider.\n   */\n  iconRight?: React.ReactNode;\n  /**\n   * Icon to display inside the input field.\n   * Only works when inputPosition is not 'none'.\n   */\n  iconInside?: React.ReactNode;\n  /**\n   * Position of the icon inside the input field.\n   * Defaults to the same side as inputPosition.\n   */\n  iconInsidePosition?: \"left\" | \"right\";\n}\n\n// Size configurations matching Figma design\nconst sizeConfig = {\n  xl: {\n    height: 56,\n    trackHeight: 8,\n    thumbSize: 20,\n    inputWidth: 72,\n    inputHeight: 56,\n    fontSize: 16,\n    gap: 24,\n    iconSize: 24,\n    inputIconSize: 18,\n    inputIconGap: 10,\n  },\n  lg: {\n    height: 48,\n    trackHeight: 6,\n    thumbSize: 18,\n    inputWidth: 64,\n    inputHeight: 48,\n    fontSize: 14,\n    gap: 20,\n    iconSize: 20,\n    inputIconSize: 18,\n    inputIconGap: 10,\n  },\n  md: {\n    height: 40,\n    trackHeight: 6,\n    thumbSize: 16,\n    inputWidth: 56,\n    inputHeight: 40,\n    fontSize: 14,\n    gap: 16,\n    iconSize: 18,\n    inputIconSize: 18,\n    inputIconGap: 10,\n  },\n  sm: {\n    height: 32,\n    trackHeight: 4,\n    thumbSize: 14,\n    inputWidth: 48,\n    inputHeight: 32,\n    fontSize: 12,\n    gap: 12,\n    iconSize: 16,\n    inputIconSize: 16,\n    inputIconGap: 10,\n  },\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  value: propValue = 0,\n  minValue: propMinValue,\n  maxValue: propMaxValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onChange,\n  onRangeChange,\n  size = \"md\",\n  disabled = false,\n  range = false,\n  inputPosition = \"none\",\n  showLabels = false,\n  label,\n  activeColor: activeColorProp,\n  testID,\n  \"aria-label\": ariaLabel,\n  minThumbAriaLabel = \"Minimum value\",\n  maxThumbAriaLabel = \"Maximum value\",\n  iconLeft,\n  iconRight,\n  iconInside,\n  iconInsidePosition,\n  themeMode,\n  themeProductContext,\n}) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n  const rawId = useId();\n  const safeId = rawId.replace(/:/g, \"\");\n  const sliderId = `slider-${safeId}`;\n  const labelId = `${sliderId}-label`;\n\n  const [value, setValue] = useState(propValue);\n\n  const [rangeMin, setRangeMin] = useState(propMinValue ?? min);\n  const [rangeMax, setRangeMax] = useState(propMaxValue ?? max);\n\n  const [isHovered, setIsHovered] = useState(false);\n  const [activeThumb, setActiveThumb] = useState<\"min\" | \"max\" | null>(null);\n\n  const trackRef = useRef<any>(null);\n\n  // Sync with props\n  useEffect(() => {\n    setValue(propValue);\n  }, [propValue]);\n\n  useEffect(() => {\n    if (propMinValue !== undefined) setRangeMin(propMinValue);\n  }, [propMinValue]);\n\n  useEffect(() => {\n    if (propMaxValue !== undefined) setRangeMax(propMaxValue);\n  }, [propMaxValue]);\n\n  const sizing = sizeConfig[size];\n\n  const inputColors = theme.colors.control.input;\n  const knobColors = theme.colors.control.knob;\n  // The inactive portion of the track uses control/faint/bg in Figma\n  // (black @ 15% in light, the faint overlay in dark) — not control/input/bg.\n  const trackBgColor = theme.colors.control.faint.bg;\n  // Disabled state has its own palette in Figma rather than a dimmed default\n  // one: overlay/mono for the track, control/disable/bg for the fill (exposed\n  // in the theme as control.slider.bgDisable) and control/knob/bg-disable for\n  // the thumb.\n  const trackBgDisabled = theme.colors.overlay.mono;\n  const fillBgDisabled = theme.colors.control.slider.bgDisable;\n  const thumbBgDisabled = knobColors.bgDisable;\n\n  // Control colors only exist for brand, brandExtra, alert\n  // For success, warning, neutral - use background colors (consistent with Tag component)\n  const getColorsFromScheme = (\n    scheme: SliderColorScheme\n  ): { bg: string; bgHover: string } => {\n    const controlColors = theme.colors.control as any;\n    const backgroundColors = theme.colors.background as any;\n\n    // Check if scheme exists in control colors (brand, brandExtra, alert)\n    const control = controlColors[scheme]?.primary;\n    if (control?.bg) {\n      return { bg: control.bg, bgHover: control.bgHover || control.bg };\n    }\n\n    // Some control tokens (e.g. control.slider) expose bg/bgHover directly\n    // instead of nesting them under a `.primary` sub-object.\n    const flatControl = controlColors[scheme];\n    if (flatControl?.bg) {\n      return {\n        bg: flatControl.bg,\n        bgHover: flatControl.bgHover || flatControl.bg,\n      };\n    }\n\n    // For success, warning, neutral - use background colors (like Tag component)\n    const background = backgroundColors[scheme];\n    if (background?.primary) {\n      return { bg: background.primary, bgHover: background.primary };\n    }\n\n    // Fallback to brand\n    return {\n      bg: controlColors.brand.primary.bg,\n      bgHover: controlColors.brand.primary.bgHover,\n    };\n  };\n\n  // Active line color: use prop scheme, or default to the dedicated\n  // control/slider token pair from Figma.\n  const activeScheme = activeColorProp || \"slider\";\n  const activeColors = getColorsFromScheme(activeScheme);\n\n  // The thumb binds control/knob in Figma. When the caller pins an explicit\n  // activeColor we keep tinting the thumb with that scheme instead.\n  const thumbColors = activeColorProp\n    ? activeColors\n    : { bg: knobColors.bg, bgHover: knobColors.bgHover };\n\n  // On hover Figma moves the fill to control/slider/bg-hover alongside the\n  // thumb, so both react to the same hover state.\n  const fillColor = disabled\n    ? fillBgDisabled\n    : isHovered\n      ? activeColors.bgHover\n      : activeColors.bg;\n  const thumbBgColor = disabled ? thumbBgDisabled : thumbColors.bg;\n  const thumbBgHoverColor = disabled ? thumbBgDisabled : thumbColors.bgHover;\n\n  const thumbShadow =\n    \"0px 1px 2px rgba(7, 7, 8, 0.2), 0px 1px 3px 1px rgba(7, 7, 8, 0.1)\";\n\n  const calculateValue = useCallback(\n    (clientX: number) => {\n      if (!trackRef.current) return value;\n      const rect = trackRef.current.getBoundingClientRect();\n      const percentage = Math.max(\n        0,\n        Math.min(1, (clientX - rect.left) / rect.width)\n      );\n      const rawValue = min + percentage * (max - min);\n      return Math.round(rawValue / step) * step;\n    },\n    [min, max, step, value]\n  );\n\n  const handleSingleMove = useCallback(\n    (clientX: number) => {\n      if (disabled) return;\n      const newValue = calculateValue(clientX);\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [disabled, calculateValue, onChange]\n  );\n\n  const handleRangeMove = useCallback(\n    (clientX: number, thumb: \"min\" | \"max\") => {\n      if (disabled) return;\n      const newValue = calculateValue(clientX);\n\n      if (thumb === \"min\") {\n        const clampedValue = Math.min(newValue, rangeMax - step);\n        setRangeMin(clampedValue);\n        onRangeChange?.(clampedValue, rangeMax);\n      } else {\n        const clampedValue = Math.max(newValue, rangeMin + step);\n        setRangeMax(clampedValue);\n        onRangeChange?.(rangeMin, clampedValue);\n      }\n    },\n    [disabled, calculateValue, rangeMin, rangeMax, step, onRangeChange]\n  );\n\n  const handleMouseDown = (\n    e: React.MouseEvent,\n    thumb?: \"min\" | \"max\" | \"track\"\n  ) => {\n    if (disabled) return;\n\n    const clientX = e.clientX;\n\n    if (range) {\n      let targetThumb: \"min\" | \"max\" = thumb === \"min\" ? \"min\" : \"max\";\n\n      if (thumb === \"track\") {\n        // Click on track - determine closest thumb\n        const clickValue = calculateValue(clientX);\n        const distToMin = Math.abs(clickValue - rangeMin);\n        const distToMax = Math.abs(clickValue - rangeMax);\n        targetThumb = distToMin < distToMax ? \"min\" : \"max\";\n      }\n\n      setActiveThumb(targetThumb);\n      handleRangeMove(clientX, targetThumb);\n\n      const onMouseMove = (moveEvent: MouseEvent) => {\n        handleRangeMove(moveEvent.clientX, targetThumb);\n      };\n\n      const onMouseUp = () => {\n        setActiveThumb(null);\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mouseup\", onMouseUp);\n    } else {\n      handleSingleMove(clientX);\n\n      const onMouseMove = (moveEvent: MouseEvent) => {\n        handleSingleMove(moveEvent.clientX);\n      };\n\n      const onMouseUp = () => {\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mouseup\", onMouseUp);\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent, thumbType?: \"min\" | \"max\") => {\n      if (disabled) return;\n\n      const stepValue = e.shiftKey ? step * 10 : step;\n      let handled = false;\n\n      if (range && thumbType) {\n        if (thumbType === \"min\") {\n          if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n            const newValue = Math.min(rangeMin + stepValue, rangeMax - step);\n            setRangeMin(newValue);\n            onRangeChange?.(newValue, rangeMax);\n            handled = true;\n          } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n            const newValue = Math.max(rangeMin - stepValue, min);\n            setRangeMin(newValue);\n            onRangeChange?.(newValue, rangeMax);\n            handled = true;\n          } else if (e.key === \"Home\") {\n            setRangeMin(min);\n            onRangeChange?.(min, rangeMax);\n            handled = true;\n          } else if (e.key === \"End\") {\n            const newValue = rangeMax - step;\n            setRangeMin(newValue);\n            onRangeChange?.(newValue, rangeMax);\n            handled = true;\n          }\n        } else {\n          if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n            const newValue = Math.min(rangeMax + stepValue, max);\n            setRangeMax(newValue);\n            onRangeChange?.(rangeMin, newValue);\n            handled = true;\n          } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n            const newValue = Math.max(rangeMax - stepValue, rangeMin + step);\n            setRangeMax(newValue);\n            onRangeChange?.(rangeMin, newValue);\n            handled = true;\n          } else if (e.key === \"Home\") {\n            const newValue = rangeMin + step;\n            setRangeMax(newValue);\n            onRangeChange?.(rangeMin, newValue);\n            handled = true;\n          } else if (e.key === \"End\") {\n            setRangeMax(max);\n            onRangeChange?.(rangeMin, max);\n            handled = true;\n          }\n        }\n      } else {\n        if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n          const newValue = Math.min(value + stepValue, max);\n          setValue(newValue);\n          onChange?.(newValue);\n          handled = true;\n        } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n          const newValue = Math.max(value - stepValue, min);\n          setValue(newValue);\n          onChange?.(newValue);\n          handled = true;\n        } else if (e.key === \"Home\") {\n          setValue(min);\n          onChange?.(min);\n          handled = true;\n        } else if (e.key === \"End\") {\n          setValue(max);\n          onChange?.(max);\n          handled = true;\n        }\n      }\n\n      if (handled) {\n        e.preventDefault();\n      }\n    },\n    [\n      disabled,\n      range,\n      step,\n      min,\n      max,\n      value,\n      rangeMin,\n      rangeMax,\n      onChange,\n      onRangeChange,\n    ]\n  );\n\n  // React Native responder event handlers\n  const handleResponderGrant = useCallback(\n    (e: any, thumbType?: \"min\" | \"max\" | \"track\") => {\n      if (disabled) return;\n\n      const locationX = e.nativeEvent?.locationX ?? e.nativeEvent?.pageX ?? 0;\n\n      if (range) {\n        let targetThumb: \"min\" | \"max\" = thumbType === \"min\" ? \"min\" : \"max\";\n\n        if (thumbType === \"track\" && trackRef.current) {\n          // Determine closest thumb based on touch position\n          const rect = trackRef.current.getBoundingClientRect?.() || {\n            width: 100,\n            left: 0,\n          };\n          const percentage = Math.max(0, Math.min(1, locationX / rect.width));\n          const touchValue = min + percentage * (max - min);\n          const distToMin = Math.abs(touchValue - rangeMin);\n          const distToMax = Math.abs(touchValue - rangeMax);\n          targetThumb = distToMin < distToMax ? \"min\" : \"max\";\n        }\n\n        setActiveThumb(targetThumb);\n      }\n    },\n    [disabled, range, min, max, rangeMin, rangeMax]\n  );\n\n  const handleResponderMove = useCallback(\n    (e: any, thumbType?: \"min\" | \"max\") => {\n      if (disabled || !trackRef.current) return;\n\n      const locationX = e.nativeEvent?.locationX ?? e.nativeEvent?.pageX ?? 0;\n      const rect = trackRef.current.getBoundingClientRect?.() || {\n        width: 100,\n        left: 0,\n      };\n      const percentage = Math.max(0, Math.min(1, locationX / rect.width));\n      const rawValue = min + percentage * (max - min);\n      const newValue = Math.round(rawValue / step) * step;\n\n      if (range) {\n        const thumb = thumbType || activeThumb;\n        if (thumb === \"min\") {\n          const clampedValue = Math.min(newValue, rangeMax - step);\n          setRangeMin(clampedValue);\n          onRangeChange?.(clampedValue, rangeMax);\n        } else if (thumb === \"max\") {\n          const clampedValue = Math.max(newValue, rangeMin + step);\n          setRangeMax(clampedValue);\n          onRangeChange?.(rangeMin, clampedValue);\n        }\n      } else {\n        const clampedValue = Math.max(min, Math.min(max, newValue));\n        setValue(clampedValue);\n        onChange?.(clampedValue);\n      }\n    },\n    [\n      disabled,\n      min,\n      max,\n      step,\n      range,\n      activeThumb,\n      rangeMin,\n      rangeMax,\n      onChange,\n      onRangeChange,\n    ]\n  );\n\n  const handleResponderRelease = useCallback(() => {\n    setActiveThumb(null);\n  }, []);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n    type: \"single\" | \"min\" | \"max\"\n  ) => {\n    const inputValue = e.target.value;\n    const numValue = parseFloat(inputValue);\n\n    if (isNaN(numValue)) return;\n\n    const clampedValue = Math.max(min, Math.min(max, numValue));\n\n    if (type === \"single\") {\n      setValue(clampedValue);\n      onChange?.(clampedValue);\n    } else if (type === \"min\") {\n      const newMin = Math.min(clampedValue, rangeMax - step);\n      setRangeMin(newMin);\n      onRangeChange?.(newMin, rangeMax);\n    } else {\n      const newMax = Math.max(clampedValue, rangeMin + step);\n      setRangeMax(newMax);\n      onRangeChange?.(rangeMin, newMax);\n    }\n  };\n\n  // Handle keyboard navigation in input fields (ArrowUp/ArrowDown)\n  const handleInputKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n    type: \"single\" | \"min\" | \"max\"\n  ) => {\n    if (disabled) return;\n\n    const stepValue = e.shiftKey ? step * 10 : step;\n    let handled = false;\n\n    if (e.key === \"ArrowUp\") {\n      if (type === \"single\") {\n        const newValue = Math.min(value + stepValue, max);\n        setValue(newValue);\n        onChange?.(newValue);\n      } else if (type === \"min\") {\n        const newValue = Math.min(rangeMin + stepValue, rangeMax - step);\n        setRangeMin(newValue);\n        onRangeChange?.(newValue, rangeMax);\n      } else {\n        const newValue = Math.min(rangeMax + stepValue, max);\n        setRangeMax(newValue);\n        onRangeChange?.(rangeMin, newValue);\n      }\n      handled = true;\n    } else if (e.key === \"ArrowDown\") {\n      if (type === \"single\") {\n        const newValue = Math.max(value - stepValue, min);\n        setValue(newValue);\n        onChange?.(newValue);\n      } else if (type === \"min\") {\n        const newValue = Math.max(rangeMin - stepValue, min);\n        setRangeMin(newValue);\n        onRangeChange?.(newValue, rangeMax);\n      } else {\n        const newValue = Math.max(rangeMax - stepValue, rangeMin + step);\n        setRangeMax(newValue);\n        onRangeChange?.(rangeMin, newValue);\n      }\n      handled = true;\n    }\n\n    if (handled) {\n      e.preventDefault();\n    }\n  };\n\n  // Round to nearest step on blur (per Figma spec)\n  const handleInputBlur = (type: \"single\" | \"min\" | \"max\") => {\n    if (type === \"single\") {\n      const rounded = Math.round(value / step) * step;\n      const clampedRounded = Math.max(min, Math.min(max, rounded));\n      if (clampedRounded !== value) {\n        setValue(clampedRounded);\n        onChange?.(clampedRounded);\n      }\n    } else if (type === \"min\") {\n      const rounded = Math.round(rangeMin / step) * step;\n      const clampedRounded = Math.max(min, Math.min(rangeMax - step, rounded));\n      if (clampedRounded !== rangeMin) {\n        setRangeMin(clampedRounded);\n        onRangeChange?.(clampedRounded, rangeMax);\n      }\n    } else {\n      const rounded = Math.round(rangeMax / step) * step;\n      const clampedRounded = Math.max(rangeMin + step, Math.min(max, rounded));\n      if (clampedRounded !== rangeMax) {\n        setRangeMax(clampedRounded);\n        onRangeChange?.(rangeMin, clampedRounded);\n      }\n    }\n  };\n\n  const singlePercentage = ((value - min) / (max - min)) * 100;\n  const rangeMinPercentage = ((rangeMin - min) / (max - min)) * 100;\n  const rangeMaxPercentage = ((rangeMax - min) / (max - min)) * 100;\n\n  const renderInput = (\n    inputValue: number,\n    type: \"single\" | \"min\" | \"max\",\n    position: \"left\" | \"right\"\n  ) => {\n    // Determine icon position - defaults to same side as input position\n    const effectiveIconPosition = iconInsidePosition || position;\n    const inputIconLeft =\n      iconInside && effectiveIconPosition === \"left\" ? iconInside : undefined;\n    const inputIconRight =\n      iconInside && effectiveIconPosition === \"right\" ? iconInside : undefined;\n\n    // Calculate input width - increase when iconInside is provided\n    const inputWidth = iconInside\n      ? sizing.inputWidth + sizing.inputIconSize + sizing.inputIconGap\n      : sizing.inputWidth;\n\n    return (\n      <Box width={inputWidth} flexShrink={0}>\n        <Input\n          value={String(inputValue)}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n            handleInputChange(e, type)\n          }\n          onBlur={() => handleInputBlur(type)}\n          onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) =>\n            handleInputKeyDown(e, type)\n          }\n          disabled={disabled}\n          size={size}\n          inputMode=\"numeric\"\n          iconLeft={inputIconLeft}\n          iconRight={inputIconRight}\n          aria-label={\n            type === \"single\"\n              ? \"Slider value\"\n              : type === \"min\"\n                ? \"Minimum value\"\n                : \"Maximum value\"\n          }\n          style={{\n            textAlign: \"center\",\n          }}\n        />\n      </Box>\n    );\n  };\n\n  const renderThumb = (percentage: number, thumbType?: \"min\" | \"max\") => {\n    const isActive = activeThumb === thumbType;\n    const thumbHovered = isHovered || isActive;\n\n    const currentValue = range\n      ? thumbType === \"min\"\n        ? rangeMin\n        : rangeMax\n      : value;\n\n    const thumbAriaLabel = range\n      ? thumbType === \"min\"\n        ? minThumbAriaLabel\n        : maxThumbAriaLabel\n      : ariaLabel || label || \"Slider value\";\n\n    const currentThumbBg =\n      thumbHovered && !disabled ? thumbBgHoverColor : thumbBgColor;\n\n    // For disabled state, we need white background with colored overlay\n    // to prevent the track from showing through\n    const thumbBaseBg = disabled\n      ? theme.colors.background.primary\n      : currentThumbBg;\n\n    return (\n      <Box\n        role=\"slider\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label={thumbAriaLabel}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        testID={thumbType ? `slider-thumb-${thumbType}` : \"slider-thumb\"}\n        data-testid={thumbType ? `slider-thumb-${thumbType}` : \"slider-thumb\"}\n        position=\"absolute\"\n        left={`${percentage}%`}\n        width={sizing.thumbSize}\n        height={sizing.thumbSize}\n        backgroundColor={thumbBaseBg}\n        borderRadius={theme.shape.knob[size].borderRadius}\n        zIndex={isActive ? 3 : 2}\n        cursor={disabled ? \"not-allowed\" : isActive ? \"grabbing\" : \"grab\"}\n        // Web events\n        onMouseDown={\n          isWeb\n            ? (e: React.MouseEvent) => handleMouseDown(e, thumbType || \"track\")\n            : undefined\n        }\n        onKeyDown={(e: React.KeyboardEvent) => handleKeyDown(e, thumbType)}\n        // React Native responder events\n        onMoveShouldSetResponder={() => !disabled}\n        onResponderGrant={(e: any) => handleResponderGrant(e, thumbType)}\n        onResponderMove={(e: any) => handleResponderMove(e, thumbType)}\n        onResponderRelease={handleResponderRelease}\n        onResponderTerminate={handleResponderRelease}\n        style={{\n          top: \"50%\",\n          transform:\n            thumbHovered && !disabled\n              ? \"translate(-50%, -50%) scale(1.1)\"\n              : \"translate(-50%, -50%)\",\n          boxShadow: disabled ? \"none\" : thumbShadow,\n          transition: \"transform 0.1s ease, background-color 0.1s ease\",\n          boxSizing: \"border-box\",\n          outline: \"none\",\n          // Accessibility attributes passed via style for native compatibility\n          \"--aria-valuenow\": currentValue,\n          \"--aria-valuemin\":\n            range && thumbType === \"max\" ? rangeMin + step : min,\n          \"--aria-valuemax\":\n            range && thumbType === \"min\" ? rangeMax - step : max,\n          \"--aria-orientation\": \"horizontal\",\n        }}\n        aria-valuenow={currentValue}\n        aria-valuemin={range && thumbType === \"max\" ? rangeMin + step : min}\n        aria-valuemax={range && thumbType === \"min\" ? rangeMax - step : max}\n        aria-orientation=\"horizontal\"\n      >\n        {/* Disabled state overlay - white base with control/knob/bg-disable on top */}\n        {disabled && (\n          <Box\n            position=\"absolute\"\n            width={sizing.thumbSize}\n            height={sizing.thumbSize}\n            backgroundColor={thumbBgDisabled}\n            borderRadius={theme.shape.knob[size].borderRadius}\n            style={{\n              top: 0,\n              left: 0,\n            }}\n          />\n        )}\n      </Box>\n    );\n  };\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      gap={8}\n      width=\"100%\"\n      testID={testID}\n      data-testid={testID}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizing.fontSize - 2}\n        >\n          {label}\n        </Text>\n      )}\n\n      <Box\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        gap={sizing.gap}\n        height={sizing.height}\n      >\n        {/* Left input (for single or range min) */}\n        {(inputPosition === \"left\" || inputPosition === \"both\") &&\n          (range\n            ? renderInput(rangeMin, \"min\", \"left\")\n            : renderInput(value, \"single\", \"left\"))}\n\n        {/* Left icon */}\n        {iconLeft && (\n          <Box\n            flexShrink={0}\n            width={sizing.iconSize}\n            height={sizing.iconSize}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            opacity={disabled ? 0.5 : 1}\n          >\n            {iconLeft}\n          </Box>\n        )}\n\n        {/* Min label */}\n        {showLabels && (\n          <Text\n            color={disabled ? inputColors.textDisable : inputColors.text}\n            fontSize={sizing.fontSize}\n            flexShrink={0}\n          >\n            {min}\n          </Text>\n        )}\n\n        {/* Track container with padding for thumb space at edges */}\n        <Box\n          flex={1}\n          paddingHorizontal={sizing.thumbSize / 2}\n          height={sizing.height}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          <Box\n            ref={trackRef}\n            width=\"100%\"\n            height={sizing.trackHeight}\n            backgroundColor={disabled ? trackBgDisabled : trackBgColor}\n            borderRadius={radiusScale[\"999\"]}\n            position=\"relative\"\n            cursor={disabled ? \"not-allowed\" : \"pointer\"}\n            testID=\"slider-track\"\n            data-testid=\"slider-track\"\n            // Web events (passed through to underlying div)\n            onMouseDown={\n              isWeb\n                ? (e: React.MouseEvent) => handleMouseDown(e, \"track\")\n                : undefined\n            }\n            // React Native responder events\n            onMoveShouldSetResponder={() => !disabled}\n            onResponderGrant={(e: any) => handleResponderGrant(e, \"track\")}\n            onResponderMove={(e: any) => handleResponderMove(e)}\n            onResponderRelease={handleResponderRelease}\n            onResponderTerminate={handleResponderRelease}\n          >\n            {range ? (\n              <>\n                {/* Range fill */}\n                <Box\n                  testID=\"slider-fill\"\n                  data-testid=\"slider-fill\"\n                  position=\"absolute\"\n                  left={`${rangeMinPercentage}%`}\n                  top={0}\n                  height=\"100%\"\n                  width={`${rangeMaxPercentage - rangeMinPercentage}%`}\n                  backgroundColor={fillColor}\n                  borderRadius={radiusScale[\"999\"]}\n                />\n                {/* Min thumb */}\n                {renderThumb(rangeMinPercentage, \"min\")}\n                {/* Max thumb */}\n                {renderThumb(rangeMaxPercentage, \"max\")}\n              </>\n            ) : (\n              <>\n                {/* Single fill */}\n                <Box\n                  testID=\"slider-fill\"\n                  data-testid=\"slider-fill\"\n                  position=\"absolute\"\n                  left={0}\n                  top={0}\n                  height=\"100%\"\n                  width={`${singlePercentage}%`}\n                  backgroundColor={fillColor}\n                  borderRadius={radiusScale[\"999\"]}\n                />\n                {/* Single thumb */}\n                {renderThumb(singlePercentage)}\n              </>\n            )}\n          </Box>\n        </Box>\n\n        {/* Max label */}\n        {showLabels && (\n          <Text\n            color={disabled ? inputColors.textDisable : inputColors.text}\n            fontSize={sizing.fontSize}\n            flexShrink={0}\n          >\n            {max}\n          </Text>\n        )}\n\n        {/* Right icon */}\n        {iconRight && (\n          <Box\n            flexShrink={0}\n            width={sizing.iconSize}\n            height={sizing.iconSize}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            opacity={disabled ? 0.5 : 1}\n          >\n            {iconRight}\n          </Box>\n        )}\n\n        {/* Right input (for single or range max) */}\n        {(inputPosition === \"right\" || inputPosition === \"both\") &&\n          (range\n            ? renderInput(rangeMax, \"max\", \"right\")\n            : renderInput(value, \"single\", \"right\"))}\n      </Box>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n  AccessibilityRole,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleToAccessibilityRole: Record<string, AccessibilityRole> = {\n  button: \"button\",\n  link: \"link\",\n  img: \"image\",\n  image: \"image\",\n  summary: \"summary\",\n  switch: \"switch\",\n  checkbox: \"checkbox\",\n  radio: \"radio\",\n  heading: \"header\",\n  text: \"text\",\n  search: \"search\",\n  alert: \"alert\",\n  none: \"none\",\n  presentation: \"none\",\n  progressbar: \"progressbar\",\n  scrollbar: \"scrollbar\",\n  adjustable: \"adjustable\",\n  tab: \"tab\",\n  menu: \"menu\",\n  menuitem: \"menuitem\",\n  list: \"list\",\n  timer: \"timer\",\n};\n\n/** RN ViewStyle.gap is typed as number (Yoga gap), not DimensionValue. */\nconst toGapValue = (gap: number | string | undefined): number | undefined => {\n  if (gap === undefined) return undefined;\n  if (typeof gap === \"number\") return gap;\n  const pxMatch = /^(\\d+(?:\\.\\d+)?)px$/.exec(gap);\n  if (pxMatch) return Number(pxMatch[1]);\n  const asNumber = Number(gap);\n  return Number.isFinite(asNumber) ? asNumber : undefined;\n};\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  flexWrap,\n  alignItems,\n  justifyContent,\n  alignSelf,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  flex,\n  flexShrink,\n  gap,\n  overflow,\n  opacity,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  disabled,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    opacity: opacity ?? (disabled ? 0.5 : undefined),\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    minWidth: minWidth as DimensionValue,\n    minHeight: minHeight as DimensionValue,\n    maxWidth: maxWidth as DimensionValue,\n    maxHeight: maxHeight as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    flexWrap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    flexShrink,\n    gap: toGapValue(gap),\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Map web a11y props; drop the rest of the web-only attributes before\n  // spreading onto RN hosts (unknown props warn at runtime).\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": ariaDisabled,\n    \"aria-live\": ariaLive,\n    \"aria-busy\": ariaBusy,\n    className,\n    \"data-testid\": _dataTestId,\n    cursor: _cursor,\n    type: _type,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  const accessibilityRole =\n    (typeof role === \"string\" && roleToAccessibilityRole[role]) ||\n    (as === \"button\" ? \"button\" : undefined);\n  const isDisabled = Boolean(disabled || ariaDisabled);\n  const accessibilityState = {\n    disabled: isDisabled || undefined,\n    busy: Boolean(ariaBusy) || undefined,\n  };\n  const accessibilityLiveRegion =\n    ariaLive === \"polite\" || ariaLive === \"assertive\" ? ariaLive : undefined;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : alt}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  // Prefer Pressable whenever the node is interactive or explicitly a button,\n  // so disabled / aria-disabled controls stay in the a11y tree as buttons.\n  if (onPress || as === \"button\") {\n    return (\n      <Pressable\n        onPress={!isDisabled && onPress ? onPress : undefined}\n        disabled={isDisabled}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        accessibilityRole={accessibilityRole}\n        accessibilityLabel={\n          typeof ariaLabel === \"string\" ? ariaLabel : undefined\n        }\n        accessibilityState={accessibilityState}\n        accessibilityLiveRegion={accessibilityLiveRegion}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      accessibilityRole={accessibilityRole}\n      accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : undefined}\n      accessibilityState={accessibilityState}\n      accessibilityLiveRegion={accessibilityLiveRegion}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n"],"mappings":"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","names":["jsx","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-slider",
-  "version": "0.216.1",
+  "version": "0.218.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,9 +13,9 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.216.1",
-    "@xsolla/xui-input": "0.216.1",
-    "@xsolla/xui-primitives-core": "0.216.1"
+    "@xsolla/xui-core": "0.218.0",
+    "@xsolla/xui-input": "0.218.0",
+    "@xsolla/xui-primitives-core": "0.218.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.d.mts

@@ -3,8 +3,11 @@ import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 /**
  * Available color options from the design system.
+ *
+ * `"slider"` is the Figma default and maps to the dedicated `control.slider`
+ * token pair. The remaining schemes are opt-in overrides.
  */
-type SliderColorScheme = "brand" | "brandExtra" | "success" | "warning" | "alert" | "neutral";
+type SliderColorScheme = "slider" | "brand" | "brandExtra" | "success" | "warning" | "alert" | "neutral";
 interface SliderProps extends ThemeOverrideProps {
     /**
      * Current value for single slider mode.
@@ -65,7 +68,11 @@ interface SliderProps extends ThemeOverrideProps {
     /**
      * Color scheme for the active/filled portion of the track and thumb.
      * Uses colors from the design system.
-     * @default "brand"
+     *
+     * Defaults to `"slider"`, which resolves to the `control.slider` token pair
+     * defined in Figma (with the thumb binding `control.knob`). Pass another
+     * scheme to tint the fill and thumb.
+     * @default "slider"
      */
     activeColor?: SliderColorScheme;
     testID?: string;

package/web/index.d.ts

@@ -3,8 +3,11 @@ import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 /**
  * Available color options from the design system.
+ *
+ * `"slider"` is the Figma default and maps to the dedicated `control.slider`
+ * token pair. The remaining schemes are opt-in overrides.
  */
-type SliderColorScheme = "brand" | "brandExtra" | "success" | "warning" | "alert" | "neutral";
+type SliderColorScheme = "slider" | "brand" | "brandExtra" | "success" | "warning" | "alert" | "neutral";
 interface SliderProps extends ThemeOverrideProps {
     /**
      * Current value for single slider mode.
@@ -65,7 +68,11 @@ interface SliderProps extends ThemeOverrideProps {
     /**
      * Color scheme for the active/filled portion of the track and thumb.
      * Uses colors from the design system.
-     * @default "brand"
+     *
+     * Defaults to `"slider"`, which resolves to the `control.slider` token pair
+     * defined in Figma (with the thumb binding `control.knob`). Pass another
+     * scheme to tint the fill and thumb.
+     * @default "slider"
      */
     activeColor?: SliderColorScheme;
     testID?: string;

package/web/index.js

@@ -473,10 +473,12 @@ var Slider = ({
     if (propMaxValue !== void 0) setRangeMax(propMaxValue);
   }, [propMaxValue]);
   const sizing = sizeConfig[size];
-  const disabledColor = theme.colors.control.check.bgDisable;
   const inputColors = theme.colors.control.input;
-  const trackBgColor = inputColors.bg;
-  const trackBgDisabled = inputColors.bgDisable;
+  const knobColors = theme.colors.control.knob;
+  const trackBgColor = theme.colors.control.faint.bg;
+  const trackBgDisabled = theme.colors.overlay.mono;
+  const fillBgDisabled = theme.colors.control.slider.bgDisable;
+  const thumbBgDisabled = knobColors.bgDisable;
   const getColorsFromScheme = (scheme) => {
     const controlColors = theme.colors.control;
     const backgroundColors = theme.colors.background;
@@ -484,6 +486,13 @@ var Slider = ({
     if (control?.bg) {
       return { bg: control.bg, bgHover: control.bgHover || control.bg };
     }
+    const flatControl = controlColors[scheme];
+    if (flatControl?.bg) {
+      return {
+        bg: flatControl.bg,
+        bgHover: flatControl.bgHover || flatControl.bg
+      };
+    }
     const background = backgroundColors[scheme];
     if (background?.primary) {
       return { bg: background.primary, bgHover: background.primary };
@@ -493,11 +502,12 @@ var Slider = ({
       bgHover: controlColors.brand.primary.bgHover
     };
   };
-  const activeScheme = activeColorProp || "brand";
+  const activeScheme = activeColorProp || "slider";
   const activeColors = getColorsFromScheme(activeScheme);
-  const fillColor = disabled ? disabledColor : activeColors.bg;
-  const thumbBgColor = disabled ? disabledColor : activeColors.bg;
-  const thumbBgHoverColor = disabled ? disabledColor : activeColors.bgHover;
+  const thumbColors = activeColorProp ? activeColors : { bg: knobColors.bg, bgHover: knobColors.bgHover };
+  const fillColor = disabled ? fillBgDisabled : isHovered ? activeColors.bgHover : activeColors.bg;
+  const thumbBgColor = disabled ? thumbBgDisabled : thumbColors.bg;
+  const thumbBgHoverColor = disabled ? thumbBgDisabled : thumbColors.bgHover;
   const thumbShadow = "0px 1px 2px rgba(7, 7, 8, 0.2), 0px 1px 3px 1px rgba(7, 7, 8, 0.1)";
   const calculateValue = (0, import_react3.useCallback)(
     (clientX) => {
@@ -858,7 +868,7 @@ var Slider = ({
         backgroundColor: thumbBaseBg,
         borderRadius: theme.shape.knob[size].borderRadius,
         zIndex: isActive ? 3 : 2,
-        cursor: disabled ? "not-allowed" : "grab",
+        cursor: disabled ? "not-allowed" : isActive ? "grabbing" : "grab",
         onMouseDown: isWeb ? (e) => handleMouseDown(e, thumbType || "track") : void 0,
         onKeyDown: (e) => handleKeyDown(e, thumbType),
         onMoveShouldSetResponder: () => !disabled,
@@ -889,7 +899,7 @@ var Slider = ({
             position: "absolute",
             width: sizing.thumbSize,
             height: sizing.thumbSize,
-            backgroundColor: disabledColor,
+            backgroundColor: thumbBgDisabled,
             borderRadius: theme.shape.knob[size].borderRadius,
             style: {
               top: 0,
@@ -907,6 +917,7 @@ var Slider = ({
       gap: 8,
       width: "100%",
       testID,
+      "data-testid": testID,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       children: [
@@ -979,6 +990,8 @@ var Slider = ({
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           Box,
                           {
+                            testID: "slider-fill",
+                            "data-testid": "slider-fill",
                             position: "absolute",
                             left: `${rangeMinPercentage}%`,
                             top: 0,
@@ -994,6 +1007,8 @@ var Slider = ({
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           Box,
                           {
+                            testID: "slider-fill",
+                            "data-testid": "slider-fill",
                             position: "absolute",
                             left: 0,
                             top: 0,