npm - @xsolla/xui-slider - Versions diffs - 0.132.0 → 0.133.0 - Mend

@xsolla/xui-slider 0.132.0 → 0.133.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-slider",
-  "version": "0.132.0",
+  "version": "0.133.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.132.0",
-    "@xsolla/xui-input": "0.132.0",
-    "@xsolla/xui-primitives-core": "0.132.0"
+    "@xsolla/xui-core": "0.133.0",
+    "@xsolla/xui-input": "0.133.0",
+    "@xsolla/xui-primitives-core": "0.133.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.js CHANGED Viewed

@@ -35,13 +35,120 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 // src/Slider.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 // ../primitives-web/src/Box.tsx
-var import_react = __toESM(require("react"));
+var import_react2 = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
+// ../primitives-web/src/filterDOMProps.ts
+var import_react = __toESM(require("react"));
+var NON_HTML_PROPS = /* @__PURE__ */ new Set([
+  // BoxProps — layout & styling
+  "backgroundColor",
+  "borderColor",
+  "borderWidth",
+  "borderBottomWidth",
+  "borderBottomColor",
+  "borderTopWidth",
+  "borderTopColor",
+  "borderLeftWidth",
+  "borderLeftColor",
+  "borderRightWidth",
+  "borderRightColor",
+  "borderRadius",
+  "borderStyle",
+  "flexDirection",
+  "flexWrap",
+  "alignItems",
+  "justifyContent",
+  "alignSelf",
+  "flex",
+  "flexShrink",
+  "gap",
+  "position",
+  "top",
+  "bottom",
+  "left",
+  "right",
+  "outline",
+  "overflow",
+  "overflowX",
+  "overflowY",
+  "zIndex",
+  "cursor",
+  "padding",
+  "paddingHorizontal",
+  "paddingVertical",
+  "paddingTop",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingRight",
+  "margin",
+  "marginTop",
+  "marginBottom",
+  "marginLeft",
+  "marginRight",
+  "minWidth",
+  "minHeight",
+  "maxWidth",
+  "maxHeight",
+  "hoverStyle",
+  "pressStyle",
+  "focusStyle",
+  "outlineColor",
+  "outlineWidth",
+  "outlineOffset",
+  "outlineStyle",
+  // BoxProps — RN-only
+  "onPress",
+  "onLayout",
+  "onMoveShouldSetResponder",
+  "onResponderGrant",
+  "onResponderMove",
+  "onResponderRelease",
+  "onResponderTerminate",
+  "testID",
+  // Box — custom element type
+  "elementType",
+  // TextProps
+  "fontSize",
+  "fontWeight",
+  "fontFamily",
+  "lineHeight",
+  "whiteSpace",
+  "textAlign",
+  "textDecoration",
+  "numberOfLines",
+  "letterSpacing",
+  "textTransform",
+  // SpinnerProps
+  "strokeWidth",
+  // DividerProps
+  "vertical",
+  "dashStroke"
+]);
+function createFilteredElement(defaultTag) {
+  const Component = import_react.default.forwardRef(
+    ({ children, elementType, ...props }, ref) => {
+      const Tag = elementType || defaultTag;
+      const htmlProps = {};
+      for (const key of Object.keys(props)) {
+        if (!NON_HTML_PROPS.has(key)) {
+          htmlProps[key] = props[key];
+        }
+      }
+      return import_react.default.createElement(Tag, { ref, ...htmlProps }, children);
+    }
+  );
+  Component.displayName = `Filtered(${defaultTag})`;
+  return Component;
+}
+// ../primitives-web/src/Box.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var StyledBox = import_styled_components.default.div`
+var FilteredDiv = createFilteredElement("div");
+var StyledBox = (0, import_styled_components.default)(FilteredDiv)`
   display: flex;
   box-sizing: border-box;
   background-color: ${(props) => props.backgroundColor || "transparent"};
@@ -128,7 +235,7 @@ var StyledBox = import_styled_components.default.div`
     ${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
   }
 `;
-var Box = import_react.default.forwardRef(
+var Box = import_react2.default.forwardRef(
   ({
     children,
     onPress,
@@ -180,7 +287,7 @@ var Box = import_react.default.forwardRef(
       StyledBox,
       {
         ref,
-        as,
+        elementType: as,
         id,
         type: as === "button" ? type || "button" : void 0,
         disabled: as === "button" ? disabled : void 0,
@@ -211,7 +318,8 @@ Box.displayName = "Box";
 // ../primitives-web/src/Text.tsx
 var import_styled_components2 = __toESM(require("styled-components"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var StyledText = import_styled_components2.default.span`
+var FilteredSpan = createFilteredElement("span");
+var StyledText = (0, import_styled_components2.default)(FilteredSpan)`
   color: ${(props) => props.color || "inherit"};
   font-size: ${(props) => typeof props.fontSize === "number" ? `${props.fontSize}px` : props.fontSize || "inherit"};
   font-weight: ${(props) => props.fontWeight || "normal"};
@@ -327,20 +435,20 @@ var Slider = ({
   const safeId = rawId.replace(/:/g, "");
   const sliderId = `slider-${safeId}`;
   const labelId = `${sliderId}-label`;
-  const [value, setValue] = (0, import_react2.useState)(propValue);
-  const [rangeMin, setRangeMin] = (0, import_react2.useState)(propMinValue ?? min);
-  const [rangeMax, setRangeMax] = (0, import_react2.useState)(propMaxValue ?? max);
-  const [isHovered, setIsHovered] = (0, import_react2.useState)(false);
-  const [activeThumb, setActiveThumb] = (0, import_react2.useState)(null);
-  const trackRef = (0, import_react2.useRef)(null);
+  const [value, setValue] = (0, import_react3.useState)(propValue);
+  const [rangeMin, setRangeMin] = (0, import_react3.useState)(propMinValue ?? min);
+  const [rangeMax, setRangeMax] = (0, import_react3.useState)(propMaxValue ?? max);
+  const [isHovered, setIsHovered] = (0, import_react3.useState)(false);
+  const [activeThumb, setActiveThumb] = (0, import_react3.useState)(null);
+  const trackRef = (0, import_react3.useRef)(null);
   const isWeb = typeof window !== "undefined" && typeof document !== "undefined";
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     setValue(propValue);
   }, [propValue]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (propMinValue !== void 0) setRangeMin(propMinValue);
   }, [propMinValue]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (propMaxValue !== void 0) setRangeMax(propMaxValue);
   }, [propMaxValue]);
   const sizing = sizeConfig[size];
@@ -370,7 +478,7 @@ var Slider = ({
   const thumbBgColor = disabled ? disabledColor : activeColors.bg;
   const thumbBgHoverColor = disabled ? disabledColor : activeColors.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_react2.useCallback)(
+  const calculateValue = (0, import_react3.useCallback)(
     (clientX) => {
       if (!trackRef.current) return value;
       const rect = trackRef.current.getBoundingClientRect();
@@ -383,7 +491,7 @@ var Slider = ({
     },
     [min, max, step, value]
   );
-  const handleSingleMove = (0, import_react2.useCallback)(
+  const handleSingleMove = (0, import_react3.useCallback)(
     (clientX) => {
       if (disabled) return;
       const newValue = calculateValue(clientX);
@@ -392,7 +500,7 @@ var Slider = ({
     },
     [disabled, calculateValue, onChange]
   );
-  const handleRangeMove = (0, import_react2.useCallback)(
+  const handleRangeMove = (0, import_react3.useCallback)(
     (clientX, thumb) => {
       if (disabled) return;
       const newValue = calculateValue(clientX);
@@ -444,7 +552,7 @@ var Slider = ({
       document.addEventListener("mouseup", onMouseUp);
     }
   };
-  const handleKeyDown = (0, import_react2.useCallback)(
+  const handleKeyDown = (0, import_react3.useCallback)(
     (e, thumbType) => {
       if (disabled) return;
       const stepValue = e.shiftKey ? step * 10 : step;
@@ -531,7 +639,7 @@ var Slider = ({
       onRangeChange
     ]
   );
-  const handleResponderGrant = (0, import_react2.useCallback)(
+  const handleResponderGrant = (0, import_react3.useCallback)(
     (e, thumbType) => {
       if (disabled) return;
       const locationX = e.nativeEvent?.locationX ?? e.nativeEvent?.pageX ?? 0;
@@ -553,7 +661,7 @@ var Slider = ({
     },
     [disabled, range, min, max, rangeMin, rangeMax]
   );
-  const handleResponderMove = (0, import_react2.useCallback)(
+  const handleResponderMove = (0, import_react3.useCallback)(
     (e, thumbType) => {
       if (disabled || !trackRef.current) return;
       const locationX = e.nativeEvent?.locationX ?? e.nativeEvent?.pageX ?? 0;
@@ -594,7 +702,7 @@ var Slider = ({
       onRangeChange
     ]
   );
-  const handleResponderRelease = (0, import_react2.useCallback)(() => {
+  const handleResponderRelease = (0, import_react3.useCallback)(() => {
     setActiveThumb(null);
   }, []);
   const handleInputChange = (e, type) => {

package/web/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/index.tsx","../../src/Slider.tsx","../../../primitives-web/src/Box.tsx","../../../primitives-web/src/Text.tsx"],"sourcesContent":["export * from \"./Slider\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport {\n useResolvedTheme,\n useId,\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 /\n Test identifier.\n /\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 // Generate unique IDs for accessibility\n const rawId = useId();\n const safeId = rawId.replace(/:/g, \"\");\n const sliderId = `slider-${safeId}`;\n const labelId = `${sliderId}-label`;\n\n // Single value state\n const [value, setValue] = useState(propValue);\n\n // Range values state\n const [rangeMin, setRangeMin] = useState(propMinValue ?? min);\n const [rangeMax, setRangeMax] = useState(propMaxValue ?? max);\n\n // Hover states\n const [isHovered, setIsHovered] = useState(false);\n const [activeThumb, setActiveThumb] = useState<\"min\" \| \"max\" \| null>(null);\n\n const trackRef = useRef<any>(null);\n\n // Platform detection for event handling\n const isWeb =\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\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 // Colors from theme\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 // Helper to get colors from theme based on scheme\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 // Shadow for thumb\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 // Determine which thumb to move based on click position\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 // Keyboard navigation handlers\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 // Range mode keyboard handling\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 // Single slider keyboard handling\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 // Get the location from the touch event\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 // Input change handlers\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 // Calculate percentages\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 // Input field component using the Input component\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 // Thumb component\n const renderThumb = (percentage: number, thumbType?: \"min\" \| \"max\") => {\n const isActive = activeThumb === thumbType;\n const thumbHovered = isHovered \|\| isActive;\n\n // Determine current value for this thumb\n const currentValue = range\n ? thumbType === \"min\"\n ? rangeMin\n : rangeMax\n : value;\n\n // Determine aria-label for this thumb\n const thumbAriaLabel = range\n ? thumbType === \"min\"\n ? minThumbAriaLabel\n : maxThumbAriaLabel\n : ariaLabel \|\| label \|\| \"Slider value\";\n\n // Determine background color based on hover state\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={sizing.thumbSize / 2}\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={sizing.thumbSize / 2}\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={100}\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={100}\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={100}\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 styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nconst StyledBox = styled.div<BoxProps>`\n display: flex;\n box-sizing: border-box;\n background-color: ${(props) => props.backgroundColor \|\| \"transparent\"};\n border-color: ${(props) => props.borderColor \|\| \"transparent\"};\n border-width: ${(props) =>\n typeof props.borderWidth === \"number\"\n ? `${props.borderWidth}px`\n : props.borderWidth \|\| 0};\n\n ${(props) =>\n props.borderBottomWidth !== undefined &&\n `\n border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n border-bottom-color: ${props.borderBottomColor \|\| props.borderColor \|\| \"transparent\"};\n border-bottom-style: solid;\n `}\n ${(props) =>\n props.borderTopWidth !== undefined &&\n `\n border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n border-top-color: ${props.borderTopColor \|\| props.borderColor \|\| \"transparent\"};\n border-top-style: solid;\n `}\n ${(props) =>\n props.borderLeftWidth !== undefined &&\n `\n border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n border-left-color: ${props.borderLeftColor \|\| props.borderColor \|\| \"transparent\"};\n border-left-style: solid;\n `}\n ${(props) =>\n props.borderRightWidth !== undefined &&\n `\n border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n border-right-color: ${props.borderRightColor \|\| props.borderColor \|\| \"transparent\"};\n border-right-style: solid;\n `}\n\n border-style: ${(props) =>\n props.borderStyle \|\|\n (props.borderWidth \|\|\n props.borderBottomWidth \|\|\n props.borderTopWidth \|\|\n props.borderLeftWidth \|\|\n props.borderRightWidth\n ? \"solid\"\n : \"none\")};\n border-radius: ${(props) =>\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius \|\| 0};\n height: ${(props) =>\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height \|\| \"auto\"};\n width: ${(props) =>\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width \|\| \"auto\"};\n min-width: ${(props) =>\n typeof props.minWidth === \"number\"\n ? `${props.minWidth}px`\n : props.minWidth \|\| \"auto\"};\n min-height: ${(props) =>\n typeof props.minHeight === \"number\"\n ? `${props.minHeight}px`\n : props.minHeight \|\| \"auto\"};\n max-width: ${(props) =>\n typeof props.maxWidth === \"number\"\n ? `${props.maxWidth}px`\n : props.maxWidth \|\| \"none\"};\n max-height: ${(props) =>\n typeof props.maxHeight === \"number\"\n ? `${props.maxHeight}px`\n : props.maxHeight \|\| \"none\"};\n\n padding: ${(props) =>\n typeof props.padding === \"number\"\n ? `${props.padding}px`\n : props.padding \|\| 0};\n ${(props) =>\n props.paddingHorizontal &&\n `\n padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n `}\n ${(props) =>\n props.paddingVertical &&\n `\n padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n `}\n ${(props) =>\n props.paddingTop !== undefined &&\n `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n ${(props) =>\n props.paddingBottom !== undefined &&\n `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n ${(props) =>\n props.paddingLeft !== undefined &&\n `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n ${(props) =>\n props.paddingRight !== undefined &&\n `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n margin: ${(props) =>\n typeof props.margin === \"number\" ? `${props.margin}px` : props.margin \|\| 0};\n ${(props) =>\n props.marginTop !== undefined &&\n `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n ${(props) =>\n props.marginBottom !== undefined &&\n `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n ${(props) =>\n props.marginLeft !== undefined &&\n `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n ${(props) =>\n props.marginRight !== undefined &&\n `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n flex-direction: ${(props) => props.flexDirection \|\| \"column\"};\n flex-wrap: ${(props) => props.flexWrap \|\| \"nowrap\"};\n align-items: ${(props) => props.alignItems \|\| \"stretch\"};\n justify-content: ${(props) => props.justifyContent \|\| \"flex-start\"};\n cursor: ${(props) =>\n props.cursor\n ? props.cursor\n : props.onClick \|\| props.onPress\n ? \"pointer\"\n : \"inherit\"};\n position: ${(props) => props.position \|\| \"static\"};\n top: ${(props) =>\n typeof props.top === \"number\" ? `${props.top}px` : props.top};\n bottom: ${(props) =>\n typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n left: ${(props) =>\n typeof props.left === \"number\" ? `${props.left}px` : props.left};\n right: ${(props) =>\n typeof props.right === \"number\" ? `${props.right}px` : props.right};\n flex: ${(props) => props.flex};\n flex-shrink: ${(props) => props.flexShrink ?? 1};\n gap: ${(props) =>\n typeof props.gap === \"number\" ? `${props.gap}px` : props.gap \|\| 0};\n align-self: ${(props) => props.alignSelf \|\| \"auto\"};\n overflow: ${(props) => props.overflow \|\| \"visible\"};\n overflow-x: ${(props) => props.overflowX \|\| \"visible\"};\n overflow-y: ${(props) => props.overflowY \|\| \"visible\"};\n z-index: ${(props) => props.zIndex};\n opacity: ${(props) => (props.disabled ? 0.5 : 1)};\n pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n &:hover {\n ${(props) =>\n props.hoverStyle?.backgroundColor &&\n `background-color: ${props.hoverStyle.backgroundColor};`}\n ${(props) =>\n props.hoverStyle?.borderColor &&\n `border-color: ${props.hoverStyle.borderColor};`}\n }\n\n &:active {\n ${(props) =>\n props.pressStyle?.backgroundColor &&\n `background-color: ${props.pressStyle.backgroundColor};`}\n }\n`;\n\nexport const Box = React.forwardRef<\n HTMLDivElement \| HTMLButtonElement,\n BoxProps\n>(\n (\n {\n children,\n onPress,\n onKeyDown,\n onKeyUp,\n role,\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 \"aria-describedby\": ariaDescribedBy,\n \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-pressed\": ariaPressed,\n \"aria-controls\": ariaControls,\n tabIndex,\n as,\n src,\n alt,\n type,\n disabled,\n id,\n ...props\n },\n ref\n ) => {\n // Handle as=\"img\" for rendering images with proper border-radius\n if (as === \"img\" && src) {\n return (\n <img\n src={src}\n alt={alt \|\| \"\"}\n style={{\n display: \"block\",\n objectFit: \"cover\",\n width:\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width,\n height:\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height,\n borderRadius:\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius,\n position: props.position,\n top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n left:\n typeof props.left === \"number\" ? `${props.left}px` : props.left,\n right:\n typeof props.right === \"number\"\n ? `${props.right}px`\n : props.right,\n bottom:\n typeof props.bottom === \"number\"\n ? `${props.bottom}px`\n : props.bottom,\n }}\n />\n );\n }\n\n return (\n <StyledBox\n ref={ref}\n as={as}\n id={id}\n type={as === \"button\" ? type \|\| \"button\" : undefined}\n disabled={as === \"button\" ? disabled : undefined}\n onClick={onPress}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n aria-busy={ariaBusy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-pressed={ariaPressed}\n aria-controls={ariaControls}\n aria-live={ariaLive}\n tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n {...props}\n >\n {children}\n </StyledBox>\n );\n }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst StyledText = styled.span<TextProps>`\n color: ${(props) => props.color \|\| \"inherit\"};\n font-size: ${(props) =>\n typeof props.fontSize === \"number\"\n ? `${props.fontSize}px`\n : props.fontSize \|\| \"inherit\"};\n font-weight: ${(props) => props.fontWeight \|\| \"normal\"};\n font-family: ${(props) =>\n props.fontFamily \|\|\n '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n line-height: ${(props) =>\n typeof props.lineHeight === \"number\"\n ? `${props.lineHeight}px`\n : props.lineHeight \|\| \"inherit\"};\n white-space: ${(props) => props.whiteSpace \|\| \"normal\"};\n text-align: ${(props) => props.textAlign \|\| \"inherit\"};\n text-decoration: ${(props) => props.textDecoration \|\| \"none\"};\n`;\n\nexport const Text: React.FC<TextProps> = ({\n style,\n className,\n id,\n role,\n numberOfLines: _numberOfLines,\n ...props\n}) => {\n return (\n <StyledText\n {...props}\n style={style}\n className={className}\n id={id}\n role={role}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAAgE;;;ACAhE,mBAAkB;AAClB,+BAAmB;AA+MX;AA5MR,IAAM,YAAY,yBAAAC,QAAO;AAAA;AAAA;AAAA,sBAGH,CAAC,UAAU,MAAM,mBAAmB,aAAa;AAAA,kBACrD,CAAC,UAAU,MAAM,eAAe,aAAa;AAAA,kBAC7C,CAAC,UACf,OAAO,MAAM,gBAAgB,WACzB,GAAG,MAAM,WAAW,OACpB,MAAM,eAAe,CAAC;AAAA;AAAA,IAE1B,CAAC,UACD,MAAM,sBAAsB,UAC5B;AAAA,2BACuB,OAAO,MAAM,sBAAsB,WAAW,GAAG,MAAM,iBAAiB,OAAO,MAAM,iBAAiB;AAAA,2BACtG,MAAM,qBAAqB,MAAM,eAAe,aAAa;AAAA;AAAA,GAErF;AAAA,IACC,CAAC,UACD,MAAM,mBAAmB,UACzB;AAAA,wBACoB,OAAO,MAAM,mBAAmB,WAAW,GAAG,MAAM,cAAc,OAAO,MAAM,cAAc;AAAA,wBAC7F,MAAM,kBAAkB,MAAM,eAAe,aAAa;AAAA;AAAA,GAE/E;AAAA,IACC,CAAC,UACD,MAAM,oBAAoB,UAC1B;AAAA,yBACqB,OAAO,MAAM,oBAAoB,WAAW,GAAG,MAAM,eAAe,OAAO,MAAM,eAAe;AAAA,yBAChG,MAAM,mBAAmB,MAAM,eAAe,aAAa;AAAA;AAAA,GAEjF;AAAA,IACC,CAAC,UACD,MAAM,qBAAqB,UAC3B;AAAA,0BACsB,OAAO,MAAM,qBAAqB,WAAW,GAAG,MAAM,gBAAgB,OAAO,MAAM,gBAAgB;AAAA,0BACnG,MAAM,oBAAoB,MAAM,eAAe,aAAa;AAAA;AAAA,GAEnF;AAAA;AAAA,kBAEe,CAAC,UACf,MAAM,gBACL,MAAM,eACP,MAAM,qBACN,MAAM,kBACN,MAAM,mBACN,MAAM,mBACF,UACA,OAAO;AAAA,mBACI,CAAC,UAChB,OAAO,MAAM,iBAAiB,WAC1B,GAAG,MAAM,YAAY,OACrB,MAAM,gBAAgB,CAAC;AAAA,YACnB,CAAC,UACT,OAAO,MAAM,WAAW,WACpB,GAAG,MAAM,MAAM,OACf,MAAM,UAAU,MAAM;AAAA,WACnB,CAAC,UACR,OAAO,MAAM,UAAU,WACnB,GAAG,MAAM,KAAK,OACd,MAAM,SAAS,MAAM;AAAA,eACd,CAAC,UACZ,OAAO,MAAM,aAAa,WACtB,GAAG,MAAM,QAAQ,OACjB,MAAM,YAAY,MAAM;AAAA,gBAChB,CAAC,UACb,OAAO,MAAM,cAAc,WACvB,GAAG,MAAM,SAAS,OAClB,MAAM,aAAa,MAAM;AAAA,eAClB,CAAC,UACZ,OAAO,MAAM,aAAa,WACtB,GAAG,MAAM,QAAQ,OACjB,MAAM,YAAY,MAAM;AAAA,gBAChB,CAAC,UACb,OAAO,MAAM,cAAc,WACvB,GAAG,MAAM,SAAS,OAClB,MAAM,aAAa,MAAM;AAAA;AAAA,aAEpB,CAAC,UACV,OAAO,MAAM,YAAY,WACrB,GAAG,MAAM,OAAO,OAChB,MAAM,WAAW,CAAC;AAAA,IACtB,CAAC,UACD,MAAM,qBACN;AAAA,oBACgB,OAAO,MAAM,sBAAsB,WAAW,GAAG,MAAM,iBAAiB,OAAO,MAAM,iBAAiB;AAAA,qBACrG,OAAO,MAAM,sBAAsB,WAAW,GAAG,MAAM,iBAAiB,OAAO,MAAM,iBAAiB;AAAA,GACxH;AAAA,IACC,CAAC,UACD,MAAM,mBACN;AAAA,mBACe,OAAO,MAAM,oBAAoB,WAAW,GAAG,MAAM,eAAe,OAAO,MAAM,eAAe;AAAA,sBAC7F,OAAO,MAAM,oBAAoB,WAAW,GAAG,MAAM,eAAe,OAAO,MAAM,eAAe;AAAA,GACnH;AAAA,IACC,CAAC,UACD,MAAM,eAAe,UACrB,gBAAgB,OAAO,MAAM,eAAe,WAAW,GAAG,MAAM,UAAU,OAAO,MAAM,UAAU,GAAG;AAAA,IACpG,CAAC,UACD,MAAM,kBAAkB,UACxB,mBAAmB,OAAO,MAAM,kBAAkB,WAAW,GAAG,MAAM,aAAa,OAAO,MAAM,aAAa,GAAG;AAAA,IAChH,CAAC,UACD,MAAM,gBAAgB,UACtB,iBAAiB,OAAO,MAAM,gBAAgB,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,WAAW,GAAG;AAAA,IACxG,CAAC,UACD,MAAM,iBAAiB,UACvB,kBAAkB,OAAO,MAAM,iBAAiB,WAAW,GAAG,MAAM,YAAY,OAAO,MAAM,YAAY,GAAG;AAAA;AAAA,YAEpG,CAAC,UACT,OAAO,MAAM,WAAW,WAAW,GAAG,MAAM,MAAM,OAAO,MAAM,UAAU,CAAC;AAAA,IAC1E,CAAC,UACD,MAAM,cAAc,UACpB,eAAe,OAAO,MAAM,cAAc,WAAW,GAAG,MAAM,SAAS,OAAO,MAAM,SAAS,GAAG;AAAA,IAChG,CAAC,UACD,MAAM,iBAAiB,UACvB,kBAAkB,OAAO,MAAM,iBAAiB,WAAW,GAAG,MAAM,YAAY,OAAO,MAAM,YAAY,GAAG;AAAA,IAC5G,CAAC,UACD,MAAM,eAAe,UACrB,gBAAgB,OAAO,MAAM,eAAe,WAAW,GAAG,MAAM,UAAU,OAAO,MAAM,UAAU,GAAG;AAAA,IACpG,CAAC,UACD,MAAM,gBAAgB,UACtB,iBAAiB,OAAO,MAAM,gBAAgB,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,WAAW,GAAG;AAAA;AAAA,oBAExF,CAAC,UAAU,MAAM,iBAAiB,QAAQ;AAAA,eAC/C,CAAC,UAAU,MAAM,YAAY,QAAQ;AAAA,iBACnC,CAAC,UAAU,MAAM,cAAc,SAAS;AAAA,qBACpC,CAAC,UAAU,MAAM,kBAAkB,YAAY;AAAA,YACxD,CAAC,UACT,MAAM,SACF,MAAM,SACN,MAAM,WAAW,MAAM,UACrB,YACA,SAAS;AAAA,cACL,CAAC,UAAU,MAAM,YAAY,QAAQ;AAAA,SAC1C,CAAC,UACN,OAAO,MAAM,QAAQ,WAAW,GAAG,MAAM,GAAG,OAAO,MAAM,GAAG;AAAA,YACpD,CAAC,UACT,OAAO,MAAM,WAAW,WAAW,GAAG,MAAM,MAAM,OAAO,MAAM,MAAM;AAAA,UAC/D,CAAC,UACP,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM,IAAI;AAAA,WACxD,CAAC,UACR,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,KAAK,OAAO,MAAM,KAAK;AAAA,UAC5D,CAAC,UAAU,MAAM,IAAI;AAAA,iBACd,CAAC,UAAU,MAAM,cAAc,CAAC;AAAA,SACxC,CAAC,UACN,OAAO,MAAM,QAAQ,WAAW,GAAG,MAAM,GAAG,OAAO,MAAM,OAAO,CAAC;AAAA,gBACrD,CAAC,UAAU,MAAM,aAAa,MAAM;AAAA,cACtC,CAAC,UAAU,MAAM,YAAY,SAAS;AAAA,gBACpC,CAAC,UAAU,MAAM,aAAa,SAAS;AAAA,gBACvC,CAAC,UAAU,MAAM,aAAa,SAAS;AAAA,aAC1C,CAAC,UAAU,MAAM,MAAM;AAAA,aACvB,CAAC,UAAW,MAAM,WAAW,MAAM,CAAE;AAAA,oBAC9B,CAAC,UAAW,MAAM,WAAW,SAAS,MAAO;AAAA;AAAA;AAAA,MAG3D,CAAC,UACD,MAAM,YAAY,mBAClB,qBAAqB,MAAM,WAAW,eAAe,GAAG;AAAA,MACxD,CAAC,UACD,MAAM,YAAY,eAClB,iBAAiB,MAAM,WAAW,WAAW,GAAG;AAAA;AAAA;AAAA;AAAA,MAIhD,CAAC,UACD,MAAM,YAAY,mBAClB,qBAAqB,MAAM,WAAW,eAAe,GAAG;AAAA;AAAA;AAIvD,IAAM,MAAM,aAAAC,QAAM;AAAA,EAIvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AAEH,QAAI,OAAO,SAAS,KAAK;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OACE,OAAO,MAAM,UAAU,WACnB,GAAG,MAAM,KAAK,OACd,MAAM;AAAA,YACZ,QACE,OAAO,MAAM,WAAW,WACpB,GAAG,MAAM,MAAM,OACf,MAAM;AAAA,YACZ,cACE,OAAO,MAAM,iBAAiB,WAC1B,GAAG,MAAM,YAAY,OACrB,MAAM;AAAA,YACZ,UAAU,MAAM;AAAA,YAChB,KAAK,OAAO,MAAM,QAAQ,WAAW,GAAG,MAAM,GAAG,OAAO,MAAM;AAAA,YAC9D,MACE,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM;AAAA,YAC7D,OACE,OAAO,MAAM,UAAU,WACnB,GAAG,MAAM,KAAK,OACd,MAAM;AAAA,YACZ,QACE,OAAO,MAAM,WAAW,WACpB,GAAG,MAAM,MAAM,OACf,MAAM;AAAA,UACd;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,OAAO,WAAW,QAAQ,WAAW;AAAA,QAC3C,UAAU,OAAO,WAAW,WAAW;AAAA,QACvC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,aAAW;AAAA,QACX,oBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,aAAW;AAAA,QACX,UAAU,aAAa,SAAY,WAAW;AAAA,QAC7C,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;;;ACjRlB,IAAAC,4BAAmB;AA+Bf,IAAAC,sBAAA;AA5BJ,IAAM,aAAa,0BAAAC,QAAO;AAAA,WACf,CAAC,UAAU,MAAM,SAAS,SAAS;AAAA,eAC/B,CAAC,UACZ,OAAO,MAAM,aAAa,WACtB,GAAG,MAAM,QAAQ,OACjB,MAAM,YAAY,SAAS;AAAA,iBAClB,CAAC,UAAU,MAAM,cAAc,QAAQ;AAAA,iBACvC,CAAC,UACd,MAAM,cACN,sGAAsG;AAAA,iBACzF,CAAC,UACd,OAAO,MAAM,eAAe,WACxB,GAAG,MAAM,UAAU,OACnB,MAAM,cAAc,SAAS;AAAA,iBACpB,CAAC,UAAU,MAAM,cAAc,QAAQ;AAAA,gBACxC,CAAC,UAAU,MAAM,aAAa,SAAS;AAAA,qBAClC,CAAC,UAAU,MAAM,kBAAkB,MAAM;AAAA;AAGvD,IAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;;;AFrCA,sBAIO;AACP,uBAAsB;AA0pBd,IAAAC,sBAAA;AAziBR,IAAM,aAAa;AAAA,EACjB,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,KAAK;AAAA,IACL,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,KAAK;AAAA,IACL,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,KAAK;AAAA,IACL,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,KAAK;AAAA,IACL,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAEO,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAO,YAAY;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,QAAI,kCAAiB,EAAE,WAAW,oBAAoB,CAAC;AAGrE,QAAM,YAAQ,uBAAM;AACpB,QAAM,SAAS,MAAM,QAAQ,MAAM,EAAE;AACrC,QAAM,WAAW,UAAU,MAAM;AACjC,QAAM,UAAU,GAAG,QAAQ;AAG3B,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAS,SAAS;AAG5C,QAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,gBAAgB,GAAG;AAC5D,QAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,gBAAgB,GAAG;AAG5D,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,QAAI,wBAA+B,IAAI;AAEzE,QAAM,eAAW,sBAAY,IAAI;AAGjC,QAAM,QACJ,OAAO,WAAW,eAAe,OAAO,aAAa;AAGvD,+BAAU,MAAM;AACd,aAAS,SAAS;AAAA,EACpB,GAAG,CAAC,SAAS,CAAC;AAEd,+BAAU,MAAM;AACd,QAAI,iBAAiB,OAAW,aAAY,YAAY;AAAA,EAC1D,GAAG,CAAC,YAAY,CAAC;AAEjB,+BAAU,MAAM;AACd,QAAI,iBAAiB,OAAW,aAAY,YAAY;AAAA,EAC1D,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,SAAS,WAAW,IAAI;AAG9B,QAAM,gBAAgB,MAAM,OAAO,QAAQ,MAAM;AACjD,QAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,QAAM,eAAe,YAAY;AACjC,QAAM,kBAAkB,YAAY;AAKpC,QAAM,sBAAsB,CAC1B,WACoC;AACpC,UAAM,gBAAgB,MAAM,OAAO;AACnC,UAAM,mBAAmB,MAAM,OAAO;AAGtC,UAAM,UAAU,cAAc,MAAM,GAAG;AACvC,QAAI,SAAS,IAAI;AACf,aAAO,EAAE,IAAI,QAAQ,IAAI,SAAS,QAAQ,WAAW,QAAQ,GAAG;AAAA,IAClE;AAGA,UAAM,aAAa,iBAAiB,MAAM;AAC1C,QAAI,YAAY,SAAS;AACvB,aAAO,EAAE,IAAI,WAAW,SAAS,SAAS,WAAW,QAAQ;AAAA,IAC/D;AAGA,WAAO;AAAA,MACL,IAAI,cAAc,MAAM,QAAQ;AAAA,MAChC,SAAS,cAAc,MAAM,QAAQ;AAAA,IACvC;AAAA,EACF;AAGA,QAAM,eAAe,mBAAmB;AACxC,QAAM,eAAe,oBAAoB,YAAY;AACrD,QAAM,YAAY,WAAW,gBAAgB,aAAa;AAC1D,QAAM,eAAe,WAAW,gBAAgB,aAAa;AAC7D,QAAM,oBAAoB,WAAW,gBAAgB,aAAa;AAGlE,QAAM,cACJ;AAEF,QAAM,qBAAiB;AAAA,IACrB,CAAC,YAAoB;AACnB,UAAI,CAAC,SAAS,QAAS,QAAO;AAC9B,YAAM,OAAO,SAAS,QAAQ,sBAAsB;AACpD,YAAM,aAAa,KAAK;AAAA,QACtB;AAAA,QACA,KAAK,IAAI,IAAI,UAAU,KAAK,QAAQ,KAAK,KAAK;AAAA,MAChD;AACA,YAAM,WAAW,MAAM,cAAc,MAAM;AAC3C,aAAO,KAAK,MAAM,WAAW,IAAI,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,KAAK,KAAK,MAAM,KAAK;AAAA,EACxB;AAEA,QAAM,uBAAmB;AAAA,IACvB,CAAC,YAAoB;AACnB,UAAI,SAAU;AACd,YAAM,WAAW,eAAe,OAAO;AACvC,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AAAA,IACrB;AAAA,IACA,CAAC,UAAU,gBAAgB,QAAQ;AAAA,EACrC;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,SAAiB,UAAyB;AACzC,UAAI,SAAU;AACd,YAAM,WAAW,eAAe,OAAO;AAEvC,UAAI,UAAU,OAAO;AACnB,cAAM,eAAe,KAAK,IAAI,UAAU,WAAW,IAAI;AACvD,oBAAY,YAAY;AACxB,wBAAgB,cAAc,QAAQ;AAAA,MACxC,OAAO;AACL,cAAM,eAAe,KAAK,IAAI,UAAU,WAAW,IAAI;AACvD,oBAAY,YAAY;AACxB,wBAAgB,UAAU,YAAY;AAAA,MACxC;AAAA,IACF;AAAA,IACA,CAAC,UAAU,gBAAgB,UAAU,UAAU,MAAM,aAAa;AAAA,EACpE;AAEA,QAAM,kBAAkB,CACtB,GACA,UACG;AACH,QAAI,SAAU;AAEd,UAAM,UAAU,EAAE;AAElB,QAAI,OAAO;AAET,UAAI,cAA6B,UAAU,QAAQ,QAAQ;AAE3D,UAAI,UAAU,SAAS;AAErB,cAAM,aAAa,eAAe,OAAO;AACzC,cAAM,YAAY,KAAK,IAAI,aAAa,QAAQ;AAChD,cAAM,YAAY,KAAK,IAAI,aAAa,QAAQ;AAChD,sBAAc,YAAY,YAAY,QAAQ;AAAA,MAChD;AAEA,qBAAe,WAAW;AAC1B,sBAAgB,SAAS,WAAW;AAEpC,YAAM,cAAc,CAAC,cAA0B;AAC7C,wBAAgB,UAAU,SAAS,WAAW;AAAA,MAChD;AAEA,YAAM,YAAY,MAAM;AACtB,uBAAe,IAAI;AACnB,iBAAS,oBAAoB,aAAa,WAAW;AACrD,iBAAS,oBAAoB,WAAW,SAAS;AAAA,MACnD;AAEA,eAAS,iBAAiB,aAAa,WAAW;AAClD,eAAS,iBAAiB,WAAW,SAAS;AAAA,IAChD,OAAO;AACL,uBAAiB,OAAO;AAExB,YAAM,cAAc,CAAC,cAA0B;AAC7C,yBAAiB,UAAU,OAAO;AAAA,MACpC;AAEA,YAAM,YAAY,MAAM;AACtB,iBAAS,oBAAoB,aAAa,WAAW;AACrD,iBAAS,oBAAoB,WAAW,SAAS;AAAA,MACnD;AAEA,eAAS,iBAAiB,aAAa,WAAW;AAClD,eAAS,iBAAiB,WAAW,SAAS;AAAA,IAChD;AAAA,EACF;AAGA,QAAM,oBAAgB;AAAA,IACpB,CAAC,GAAwB,cAA8B;AACrD,UAAI,SAAU;AAEd,YAAM,YAAY,EAAE,WAAW,OAAO,KAAK;AAC3C,UAAI,UAAU;AAEd,UAAI,SAAS,WAAW;AAEtB,YAAI,cAAc,OAAO;AACvB,cAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,WAAW;AACjD,kBAAM,WAAW,KAAK,IAAI,WAAW,WAAW,WAAW,IAAI;AAC/D,wBAAY,QAAQ;AACpB,4BAAgB,UAAU,QAAQ;AAClC,sBAAU;AAAA,UACZ,WAAW,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAa;AACzD,kBAAM,WAAW,KAAK,IAAI,WAAW,WAAW,GAAG;AACnD,wBAAY,QAAQ;AACpB,4BAAgB,UAAU,QAAQ;AAClC,sBAAU;AAAA,UACZ,WAAW,EAAE,QAAQ,QAAQ;AAC3B,wBAAY,GAAG;AACf,4BAAgB,KAAK,QAAQ;AAC7B,sBAAU;AAAA,UACZ,WAAW,EAAE,QAAQ,OAAO;AAC1B,kBAAM,WAAW,WAAW;AAC5B,wBAAY,QAAQ;AACpB,4BAAgB,UAAU,QAAQ;AAClC,sBAAU;AAAA,UACZ;AAAA,QACF,OAAO;AACL,cAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,WAAW;AACjD,kBAAM,WAAW,KAAK,IAAI,WAAW,WAAW,GAAG;AACnD,wBAAY,QAAQ;AACpB,4BAAgB,UAAU,QAAQ;AAClC,sBAAU;AAAA,UACZ,WAAW,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAa;AACzD,kBAAM,WAAW,KAAK,IAAI,WAAW,WAAW,WAAW,IAAI;AAC/D,wBAAY,QAAQ;AACpB,4BAAgB,UAAU,QAAQ;AAClC,sBAAU;AAAA,UACZ,WAAW,EAAE,QAAQ,QAAQ;AAC3B,kBAAM,WAAW,WAAW;AAC5B,wBAAY,QAAQ;AACpB,4BAAgB,UAAU,QAAQ;AAClC,sBAAU;AAAA,UACZ,WAAW,EAAE,QAAQ,OAAO;AAC1B,wBAAY,GAAG;AACf,4BAAgB,UAAU,GAAG;AAC7B,sBAAU;AAAA,UACZ;AAAA,QACF;AAAA,MACF,OAAO;AAEL,YAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,WAAW;AACjD,gBAAM,WAAW,KAAK,IAAI,QAAQ,WAAW,GAAG;AAChD,mBAAS,QAAQ;AACjB,qBAAW,QAAQ;AACnB,oBAAU;AAAA,QACZ,WAAW,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAa;AACzD,gBAAM,WAAW,KAAK,IAAI,QAAQ,WAAW,GAAG;AAChD,mBAAS,QAAQ;AACjB,qBAAW,QAAQ;AACnB,oBAAU;AAAA,QACZ,WAAW,EAAE,QAAQ,QAAQ;AAC3B,mBAAS,GAAG;AACZ,qBAAW,GAAG;AACd,oBAAU;AAAA,QACZ,WAAW,EAAE,QAAQ,OAAO;AAC1B,mBAAS,GAAG;AACZ,qBAAW,GAAG;AACd,oBAAU;AAAA,QACZ;AAAA,MACF;AAEA,UAAI,SAAS;AACX,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,QAAM,2BAAuB;AAAA,IAC3B,CAAC,GAAQ,cAAwC;AAC/C,UAAI,SAAU;AAGd,YAAM,YAAY,EAAE,aAAa,aAAa,EAAE,aAAa,SAAS;AAEtE,UAAI,OAAO;AACT,YAAI,cAA6B,cAAc,QAAQ,QAAQ;AAE/D,YAAI,cAAc,WAAW,SAAS,SAAS;AAE7C,gBAAM,OAAO,SAAS,QAAQ,wBAAwB,KAAK;AAAA,YACzD,OAAO;AAAA,YACP,MAAM;AAAA,UACR;AACA,gBAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,YAAY,KAAK,KAAK,CAAC;AAClE,gBAAM,aAAa,MAAM,cAAc,MAAM;AAC7C,gBAAM,YAAY,KAAK,IAAI,aAAa,QAAQ;AAChD,gBAAM,YAAY,KAAK,IAAI,aAAa,QAAQ;AAChD,wBAAc,YAAY,YAAY,QAAQ;AAAA,QAChD;AAEA,uBAAe,WAAW;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,UAAU,OAAO,KAAK,KAAK,UAAU,QAAQ;AAAA,EAChD;AAEA,QAAM,0BAAsB;AAAA,IAC1B,CAAC,GAAQ,cAA8B;AACrC,UAAI,YAAY,CAAC,SAAS,QAAS;AAEnC,YAAM,YAAY,EAAE,aAAa,aAAa,EAAE,aAAa,SAAS;AACtE,YAAM,OAAO,SAAS,QAAQ,wBAAwB,KAAK;AAAA,QACzD,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AACA,YAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,YAAY,KAAK,KAAK,CAAC;AAClE,YAAM,WAAW,MAAM,cAAc,MAAM;AAC3C,YAAM,WAAW,KAAK,MAAM,WAAW,IAAI,IAAI;AAE/C,UAAI,OAAO;AACT,cAAM,QAAQ,aAAa;AAC3B,YAAI,UAAU,OAAO;AACnB,gBAAM,eAAe,KAAK,IAAI,UAAU,WAAW,IAAI;AACvD,sBAAY,YAAY;AACxB,0BAAgB,cAAc,QAAQ;AAAA,QACxC,WAAW,UAAU,OAAO;AAC1B,gBAAM,eAAe,KAAK,IAAI,UAAU,WAAW,IAAI;AACvD,sBAAY,YAAY;AACxB,0BAAgB,UAAU,YAAY;AAAA,QACxC;AAAA,MACF,OAAO;AACL,cAAM,eAAe,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,QAAQ,CAAC;AAC1D,iBAAS,YAAY;AACrB,mBAAW,YAAY;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,6BAAyB,2BAAY,MAAM;AAC/C,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAGL,QAAM,oBAAoB,CACxB,GACA,SACG;AACH,UAAM,aAAa,EAAE,OAAO;AAC5B,UAAM,WAAW,WAAW,UAAU;AAEtC,QAAI,MAAM,QAAQ,EAAG;AAErB,UAAM,eAAe,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,QAAQ,CAAC;AAE1D,QAAI,SAAS,UAAU;AACrB,eAAS,YAAY;AACrB,iBAAW,YAAY;AAAA,IACzB,WAAW,SAAS,OAAO;AACzB,YAAM,SAAS,KAAK,IAAI,cAAc,WAAW,IAAI;AACrD,kBAAY,MAAM;AAClB,sBAAgB,QAAQ,QAAQ;AAAA,IAClC,OAAO;AACL,YAAM,SAAS,KAAK,IAAI,cAAc,WAAW,IAAI;AACrD,kBAAY,MAAM;AAClB,sBAAgB,UAAU,MAAM;AAAA,IAClC;AAAA,EACF;AAGA,QAAM,qBAAqB,CACzB,GACA,SACG;AACH,QAAI,SAAU;AAEd,UAAM,YAAY,EAAE,WAAW,OAAO,KAAK;AAC3C,QAAI,UAAU;AAEd,QAAI,EAAE,QAAQ,WAAW;AACvB,UAAI,SAAS,UAAU;AACrB,cAAM,WAAW,KAAK,IAAI,QAAQ,WAAW,GAAG;AAChD,iBAAS,QAAQ;AACjB,mBAAW,QAAQ;AAAA,MACrB,WAAW,SAAS,OAAO;AACzB,cAAM,WAAW,KAAK,IAAI,WAAW,WAAW,WAAW,IAAI;AAC/D,oBAAY,QAAQ;AACpB,wBAAgB,UAAU,QAAQ;AAAA,MACpC,OAAO;AACL,cAAM,WAAW,KAAK,IAAI,WAAW,WAAW,GAAG;AACnD,oBAAY,QAAQ;AACpB,wBAAgB,UAAU,QAAQ;AAAA,MACpC;AACA,gBAAU;AAAA,IACZ,WAAW,EAAE,QAAQ,aAAa;AAChC,UAAI,SAAS,UAAU;AACrB,cAAM,WAAW,KAAK,IAAI,QAAQ,WAAW,GAAG;AAChD,iBAAS,QAAQ;AACjB,mBAAW,QAAQ;AAAA,MACrB,WAAW,SAAS,OAAO;AACzB,cAAM,WAAW,KAAK,IAAI,WAAW,WAAW,GAAG;AACnD,oBAAY,QAAQ;AACpB,wBAAgB,UAAU,QAAQ;AAAA,MACpC,OAAO;AACL,cAAM,WAAW,KAAK,IAAI,WAAW,WAAW,WAAW,IAAI;AAC/D,oBAAY,QAAQ;AACpB,wBAAgB,UAAU,QAAQ;AAAA,MACpC;AACA,gBAAU;AAAA,IACZ;AAEA,QAAI,SAAS;AACX,QAAE,eAAe;AAAA,IACnB;AAAA,EACF;AAGA,QAAM,kBAAkB,CAAC,SAAmC;AAC1D,QAAI,SAAS,UAAU;AACrB,YAAM,UAAU,KAAK,MAAM,QAAQ,IAAI,IAAI;AAC3C,YAAM,iBAAiB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,OAAO,CAAC;AAC3D,UAAI,mBAAmB,OAAO;AAC5B,iBAAS,cAAc;AACvB,mBAAW,cAAc;AAAA,MAC3B;AAAA,IACF,WAAW,SAAS,OAAO;AACzB,YAAM,UAAU,KAAK,MAAM,WAAW,IAAI,IAAI;AAC9C,YAAM,iBAAiB,KAAK,IAAI,KAAK,KAAK,IAAI,WAAW,MAAM,OAAO,CAAC;AACvE,UAAI,mBAAmB,UAAU;AAC/B,oBAAY,cAAc;AAC1B,wBAAgB,gBAAgB,QAAQ;AAAA,MAC1C;AAAA,IACF,OAAO;AACL,YAAM,UAAU,KAAK,MAAM,WAAW,IAAI,IAAI;AAC9C,YAAM,iBAAiB,KAAK,IAAI,WAAW,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC;AACvE,UAAI,mBAAmB,UAAU;AAC/B,oBAAY,cAAc;AAC1B,wBAAgB,UAAU,cAAc;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AAGA,QAAM,oBAAqB,QAAQ,QAAQ,MAAM,OAAQ;AACzD,QAAM,sBAAuB,WAAW,QAAQ,MAAM,OAAQ;AAC9D,QAAM,sBAAuB,WAAW,QAAQ,MAAM,OAAQ;AAG9D,QAAM,cAAc,CAClB,YACA,MACA,aACG;AAEH,UAAM,wBAAwB,sBAAsB;AACpD,UAAM,gBACJ,cAAc,0BAA0B,SAAS,aAAa;AAChE,UAAM,iBACJ,cAAc,0BAA0B,UAAU,aAAa;AAGjE,UAAM,aAAa,aACf,OAAO,aAAa,OAAO,gBAAgB,OAAO,eAClD,OAAO;AAEX,WACE,6CAAC,OAAI,OAAO,YAAY,YAAY,GAClC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,UAAU;AAAA,QACxB,UAAU,CAAC,MACT,kBAAkB,GAAG,IAAI;AAAA,QAE3B,QAAQ,MAAM,gBAAgB,IAAI;AAAA,QAClC,WAAW,CAAC,MACV,mBAAmB,GAAG,IAAI;AAAA,QAE5B;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cACE,SAAS,WACL,iBACA,SAAS,QACP,kBACA;AAAA,QAER,OAAO;AAAA,UACL,WAAW;AAAA,QACb;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAGA,QAAM,cAAc,CAAC,YAAoB,cAA8B;AACrE,UAAM,WAAW,gBAAgB;AACjC,UAAM,eAAe,aAAa;AAGlC,UAAM,eAAe,QACjB,cAAc,QACZ,WACA,WACF;AAGJ,UAAM,iBAAiB,QACnB,cAAc,QACZ,oBACA,oBACF,aAAa,SAAS;AAG1B,UAAM,iBACJ,gBAAgB,CAAC,WAAW,oBAAoB;AAIlD,UAAM,cAAc,WAChB,MAAM,OAAO,WAAW,UACxB;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,WAAW,KAAK;AAAA,QAC1B,cAAY;AAAA,QACZ,mBAAiB,QAAQ,UAAU;AAAA,QACnC,iBAAe,YAAY;AAAA,QAC3B,QAAQ,YAAY,gBAAgB,SAAS,KAAK;AAAA,QAClD,eAAa,YAAY,gBAAgB,SAAS,KAAK;AAAA,QACvD,UAAS;AAAA,QACT,MAAM,GAAG,UAAU;AAAA,QACnB,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,QACf,iBAAiB;AAAA,QACjB,cAAc,OAAO,YAAY;AAAA,QACjC,QAAQ,WAAW,IAAI;AAAA,QACvB,QAAQ,WAAW,gBAAgB;AAAA,QAEnC,aACE,QACI,CAAC,MAAwB,gBAAgB,GAAG,aAAa,OAAO,IAChE;AAAA,QAEN,WAAW,CAAC,MAA2B,cAAc,GAAG,SAAS;AAAA,QAEjE,0BAA0B,MAAM,CAAC;AAAA,QACjC,kBAAkB,CAAC,MAAW,qBAAqB,GAAG,SAAS;AAAA,QAC/D,iBAAiB,CAAC,MAAW,oBAAoB,GAAG,SAAS;AAAA,QAC7D,oBAAoB;AAAA,QACpB,sBAAsB;AAAA,QACtB,OAAO;AAAA,UACL,KAAK;AAAA,UACL,WACE,gBAAgB,CAAC,WACb,qCACA;AAAA,UACN,WAAW,WAAW,SAAS;AAAA,UAC/B,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA;AAAA,UAET,mBAAmB;AAAA,UACnB,mBACE,SAAS,cAAc,QAAQ,WAAW,OAAO;AAAA,UACnD,mBACE,SAAS,cAAc,QAAQ,WAAW,OAAO;AAAA,UACnD,sBAAsB;AAAA,QACxB;AAAA,QACA,iBAAe;AAAA,QACf,iBAAe,SAAS,cAAc,QAAQ,WAAW,OAAO;AAAA,QAChE,iBAAe,SAAS,cAAc,QAAQ,WAAW,OAAO;AAAA,QAChE,oBAAiB;AAAA,QAGhB,sBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAO,OAAO;AAAA,YACd,QAAQ,OAAO;AAAA,YACf,iBAAiB;AAAA,YACjB,cAAc,OAAO,YAAY;AAAA,YACjC,OAAO;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,YACR;AAAA;AAAA,QACF;AAAA;AAAA,IAEJ;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAErC;AAAA,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,OAAO,MAAM,OAAO,QAAQ;AAAA,YAC5B,UAAU,OAAO,WAAW;AAAA,YAE3B;AAAA;AAAA,QACH;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,YAAW;AAAA,YACX,KAAK,OAAO;AAAA,YACZ,QAAQ,OAAO;AAAA,YAGb;AAAA,iCAAkB,UAAU,kBAAkB,YAC7C,QACG,YAAY,UAAU,OAAO,MAAM,IACnC,YAAY,OAAO,UAAU,MAAM;AAAA,cAGxC,YACC;AAAA,gBAAC;AAAA;AAAA,kBACC,YAAY;AAAA,kBACZ,OAAO,OAAO;AAAA,kBACd,QAAQ,OAAO;AAAA,kBACf,YAAW;AAAA,kBACX,gBAAe;AAAA,kBACf,SAAS,WAAW,MAAM;AAAA,kBAEzB;AAAA;AAAA,cACH;AAAA,cAID,cACC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,WAAW,YAAY,cAAc,YAAY;AAAA,kBACxD,UAAU,OAAO;AAAA,kBACjB,YAAY;AAAA,kBAEX;AAAA;AAAA,cACH;AAAA,cAIF;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,mBAAmB,OAAO,YAAY;AAAA,kBACtC,QAAQ,OAAO;AAAA,kBACf,YAAW;AAAA,kBACX,gBAAe;AAAA,kBAEf;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAK;AAAA,sBACL,OAAM;AAAA,sBACN,QAAQ,OAAO;AAAA,sBACf,iBAAiB,WAAW,kBAAkB;AAAA,sBAC9C,cAAc;AAAA,sBACd,UAAS;AAAA,sBACT,QAAQ,WAAW,gBAAgB;AAAA,sBACnC,QAAO;AAAA,sBACP,eAAY;AAAA,sBAEZ,aACE,QACI,CAAC,MAAwB,gBAAgB,GAAG,OAAO,IACnD;AAAA,sBAGN,0BAA0B,MAAM,CAAC;AAAA,sBACjC,kBAAkB,CAAC,MAAW,qBAAqB,GAAG,OAAO;AAAA,sBAC7D,iBAAiB,CAAC,MAAW,oBAAoB,CAAC;AAAA,sBAClD,oBAAoB;AAAA,sBACpB,sBAAsB;AAAA,sBAErB,kBACC,8EAEE;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,UAAS;AAAA,4BACT,MAAM,GAAG,kBAAkB;AAAA,4BAC3B,KAAK;AAAA,4BACL,QAAO;AAAA,4BACP,OAAO,GAAG,qBAAqB,kBAAkB;AAAA,4BACjD,iBAAiB;AAAA,4BACjB,cAAc;AAAA;AAAA,wBAChB;AAAA,wBAEC,YAAY,oBAAoB,KAAK;AAAA,wBAErC,YAAY,oBAAoB,KAAK;AAAA,yBACxC,IAEA,8EAEE;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,UAAS;AAAA,4BACT,MAAM;AAAA,4BACN,KAAK;AAAA,4BACL,QAAO;AAAA,4BACP,OAAO,GAAG,gBAAgB;AAAA,4BAC1B,iBAAiB;AAAA,4BACjB,cAAc;AAAA;AAAA,wBAChB;AAAA,wBAEC,YAAY,gBAAgB;AAAA,yBAC/B;AAAA;AAAA,kBAEJ;AAAA;AAAA,cACF;AAAA,cAGC,cACC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,WAAW,YAAY,cAAc,YAAY;AAAA,kBACxD,UAAU,OAAO;AAAA,kBACjB,YAAY;AAAA,kBAEX;AAAA;AAAA,cACH;AAAA,cAID,aACC;AAAA,gBAAC;AAAA;AAAA,kBACC,YAAY;AAAA,kBACZ,OAAO,OAAO;AAAA,kBACd,QAAQ,OAAO;AAAA,kBACf,YAAW;AAAA,kBACX,gBAAe;AAAA,kBACf,SAAS,WAAW,MAAM;AAAA,kBAEzB;AAAA;AAAA,cACH;AAAA,eAIA,kBAAkB,WAAW,kBAAkB,YAC9C,QACG,YAAY,UAAU,OAAO,OAAO,IACpC,YAAY,OAAO,UAAU,OAAO;AAAA;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_react","styled","React","import_styled_components","import_jsx_runtime","styled","import_jsx_runtime"]}
1	+ {"version":3,"sources":["../../src/index.tsx","../../src/Slider.tsx","../../../primitives-web/src/Box.tsx","../../../primitives-web/src/filterDOMProps.ts","../../../primitives-web/src/Text.tsx"],"sourcesContent":["export * from \"./Slider\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport {\n useResolvedTheme,\n useId,\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 /\n Test identifier.\n /\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 // Generate unique IDs for accessibility\n const rawId = useId();\n const safeId = rawId.replace(/:/g, \"\");\n const sliderId = `slider-${safeId}`;\n const labelId = `${sliderId}-label`;\n\n // Single value state\n const [value, setValue] = useState(propValue);\n\n // Range values state\n const [rangeMin, setRangeMin] = useState(propMinValue ?? min);\n const [rangeMax, setRangeMax] = useState(propMaxValue ?? max);\n\n // Hover states\n const [isHovered, setIsHovered] = useState(false);\n const [activeThumb, setActiveThumb] = useState<\"min\" \| \"max\" \| null>(null);\n\n const trackRef = useRef<any>(null);\n\n // Platform detection for event handling\n const isWeb =\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\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 // Colors from theme\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 // Helper to get colors from theme based on scheme\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 // Shadow for thumb\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 // Determine which thumb to move based on click position\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 // Keyboard navigation handlers\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 // Range mode keyboard handling\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 // Single slider keyboard handling\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 // Get the location from the touch event\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 // Input change handlers\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 // Calculate percentages\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 // Input field component using the Input component\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 // Thumb component\n const renderThumb = (percentage: number, thumbType?: \"min\" \| \"max\") => {\n const isActive = activeThumb === thumbType;\n const thumbHovered = isHovered \|\| isActive;\n\n // Determine current value for this thumb\n const currentValue = range\n ? thumbType === \"min\"\n ? rangeMin\n : rangeMax\n : value;\n\n // Determine aria-label for this thumb\n const thumbAriaLabel = range\n ? thumbType === \"min\"\n ? minThumbAriaLabel\n : maxThumbAriaLabel\n : ariaLabel \|\| label \|\| \"Slider value\";\n\n // Determine background color based on hover state\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={sizing.thumbSize / 2}\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={sizing.thumbSize / 2}\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={100}\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={100}\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={100}\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 styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledBox = styled(FilteredDiv)<BoxProps>`\n display: flex;\n box-sizing: border-box;\n background-color: ${(props) => props.backgroundColor \|\| \"transparent\"};\n border-color: ${(props) => props.borderColor \|\| \"transparent\"};\n border-width: ${(props) =>\n typeof props.borderWidth === \"number\"\n ? `${props.borderWidth}px`\n : props.borderWidth \|\| 0};\n\n ${(props) =>\n props.borderBottomWidth !== undefined &&\n `\n border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n border-bottom-color: ${props.borderBottomColor \|\| props.borderColor \|\| \"transparent\"};\n border-bottom-style: solid;\n `}\n ${(props) =>\n props.borderTopWidth !== undefined &&\n `\n border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n border-top-color: ${props.borderTopColor \|\| props.borderColor \|\| \"transparent\"};\n border-top-style: solid;\n `}\n ${(props) =>\n props.borderLeftWidth !== undefined &&\n `\n border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n border-left-color: ${props.borderLeftColor \|\| props.borderColor \|\| \"transparent\"};\n border-left-style: solid;\n `}\n ${(props) =>\n props.borderRightWidth !== undefined &&\n `\n border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n border-right-color: ${props.borderRightColor \|\| props.borderColor \|\| \"transparent\"};\n border-right-style: solid;\n `}\n\n border-style: ${(props) =>\n props.borderStyle \|\|\n (props.borderWidth \|\|\n props.borderBottomWidth \|\|\n props.borderTopWidth \|\|\n props.borderLeftWidth \|\|\n props.borderRightWidth\n ? \"solid\"\n : \"none\")};\n border-radius: ${(props) =>\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius \|\| 0};\n height: ${(props) =>\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height \|\| \"auto\"};\n width: ${(props) =>\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width \|\| \"auto\"};\n min-width: ${(props) =>\n typeof props.minWidth === \"number\"\n ? `${props.minWidth}px`\n : props.minWidth \|\| \"auto\"};\n min-height: ${(props) =>\n typeof props.minHeight === \"number\"\n ? `${props.minHeight}px`\n : props.minHeight \|\| \"auto\"};\n max-width: ${(props) =>\n typeof props.maxWidth === \"number\"\n ? `${props.maxWidth}px`\n : props.maxWidth \|\| \"none\"};\n max-height: ${(props) =>\n typeof props.maxHeight === \"number\"\n ? `${props.maxHeight}px`\n : props.maxHeight \|\| \"none\"};\n\n padding: ${(props) =>\n typeof props.padding === \"number\"\n ? `${props.padding}px`\n : props.padding \|\| 0};\n ${(props) =>\n props.paddingHorizontal &&\n `\n padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n `}\n ${(props) =>\n props.paddingVertical &&\n `\n padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n `}\n ${(props) =>\n props.paddingTop !== undefined &&\n `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n ${(props) =>\n props.paddingBottom !== undefined &&\n `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n ${(props) =>\n props.paddingLeft !== undefined &&\n `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n ${(props) =>\n props.paddingRight !== undefined &&\n `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n margin: ${(props) =>\n typeof props.margin === \"number\" ? `${props.margin}px` : props.margin \|\| 0};\n ${(props) =>\n props.marginTop !== undefined &&\n `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n ${(props) =>\n props.marginBottom !== undefined &&\n `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n ${(props) =>\n props.marginLeft !== undefined &&\n `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n ${(props) =>\n props.marginRight !== undefined &&\n `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n flex-direction: ${(props) => props.flexDirection \|\| \"column\"};\n flex-wrap: ${(props) => props.flexWrap \|\| \"nowrap\"};\n align-items: ${(props) => props.alignItems \|\| \"stretch\"};\n justify-content: ${(props) => props.justifyContent \|\| \"flex-start\"};\n cursor: ${(props) =>\n props.cursor\n ? props.cursor\n : props.onClick \|\| props.onPress\n ? \"pointer\"\n : \"inherit\"};\n position: ${(props) => props.position \|\| \"static\"};\n top: ${(props) =>\n typeof props.top === \"number\" ? `${props.top}px` : props.top};\n bottom: ${(props) =>\n typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n left: ${(props) =>\n typeof props.left === \"number\" ? `${props.left}px` : props.left};\n right: ${(props) =>\n typeof props.right === \"number\" ? `${props.right}px` : props.right};\n flex: ${(props) => props.flex};\n flex-shrink: ${(props) => props.flexShrink ?? 1};\n gap: ${(props) =>\n typeof props.gap === \"number\" ? `${props.gap}px` : props.gap \|\| 0};\n align-self: ${(props) => props.alignSelf \|\| \"auto\"};\n overflow: ${(props) => props.overflow \|\| \"visible\"};\n overflow-x: ${(props) => props.overflowX \|\| \"visible\"};\n overflow-y: ${(props) => props.overflowY \|\| \"visible\"};\n z-index: ${(props) => props.zIndex};\n opacity: ${(props) => (props.disabled ? 0.5 : 1)};\n pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n &:hover {\n ${(props) =>\n props.hoverStyle?.backgroundColor &&\n `background-color: ${props.hoverStyle.backgroundColor};`}\n ${(props) =>\n props.hoverStyle?.borderColor &&\n `border-color: ${props.hoverStyle.borderColor};`}\n }\n\n &:active {\n ${(props) =>\n props.pressStyle?.backgroundColor &&\n `background-color: ${props.pressStyle.backgroundColor};`}\n }\n`;\n\nexport const Box = React.forwardRef<\n HTMLDivElement \| HTMLButtonElement,\n BoxProps\n>(\n (\n {\n children,\n onPress,\n onKeyDown,\n onKeyUp,\n role,\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 \"aria-describedby\": ariaDescribedBy,\n \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-pressed\": ariaPressed,\n \"aria-controls\": ariaControls,\n tabIndex,\n as,\n src,\n alt,\n type,\n disabled,\n id,\n ...props\n },\n ref\n ) => {\n // Handle as=\"img\" for rendering images with proper border-radius\n if (as === \"img\" && src) {\n return (\n <img\n src={src}\n alt={alt \|\| \"\"}\n style={{\n display: \"block\",\n objectFit: \"cover\",\n width:\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width,\n height:\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height,\n borderRadius:\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius,\n position: props.position,\n top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n left:\n typeof props.left === \"number\" ? `${props.left}px` : props.left,\n right:\n typeof props.right === \"number\"\n ? `${props.right}px`\n : props.right,\n bottom:\n typeof props.bottom === \"number\"\n ? `${props.bottom}px`\n : props.bottom,\n }}\n />\n );\n }\n\n return (\n <StyledBox\n ref={ref}\n elementType={as}\n id={id}\n type={as === \"button\" ? type \|\| \"button\" : undefined}\n disabled={as === \"button\" ? disabled : undefined}\n onClick={onPress}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n aria-busy={ariaBusy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-pressed={ariaPressed}\n aria-controls={ariaControls}\n aria-live={ariaLive}\n tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n {...props}\n >\n {children}\n </StyledBox>\n );\n }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\n\n// Props from BoxProps, TextProps, SpinnerProps, IconProps, DividerProps\n// that are NOT valid HTML attributes and must not reach the DOM.\nexport const NON_HTML_PROPS = new Set([\n // BoxProps — layout & styling\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 \"flexDirection\",\n \"flexWrap\",\n \"alignItems\",\n \"justifyContent\",\n \"alignSelf\",\n \"flex\",\n \"flexShrink\",\n \"gap\",\n \"position\",\n \"top\",\n \"bottom\",\n \"left\",\n \"right\",\n \"outline\",\n \"overflow\",\n \"overflowX\",\n \"overflowY\",\n \"zIndex\",\n \"cursor\",\n \"padding\",\n \"paddingHorizontal\",\n \"paddingVertical\",\n \"paddingTop\",\n \"paddingBottom\",\n \"paddingLeft\",\n \"paddingRight\",\n \"margin\",\n \"marginTop\",\n \"marginBottom\",\n \"marginLeft\",\n \"marginRight\",\n \"minWidth\",\n \"minHeight\",\n \"maxWidth\",\n \"maxHeight\",\n \"hoverStyle\",\n \"pressStyle\",\n \"focusStyle\",\n \"outlineColor\",\n \"outlineWidth\",\n \"outlineOffset\",\n \"outlineStyle\",\n // BoxProps — RN-only\n \"onPress\",\n \"onLayout\",\n \"onMoveShouldSetResponder\",\n \"onResponderGrant\",\n \"onResponderMove\",\n \"onResponderRelease\",\n \"onResponderTerminate\",\n \"testID\",\n // Box — custom element type\n \"elementType\",\n // TextProps\n \"fontSize\",\n \"fontWeight\",\n \"fontFamily\",\n \"lineHeight\",\n \"whiteSpace\",\n \"textAlign\",\n \"textDecoration\",\n \"numberOfLines\",\n \"letterSpacing\",\n \"textTransform\",\n // SpinnerProps\n \"strokeWidth\",\n // DividerProps\n \"vertical\",\n \"dashStroke\",\n]);\n\n/\n Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n \n Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then: `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n \n styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n const Component = React.forwardRef<HTMLElement, any>(\n ({ children, elementType, ...props }, ref) => {\n const Tag = elementType \|\| defaultTag;\n const htmlProps: Record<string, unknown> = {};\n for (const key of Object.keys(props)) {\n if (!NON_HTML_PROPS.has(key)) {\n htmlProps[key] = props[key];\n }\n }\n return React.createElement(Tag, { ref, ...htmlProps }, children);\n }\n );\n Component.displayName = `Filtered(${defaultTag})`;\n return Component;\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n color: ${(props) => props.color \|\| \"inherit\"};\n font-size: ${(props) =>\n typeof props.fontSize === \"number\"\n ? `${props.fontSize}px`\n : props.fontSize \|\| \"inherit\"};\n font-weight: ${(props) => props.fontWeight \|\| \"normal\"};\n font-family: ${(props) =>\n props.fontFamily \|\|\n '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n line-height: ${(props) =>\n typeof props.lineHeight === \"number\"\n ? `${props.lineHeight}px`\n : props.lineHeight \|\| \"inherit\"};\n white-space: ${(props) => props.whiteSpace \|\| \"normal\"};\n text-align: ${(props) => props.textAlign \|\| \"inherit\"};\n text-decoration: ${(props) => props.textDecoration \|\| \"none\"};\n`;\n\nexport const Text: React.FC<TextProps> = ({\n style,\n className,\n id,\n role,\n numberOfLines: _numberOfLines,\n ...props\n}) => {\n return (\n <StyledText\n {...props}\n style={style}\n className={className}\n id={id}\n role={role}\n />\n );\n};\n"],"mappings":"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","names":["import_react","import_react","React","styled","React","import_styled_components","import_jsx_runtime","styled","import_jsx_runtime"]}

package/web/index.mjs CHANGED Viewed

@@ -2,10 +2,117 @@
 import { useState, useRef, useEffect, useCallback } from "react";
 // ../primitives-web/src/Box.tsx
-import React from "react";
+import React2 from "react";
 import styled from "styled-components";
+// ../primitives-web/src/filterDOMProps.ts
+import React from "react";
+var NON_HTML_PROPS = /* @__PURE__ */ new Set([
+  // BoxProps — layout & styling
+  "backgroundColor",
+  "borderColor",
+  "borderWidth",
+  "borderBottomWidth",
+  "borderBottomColor",
+  "borderTopWidth",
+  "borderTopColor",
+  "borderLeftWidth",
+  "borderLeftColor",
+  "borderRightWidth",
+  "borderRightColor",
+  "borderRadius",
+  "borderStyle",
+  "flexDirection",
+  "flexWrap",
+  "alignItems",
+  "justifyContent",
+  "alignSelf",
+  "flex",
+  "flexShrink",
+  "gap",
+  "position",
+  "top",
+  "bottom",
+  "left",
+  "right",
+  "outline",
+  "overflow",
+  "overflowX",
+  "overflowY",
+  "zIndex",
+  "cursor",
+  "padding",
+  "paddingHorizontal",
+  "paddingVertical",
+  "paddingTop",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingRight",
+  "margin",
+  "marginTop",
+  "marginBottom",
+  "marginLeft",
+  "marginRight",
+  "minWidth",
+  "minHeight",
+  "maxWidth",
+  "maxHeight",
+  "hoverStyle",
+  "pressStyle",
+  "focusStyle",
+  "outlineColor",
+  "outlineWidth",
+  "outlineOffset",
+  "outlineStyle",
+  // BoxProps — RN-only
+  "onPress",
+  "onLayout",
+  "onMoveShouldSetResponder",
+  "onResponderGrant",
+  "onResponderMove",
+  "onResponderRelease",
+  "onResponderTerminate",
+  "testID",
+  // Box — custom element type
+  "elementType",
+  // TextProps
+  "fontSize",
+  "fontWeight",
+  "fontFamily",
+  "lineHeight",
+  "whiteSpace",
+  "textAlign",
+  "textDecoration",
+  "numberOfLines",
+  "letterSpacing",
+  "textTransform",
+  // SpinnerProps
+  "strokeWidth",
+  // DividerProps
+  "vertical",
+  "dashStroke"
+]);
+function createFilteredElement(defaultTag) {
+  const Component = React.forwardRef(
+    ({ children, elementType, ...props }, ref) => {
+      const Tag = elementType || defaultTag;
+      const htmlProps = {};
+      for (const key of Object.keys(props)) {
+        if (!NON_HTML_PROPS.has(key)) {
+          htmlProps[key] = props[key];
+        }
+      }
+      return React.createElement(Tag, { ref, ...htmlProps }, children);
+    }
+  );
+  Component.displayName = `Filtered(${defaultTag})`;
+  return Component;
+}
+// ../primitives-web/src/Box.tsx
 import { jsx } from "react/jsx-runtime";
-var StyledBox = styled.div`
+var FilteredDiv = createFilteredElement("div");
+var StyledBox = styled(FilteredDiv)`
   display: flex;
   box-sizing: border-box;
   background-color: ${(props) => props.backgroundColor || "transparent"};
@@ -92,7 +199,7 @@ var StyledBox = styled.div`
     ${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
   }
 `;
-var Box = React.forwardRef(
+var Box = React2.forwardRef(
   ({
     children,
     onPress,
@@ -144,7 +251,7 @@ var Box = React.forwardRef(
       StyledBox,
       {
         ref,
-        as,
+        elementType: as,
         id,
         type: as === "button" ? type || "button" : void 0,
         disabled: as === "button" ? disabled : void 0,
@@ -175,7 +282,8 @@ Box.displayName = "Box";
 // ../primitives-web/src/Text.tsx
 import styled2 from "styled-components";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var StyledText = styled2.span`
+var FilteredSpan = createFilteredElement("span");
+var StyledText = styled2(FilteredSpan)`
   color: ${(props) => props.color || "inherit"};
   font-size: ${(props) => typeof props.fontSize === "number" ? `${props.fontSize}px` : props.fontSize || "inherit"};
   font-weight: ${(props) => props.fontWeight || "normal"};

package/web/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/Slider.tsx","../../../primitives-web/src/Box.tsx","../../../primitives-web/src/Text.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport {\n useResolvedTheme,\n useId,\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 /\n Test identifier.\n /\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 // Generate unique IDs for accessibility\n const rawId = useId();\n const safeId = rawId.replace(/:/g, \"\");\n const sliderId = `slider-${safeId}`;\n const labelId = `${sliderId}-label`;\n\n // Single value state\n const [value, setValue] = useState(propValue);\n\n // Range values state\n const [rangeMin, setRangeMin] = useState(propMinValue ?? min);\n const [rangeMax, setRangeMax] = useState(propMaxValue ?? max);\n\n // Hover states\n const [isHovered, setIsHovered] = useState(false);\n const [activeThumb, setActiveThumb] = useState<\"min\" \| \"max\" \| null>(null);\n\n const trackRef = useRef<any>(null);\n\n // Platform detection for event handling\n const isWeb =\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\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 // Colors from theme\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 // Helper to get colors from theme based on scheme\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 // Shadow for thumb\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 // Determine which thumb to move based on click position\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 // Keyboard navigation handlers\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 // Range mode keyboard handling\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 // Single slider keyboard handling\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 // Get the location from the touch event\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 // Input change handlers\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 // Calculate percentages\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 // Input field component using the Input component\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 // Thumb component\n const renderThumb = (percentage: number, thumbType?: \"min\" \| \"max\") => {\n const isActive = activeThumb === thumbType;\n const thumbHovered = isHovered \|\| isActive;\n\n // Determine current value for this thumb\n const currentValue = range\n ? thumbType === \"min\"\n ? rangeMin\n : rangeMax\n : value;\n\n // Determine aria-label for this thumb\n const thumbAriaLabel = range\n ? thumbType === \"min\"\n ? minThumbAriaLabel\n : maxThumbAriaLabel\n : ariaLabel \|\| label \|\| \"Slider value\";\n\n // Determine background color based on hover state\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={sizing.thumbSize / 2}\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={sizing.thumbSize / 2}\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={100}\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={100}\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={100}\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 styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nconst StyledBox = styled.div<BoxProps>`\n display: flex;\n box-sizing: border-box;\n background-color: ${(props) => props.backgroundColor \|\| \"transparent\"};\n border-color: ${(props) => props.borderColor \|\| \"transparent\"};\n border-width: ${(props) =>\n typeof props.borderWidth === \"number\"\n ? `${props.borderWidth}px`\n : props.borderWidth \|\| 0};\n\n ${(props) =>\n props.borderBottomWidth !== undefined &&\n `\n border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n border-bottom-color: ${props.borderBottomColor \|\| props.borderColor \|\| \"transparent\"};\n border-bottom-style: solid;\n `}\n ${(props) =>\n props.borderTopWidth !== undefined &&\n `\n border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n border-top-color: ${props.borderTopColor \|\| props.borderColor \|\| \"transparent\"};\n border-top-style: solid;\n `}\n ${(props) =>\n props.borderLeftWidth !== undefined &&\n `\n border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n border-left-color: ${props.borderLeftColor \|\| props.borderColor \|\| \"transparent\"};\n border-left-style: solid;\n `}\n ${(props) =>\n props.borderRightWidth !== undefined &&\n `\n border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n border-right-color: ${props.borderRightColor \|\| props.borderColor \|\| \"transparent\"};\n border-right-style: solid;\n `}\n\n border-style: ${(props) =>\n props.borderStyle \|\|\n (props.borderWidth \|\|\n props.borderBottomWidth \|\|\n props.borderTopWidth \|\|\n props.borderLeftWidth \|\|\n props.borderRightWidth\n ? \"solid\"\n : \"none\")};\n border-radius: ${(props) =>\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius \|\| 0};\n height: ${(props) =>\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height \|\| \"auto\"};\n width: ${(props) =>\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width \|\| \"auto\"};\n min-width: ${(props) =>\n typeof props.minWidth === \"number\"\n ? `${props.minWidth}px`\n : props.minWidth \|\| \"auto\"};\n min-height: ${(props) =>\n typeof props.minHeight === \"number\"\n ? `${props.minHeight}px`\n : props.minHeight \|\| \"auto\"};\n max-width: ${(props) =>\n typeof props.maxWidth === \"number\"\n ? `${props.maxWidth}px`\n : props.maxWidth \|\| \"none\"};\n max-height: ${(props) =>\n typeof props.maxHeight === \"number\"\n ? `${props.maxHeight}px`\n : props.maxHeight \|\| \"none\"};\n\n padding: ${(props) =>\n typeof props.padding === \"number\"\n ? `${props.padding}px`\n : props.padding \|\| 0};\n ${(props) =>\n props.paddingHorizontal &&\n `\n padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n `}\n ${(props) =>\n props.paddingVertical &&\n `\n padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n `}\n ${(props) =>\n props.paddingTop !== undefined &&\n `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n ${(props) =>\n props.paddingBottom !== undefined &&\n `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n ${(props) =>\n props.paddingLeft !== undefined &&\n `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n ${(props) =>\n props.paddingRight !== undefined &&\n `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n margin: ${(props) =>\n typeof props.margin === \"number\" ? `${props.margin}px` : props.margin \|\| 0};\n ${(props) =>\n props.marginTop !== undefined &&\n `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n ${(props) =>\n props.marginBottom !== undefined &&\n `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n ${(props) =>\n props.marginLeft !== undefined &&\n `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n ${(props) =>\n props.marginRight !== undefined &&\n `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n flex-direction: ${(props) => props.flexDirection \|\| \"column\"};\n flex-wrap: ${(props) => props.flexWrap \|\| \"nowrap\"};\n align-items: ${(props) => props.alignItems \|\| \"stretch\"};\n justify-content: ${(props) => props.justifyContent \|\| \"flex-start\"};\n cursor: ${(props) =>\n props.cursor\n ? props.cursor\n : props.onClick \|\| props.onPress\n ? \"pointer\"\n : \"inherit\"};\n position: ${(props) => props.position \|\| \"static\"};\n top: ${(props) =>\n typeof props.top === \"number\" ? `${props.top}px` : props.top};\n bottom: ${(props) =>\n typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n left: ${(props) =>\n typeof props.left === \"number\" ? `${props.left}px` : props.left};\n right: ${(props) =>\n typeof props.right === \"number\" ? `${props.right}px` : props.right};\n flex: ${(props) => props.flex};\n flex-shrink: ${(props) => props.flexShrink ?? 1};\n gap: ${(props) =>\n typeof props.gap === \"number\" ? `${props.gap}px` : props.gap \|\| 0};\n align-self: ${(props) => props.alignSelf \|\| \"auto\"};\n overflow: ${(props) => props.overflow \|\| \"visible\"};\n overflow-x: ${(props) => props.overflowX \|\| \"visible\"};\n overflow-y: ${(props) => props.overflowY \|\| \"visible\"};\n z-index: ${(props) => props.zIndex};\n opacity: ${(props) => (props.disabled ? 0.5 : 1)};\n pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n &:hover {\n ${(props) =>\n props.hoverStyle?.backgroundColor &&\n `background-color: ${props.hoverStyle.backgroundColor};`}\n ${(props) =>\n props.hoverStyle?.borderColor &&\n `border-color: ${props.hoverStyle.borderColor};`}\n }\n\n &:active {\n ${(props) =>\n props.pressStyle?.backgroundColor &&\n `background-color: ${props.pressStyle.backgroundColor};`}\n }\n`;\n\nexport const Box = React.forwardRef<\n HTMLDivElement \| HTMLButtonElement,\n BoxProps\n>(\n (\n {\n children,\n onPress,\n onKeyDown,\n onKeyUp,\n role,\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 \"aria-describedby\": ariaDescribedBy,\n \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-pressed\": ariaPressed,\n \"aria-controls\": ariaControls,\n tabIndex,\n as,\n src,\n alt,\n type,\n disabled,\n id,\n ...props\n },\n ref\n ) => {\n // Handle as=\"img\" for rendering images with proper border-radius\n if (as === \"img\" && src) {\n return (\n <img\n src={src}\n alt={alt \|\| \"\"}\n style={{\n display: \"block\",\n objectFit: \"cover\",\n width:\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width,\n height:\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height,\n borderRadius:\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius,\n position: props.position,\n top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n left:\n typeof props.left === \"number\" ? `${props.left}px` : props.left,\n right:\n typeof props.right === \"number\"\n ? `${props.right}px`\n : props.right,\n bottom:\n typeof props.bottom === \"number\"\n ? `${props.bottom}px`\n : props.bottom,\n }}\n />\n );\n }\n\n return (\n <StyledBox\n ref={ref}\n as={as}\n id={id}\n type={as === \"button\" ? type \|\| \"button\" : undefined}\n disabled={as === \"button\" ? disabled : undefined}\n onClick={onPress}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n aria-busy={ariaBusy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-pressed={ariaPressed}\n aria-controls={ariaControls}\n aria-live={ariaLive}\n tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n {...props}\n >\n {children}\n </StyledBox>\n );\n }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst StyledText = styled.span<TextProps>`\n color: ${(props) => props.color \|\| \"inherit\"};\n font-size: ${(props) =>\n typeof props.fontSize === \"number\"\n ? `${props.fontSize}px`\n : props.fontSize \|\| \"inherit\"};\n font-weight: ${(props) => props.fontWeight \|\| \"normal\"};\n font-family: ${(props) =>\n props.fontFamily \|\|\n '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n line-height: ${(props) =>\n typeof props.lineHeight === \"number\"\n ? `${props.lineHeight}px`\n : props.lineHeight \|\| \"inherit\"};\n white-space: ${(props) => props.whiteSpace \|\| \"normal\"};\n text-align: ${(props) => props.textAlign \|\| \"inherit\"};\n text-decoration: ${(props) => props.textDecoration \|\| \"none\"};\n`;\n\nexport const Text: React.FC<TextProps> = ({\n style,\n className,\n id,\n role,\n numberOfLines: _numberOfLines,\n ...props\n}) => {\n return (\n <StyledText\n {...props}\n style={style}\n className={className}\n id={id}\n role={role}\n />\n );\n};\n"],"mappings":"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","names":["styled","jsx","jsx"]}
1	+ {"version":3,"sources":["../../src/Slider.tsx","../../../primitives-web/src/Box.tsx","../../../primitives-web/src/filterDOMProps.ts","../../../primitives-web/src/Text.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport {\n useResolvedTheme,\n useId,\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 /\n Test identifier.\n /\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 // Generate unique IDs for accessibility\n const rawId = useId();\n const safeId = rawId.replace(/:/g, \"\");\n const sliderId = `slider-${safeId}`;\n const labelId = `${sliderId}-label`;\n\n // Single value state\n const [value, setValue] = useState(propValue);\n\n // Range values state\n const [rangeMin, setRangeMin] = useState(propMinValue ?? min);\n const [rangeMax, setRangeMax] = useState(propMaxValue ?? max);\n\n // Hover states\n const [isHovered, setIsHovered] = useState(false);\n const [activeThumb, setActiveThumb] = useState<\"min\" \| \"max\" \| null>(null);\n\n const trackRef = useRef<any>(null);\n\n // Platform detection for event handling\n const isWeb =\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\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 // Colors from theme\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 // Helper to get colors from theme based on scheme\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 // Shadow for thumb\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 // Determine which thumb to move based on click position\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 // Keyboard navigation handlers\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 // Range mode keyboard handling\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 // Single slider keyboard handling\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 // Get the location from the touch event\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 // Input change handlers\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 // Calculate percentages\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 // Input field component using the Input component\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 // Thumb component\n const renderThumb = (percentage: number, thumbType?: \"min\" \| \"max\") => {\n const isActive = activeThumb === thumbType;\n const thumbHovered = isHovered \|\| isActive;\n\n // Determine current value for this thumb\n const currentValue = range\n ? thumbType === \"min\"\n ? rangeMin\n : rangeMax\n : value;\n\n // Determine aria-label for this thumb\n const thumbAriaLabel = range\n ? thumbType === \"min\"\n ? minThumbAriaLabel\n : maxThumbAriaLabel\n : ariaLabel \|\| label \|\| \"Slider value\";\n\n // Determine background color based on hover state\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={sizing.thumbSize / 2}\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={sizing.thumbSize / 2}\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={100}\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={100}\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={100}\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 styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledBox = styled(FilteredDiv)<BoxProps>`\n display: flex;\n box-sizing: border-box;\n background-color: ${(props) => props.backgroundColor \|\| \"transparent\"};\n border-color: ${(props) => props.borderColor \|\| \"transparent\"};\n border-width: ${(props) =>\n typeof props.borderWidth === \"number\"\n ? `${props.borderWidth}px`\n : props.borderWidth \|\| 0};\n\n ${(props) =>\n props.borderBottomWidth !== undefined &&\n `\n border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n border-bottom-color: ${props.borderBottomColor \|\| props.borderColor \|\| \"transparent\"};\n border-bottom-style: solid;\n `}\n ${(props) =>\n props.borderTopWidth !== undefined &&\n `\n border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n border-top-color: ${props.borderTopColor \|\| props.borderColor \|\| \"transparent\"};\n border-top-style: solid;\n `}\n ${(props) =>\n props.borderLeftWidth !== undefined &&\n `\n border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n border-left-color: ${props.borderLeftColor \|\| props.borderColor \|\| \"transparent\"};\n border-left-style: solid;\n `}\n ${(props) =>\n props.borderRightWidth !== undefined &&\n `\n border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n border-right-color: ${props.borderRightColor \|\| props.borderColor \|\| \"transparent\"};\n border-right-style: solid;\n `}\n\n border-style: ${(props) =>\n props.borderStyle \|\|\n (props.borderWidth \|\|\n props.borderBottomWidth \|\|\n props.borderTopWidth \|\|\n props.borderLeftWidth \|\|\n props.borderRightWidth\n ? \"solid\"\n : \"none\")};\n border-radius: ${(props) =>\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius \|\| 0};\n height: ${(props) =>\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height \|\| \"auto\"};\n width: ${(props) =>\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width \|\| \"auto\"};\n min-width: ${(props) =>\n typeof props.minWidth === \"number\"\n ? `${props.minWidth}px`\n : props.minWidth \|\| \"auto\"};\n min-height: ${(props) =>\n typeof props.minHeight === \"number\"\n ? `${props.minHeight}px`\n : props.minHeight \|\| \"auto\"};\n max-width: ${(props) =>\n typeof props.maxWidth === \"number\"\n ? `${props.maxWidth}px`\n : props.maxWidth \|\| \"none\"};\n max-height: ${(props) =>\n typeof props.maxHeight === \"number\"\n ? `${props.maxHeight}px`\n : props.maxHeight \|\| \"none\"};\n\n padding: ${(props) =>\n typeof props.padding === \"number\"\n ? `${props.padding}px`\n : props.padding \|\| 0};\n ${(props) =>\n props.paddingHorizontal &&\n `\n padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n `}\n ${(props) =>\n props.paddingVertical &&\n `\n padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n `}\n ${(props) =>\n props.paddingTop !== undefined &&\n `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n ${(props) =>\n props.paddingBottom !== undefined &&\n `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n ${(props) =>\n props.paddingLeft !== undefined &&\n `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n ${(props) =>\n props.paddingRight !== undefined &&\n `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n margin: ${(props) =>\n typeof props.margin === \"number\" ? `${props.margin}px` : props.margin \|\| 0};\n ${(props) =>\n props.marginTop !== undefined &&\n `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n ${(props) =>\n props.marginBottom !== undefined &&\n `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n ${(props) =>\n props.marginLeft !== undefined &&\n `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n ${(props) =>\n props.marginRight !== undefined &&\n `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n flex-direction: ${(props) => props.flexDirection \|\| \"column\"};\n flex-wrap: ${(props) => props.flexWrap \|\| \"nowrap\"};\n align-items: ${(props) => props.alignItems \|\| \"stretch\"};\n justify-content: ${(props) => props.justifyContent \|\| \"flex-start\"};\n cursor: ${(props) =>\n props.cursor\n ? props.cursor\n : props.onClick \|\| props.onPress\n ? \"pointer\"\n : \"inherit\"};\n position: ${(props) => props.position \|\| \"static\"};\n top: ${(props) =>\n typeof props.top === \"number\" ? `${props.top}px` : props.top};\n bottom: ${(props) =>\n typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n left: ${(props) =>\n typeof props.left === \"number\" ? `${props.left}px` : props.left};\n right: ${(props) =>\n typeof props.right === \"number\" ? `${props.right}px` : props.right};\n flex: ${(props) => props.flex};\n flex-shrink: ${(props) => props.flexShrink ?? 1};\n gap: ${(props) =>\n typeof props.gap === \"number\" ? `${props.gap}px` : props.gap \|\| 0};\n align-self: ${(props) => props.alignSelf \|\| \"auto\"};\n overflow: ${(props) => props.overflow \|\| \"visible\"};\n overflow-x: ${(props) => props.overflowX \|\| \"visible\"};\n overflow-y: ${(props) => props.overflowY \|\| \"visible\"};\n z-index: ${(props) => props.zIndex};\n opacity: ${(props) => (props.disabled ? 0.5 : 1)};\n pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n &:hover {\n ${(props) =>\n props.hoverStyle?.backgroundColor &&\n `background-color: ${props.hoverStyle.backgroundColor};`}\n ${(props) =>\n props.hoverStyle?.borderColor &&\n `border-color: ${props.hoverStyle.borderColor};`}\n }\n\n &:active {\n ${(props) =>\n props.pressStyle?.backgroundColor &&\n `background-color: ${props.pressStyle.backgroundColor};`}\n }\n`;\n\nexport const Box = React.forwardRef<\n HTMLDivElement \| HTMLButtonElement,\n BoxProps\n>(\n (\n {\n children,\n onPress,\n onKeyDown,\n onKeyUp,\n role,\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 \"aria-describedby\": ariaDescribedBy,\n \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-pressed\": ariaPressed,\n \"aria-controls\": ariaControls,\n tabIndex,\n as,\n src,\n alt,\n type,\n disabled,\n id,\n ...props\n },\n ref\n ) => {\n // Handle as=\"img\" for rendering images with proper border-radius\n if (as === \"img\" && src) {\n return (\n <img\n src={src}\n alt={alt \|\| \"\"}\n style={{\n display: \"block\",\n objectFit: \"cover\",\n width:\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width,\n height:\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height,\n borderRadius:\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius,\n position: props.position,\n top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n left:\n typeof props.left === \"number\" ? `${props.left}px` : props.left,\n right:\n typeof props.right === \"number\"\n ? `${props.right}px`\n : props.right,\n bottom:\n typeof props.bottom === \"number\"\n ? `${props.bottom}px`\n : props.bottom,\n }}\n />\n );\n }\n\n return (\n <StyledBox\n ref={ref}\n elementType={as}\n id={id}\n type={as === \"button\" ? type \|\| \"button\" : undefined}\n disabled={as === \"button\" ? disabled : undefined}\n onClick={onPress}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n aria-busy={ariaBusy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-pressed={ariaPressed}\n aria-controls={ariaControls}\n aria-live={ariaLive}\n tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n {...props}\n >\n {children}\n </StyledBox>\n );\n }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\n\n// Props from BoxProps, TextProps, SpinnerProps, IconProps, DividerProps\n// that are NOT valid HTML attributes and must not reach the DOM.\nexport const NON_HTML_PROPS = new Set([\n // BoxProps — layout & styling\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 \"flexDirection\",\n \"flexWrap\",\n \"alignItems\",\n \"justifyContent\",\n \"alignSelf\",\n \"flex\",\n \"flexShrink\",\n \"gap\",\n \"position\",\n \"top\",\n \"bottom\",\n \"left\",\n \"right\",\n \"outline\",\n \"overflow\",\n \"overflowX\",\n \"overflowY\",\n \"zIndex\",\n \"cursor\",\n \"padding\",\n \"paddingHorizontal\",\n \"paddingVertical\",\n \"paddingTop\",\n \"paddingBottom\",\n \"paddingLeft\",\n \"paddingRight\",\n \"margin\",\n \"marginTop\",\n \"marginBottom\",\n \"marginLeft\",\n \"marginRight\",\n \"minWidth\",\n \"minHeight\",\n \"maxWidth\",\n \"maxHeight\",\n \"hoverStyle\",\n \"pressStyle\",\n \"focusStyle\",\n \"outlineColor\",\n \"outlineWidth\",\n \"outlineOffset\",\n \"outlineStyle\",\n // BoxProps — RN-only\n \"onPress\",\n \"onLayout\",\n \"onMoveShouldSetResponder\",\n \"onResponderGrant\",\n \"onResponderMove\",\n \"onResponderRelease\",\n \"onResponderTerminate\",\n \"testID\",\n // Box — custom element type\n \"elementType\",\n // TextProps\n \"fontSize\",\n \"fontWeight\",\n \"fontFamily\",\n \"lineHeight\",\n \"whiteSpace\",\n \"textAlign\",\n \"textDecoration\",\n \"numberOfLines\",\n \"letterSpacing\",\n \"textTransform\",\n // SpinnerProps\n \"strokeWidth\",\n // DividerProps\n \"vertical\",\n \"dashStroke\",\n]);\n\n/\n Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n \n Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then: `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n \n styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n const Component = React.forwardRef<HTMLElement, any>(\n ({ children, elementType, ...props }, ref) => {\n const Tag = elementType \|\| defaultTag;\n const htmlProps: Record<string, unknown> = {};\n for (const key of Object.keys(props)) {\n if (!NON_HTML_PROPS.has(key)) {\n htmlProps[key] = props[key];\n }\n }\n return React.createElement(Tag, { ref, ...htmlProps }, children);\n }\n );\n Component.displayName = `Filtered(${defaultTag})`;\n return Component;\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n color: ${(props) => props.color \|\| \"inherit\"};\n font-size: ${(props) =>\n typeof props.fontSize === \"number\"\n ? `${props.fontSize}px`\n : props.fontSize \|\| \"inherit\"};\n font-weight: ${(props) => props.fontWeight \|\| \"normal\"};\n font-family: ${(props) =>\n props.fontFamily \|\|\n '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n line-height: ${(props) =>\n typeof props.lineHeight === \"number\"\n ? `${props.lineHeight}px`\n : props.lineHeight \|\| \"inherit\"};\n white-space: ${(props) => props.whiteSpace \|\| \"normal\"};\n text-align: ${(props) => props.textAlign \|\| \"inherit\"};\n text-decoration: ${(props) => props.textDecoration \|\| \"none\"};\n`;\n\nexport const Text: React.FC<TextProps> = ({\n style,\n className,\n id,\n role,\n numberOfLines: _numberOfLines,\n ...props\n}) => {\n return (\n <StyledText\n {...props}\n style={style}\n className={className}\n id={id}\n role={role}\n />\n );\n};\n"],"mappings":"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","names":["React","React","styled","jsx","styled","jsx"]}