@xsolla/xui-select 0.185.6 → 0.186.1

package/native/index.js

@@ -363,6 +363,7 @@ var Select = ({
   });
   const overlayTheme = rawOverlayTheme;
   const modalId = (0, import_xui_core.useModalId)();
+  const overlayLayer = (0, import_xui_core.useOverlayLayer)();
   const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
   const [selectedValue, setSelectedValue] = (0, import_react2.useState)(value);
   const [searchValue, setSearchValue] = (0, import_react2.useState)("");
@@ -526,7 +527,7 @@ var Select = ({
       borderWidth: 1,
       borderRadius: overlayTheme.shape.contextMenu[size].borderRadius,
       style: {
-        zIndex: 2e3,
+        zIndex: overlayLayer + import_xui_core.LAYER_OFFSET.popover,
         ...isNative ? { elevation: 4 } : {
           position: "fixed",
           top: dropdownPosition?.top != null ? dropdownPosition.top : void 0,

package/native/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/Select.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/Icon.tsx","../../../../foundation/primitives-native/src/index.tsx","../../src/Portal.native.tsx"],"sourcesContent":["export * from \"./Select\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: 2000,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  alignItems,\n  justifyContent,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  flex,\n  overflow,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    minWidth: minWidth as DimensionValue,\n    minHeight: minHeight as DimensionValue,\n    maxWidth: maxWidth as DimensionValue,\n    maxHeight: maxHeight as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    alignItems,\n    justifyContent,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Destructure and drop web-only props from rest before passing to RN components\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": _ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": _ariaDisabled,\n    \"aria-live\": _ariaLive,\n    className,\n    \"data-testid\": _dataTestId,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  color,\n  size,\n  testID,\n  \"data-testid\": dataTestId,\n}) => {\n  const style: ViewStyle = {\n    width: typeof size === \"number\" ? size : undefined,\n    height: typeof size === \"number\" ? size : undefined,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  // On native, we try to pass the color down to children (like Text primitives)\n  // to mimic the CSS inheritance behavior of the web version.\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        color: child.props.color || color,\n        // Also pass size if child seems to be an icon that needs it\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <View style={style} testID={dataTestId || testID}>\n      {childrenWithProps}\n    </View>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n","import { ReactNode } from \"react\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => <>{children}</>;\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","SearchIcon"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/Select.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/Icon.tsx","../../../../foundation/primitives-native/src/index.tsx","../../src/Portal.native.tsx"],"sourcesContent":["export * from \"./Select\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  useOverlayLayer,\n  LAYER_OFFSET,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const overlayLayer = useOverlayLayer();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: overlayLayer + LAYER_OFFSET.popover,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  alignItems,\n  justifyContent,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  flex,\n  overflow,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    minWidth: minWidth as DimensionValue,\n    minHeight: minHeight as DimensionValue,\n    maxWidth: maxWidth as DimensionValue,\n    maxHeight: maxHeight as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    alignItems,\n    justifyContent,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Destructure and drop web-only props from rest before passing to RN components\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": _ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": _ariaDisabled,\n    \"aria-live\": _ariaLive,\n    className,\n    \"data-testid\": _dataTestId,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  color,\n  size,\n  testID,\n  \"data-testid\": dataTestId,\n}) => {\n  const style: ViewStyle = {\n    width: typeof size === \"number\" ? size : undefined,\n    height: typeof size === \"number\" ? size : undefined,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  // On native, we try to pass the color down to children (like Text primitives)\n  // to mimic the CSS inheritance behavior of the web version.\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        color: child.props.color || color,\n        // Also pass size if child seems to be an icon that needs it\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <View style={style} testID={dataTestId || testID}>\n      {childrenWithProps}\n    </View>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n","import { ReactNode } from \"react\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => <>{children}</>;\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","SearchIcon"]}

package/native/index.mjs

@@ -284,7 +284,9 @@ var isNative = true;
 // src/Select.tsx
 import {
   useModalId,
-  useResolvedTheme
+  useResolvedTheme,
+  useOverlayLayer,
+  LAYER_OFFSET
 } from "@xsolla/xui-core";
 import { useClickOutside } from "@xsolla/xui-hooks";
 import {
@@ -343,6 +345,7 @@ var Select = ({
   });
   const overlayTheme = rawOverlayTheme;
   const modalId = useModalId();
+  const overlayLayer = useOverlayLayer();
   const [isOpen, setIsOpen] = useState(false);
   const [selectedValue, setSelectedValue] = useState(value);
   const [searchValue, setSearchValue] = useState("");
@@ -506,7 +509,7 @@ var Select = ({
       borderWidth: 1,
       borderRadius: overlayTheme.shape.contextMenu[size].borderRadius,
       style: {
-        zIndex: 2e3,
+        zIndex: overlayLayer + LAYER_OFFSET.popover,
         ...isNative ? { elevation: 4 } : {
           position: "fixed",
           top: dropdownPosition?.top != null ? dropdownPosition.top : void 0,

package/native/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Select.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/Icon.tsx","../../../../foundation/primitives-native/src/index.tsx","../../src/Portal.native.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: 2000,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  alignItems,\n  justifyContent,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  flex,\n  overflow,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    minWidth: minWidth as DimensionValue,\n    minHeight: minHeight as DimensionValue,\n    maxWidth: maxWidth as DimensionValue,\n    maxHeight: maxHeight as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    alignItems,\n    justifyContent,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Destructure and drop web-only props from rest before passing to RN components\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": _ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": _ariaDisabled,\n    \"aria-live\": _ariaLive,\n    className,\n    \"data-testid\": _dataTestId,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  color,\n  size,\n  testID,\n  \"data-testid\": dataTestId,\n}) => {\n  const style: ViewStyle = {\n    width: typeof size === \"number\" ? size : undefined,\n    height: typeof size === \"number\" ? size : undefined,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  // On native, we try to pass the color down to children (like Text primitives)\n  // to mimic the CSS inheritance behavior of the web version.\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        color: child.props.color || color,\n        // Also pass size if child seems to be an icon that needs it\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <View style={style} testID={dataTestId || testID}>\n      {childrenWithProps}\n    </View>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n","import { ReactNode } from \"react\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => <>{children}</>;\n"],"mappings":"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","names":["jsx","View","jsx","jsx","jsx"]}
+{"version":3,"sources":["../../src/Select.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/Icon.tsx","../../../../foundation/primitives-native/src/index.tsx","../../src/Portal.native.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  useOverlayLayer,\n  LAYER_OFFSET,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const overlayLayer = useOverlayLayer();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: overlayLayer + LAYER_OFFSET.popover,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  alignItems,\n  justifyContent,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  flex,\n  overflow,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    minWidth: minWidth as DimensionValue,\n    minHeight: minHeight as DimensionValue,\n    maxWidth: maxWidth as DimensionValue,\n    maxHeight: maxHeight as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    alignItems,\n    justifyContent,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Destructure and drop web-only props from rest before passing to RN components\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": _ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": _ariaDisabled,\n    \"aria-live\": _ariaLive,\n    className,\n    \"data-testid\": _dataTestId,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  color,\n  size,\n  testID,\n  \"data-testid\": dataTestId,\n}) => {\n  const style: ViewStyle = {\n    width: typeof size === \"number\" ? size : undefined,\n    height: typeof size === \"number\" ? size : undefined,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  // On native, we try to pass the color down to children (like Text primitives)\n  // to mimic the CSS inheritance behavior of the web version.\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        color: child.props.color || color,\n        // Also pass size if child seems to be an icon that needs it\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <View style={style} testID={dataTestId || testID}>\n      {childrenWithProps}\n    </View>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n","import { ReactNode } from \"react\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => <>{children}</>;\n"],"mappings":"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","names":["jsx","View","jsx","jsx","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-select",
-  "version": "0.185.6",
+  "version": "0.186.1",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,10 +13,10 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.185.6",
-    "@xsolla/xui-hooks": "0.185.6",
-    "@xsolla/xui-icons-base": "0.185.6",
-    "@xsolla/xui-primitives-core": "0.185.6"
+    "@xsolla/xui-core": "0.186.1",
+    "@xsolla/xui-hooks": "0.186.1",
+    "@xsolla/xui-icons-base": "0.186.1",
+    "@xsolla/xui-primitives-core": "0.186.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.js

@@ -418,6 +418,7 @@ var Select = ({
   });
   const overlayTheme = rawOverlayTheme;
   const modalId = (0, import_xui_core.useModalId)();
+  const overlayLayer = (0, import_xui_core.useOverlayLayer)();
   const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
   const [selectedValue, setSelectedValue] = (0, import_react4.useState)(value);
   const [searchValue, setSearchValue] = (0, import_react4.useState)("");
@@ -581,7 +582,7 @@ var Select = ({
       borderWidth: 1,
       borderRadius: overlayTheme.shape.contextMenu[size].borderRadius,
       style: {
-        zIndex: 2e3,
+        zIndex: overlayLayer + import_xui_core.LAYER_OFFSET.popover,
         ...isNative ? { elevation: 4 } : {
           position: "fixed",
           top: dropdownPosition?.top != null ? dropdownPosition.top : void 0,

package/web/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/Select.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/Portal.web.tsx"],"sourcesContent":["export * from \"./Select\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: 2000,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\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      onError,\n      onLoad,\n      type,\n      disabled,\n      id,\n      testID,\n      \"data-testid\": dataTestId,\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          onError={onError}\n          onLoad={onLoad}\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            ...props.style,\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        data-testid={dataTestId || testID}\n        {...props}\n      >\n        {children}\n      </StyledBox>\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\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 * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\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, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\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  testID,\n  \"data-testid\": dataTestId,\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      data-testid={dataTestId || testID}\n    />\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  height: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  color: ${(props) => props.color || \"currentColor\"};\n\n  svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n  }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledIcon data-testid={dataTestId || testID} {...props}>\n      {children}\n    </StyledIcon>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n  const [mountNode, setMountNode] = useState<HTMLElement | null>(() =>\n    typeof document === \"undefined\" ? null : document.body\n  );\n\n  useEffect(() => setMountNode(document.body), []);\n\n  if (!mountNode) return null;\n\n  return createPortal(children, mountNode);\n};\n"],"mappings":"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","names":["import_react","import_react","React","styled","React","import_styled_components","import_jsx_runtime","styled","import_styled_components","import_jsx_runtime","FilteredDiv","styled","import_react","import_jsx_runtime","SearchIcon","index"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/Select.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/Portal.web.tsx"],"sourcesContent":["export * from \"./Select\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  useOverlayLayer,\n  LAYER_OFFSET,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const overlayLayer = useOverlayLayer();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: overlayLayer + LAYER_OFFSET.popover,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\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      onError,\n      onLoad,\n      type,\n      disabled,\n      id,\n      testID,\n      \"data-testid\": dataTestId,\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          onError={onError}\n          onLoad={onLoad}\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            ...props.style,\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        data-testid={dataTestId || testID}\n        {...props}\n      >\n        {children}\n      </StyledBox>\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\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 * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\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, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\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  testID,\n  \"data-testid\": dataTestId,\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      data-testid={dataTestId || testID}\n    />\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  height: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  color: ${(props) => props.color || \"currentColor\"};\n\n  svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n  }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledIcon data-testid={dataTestId || testID} {...props}>\n      {children}\n    </StyledIcon>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n  const [mountNode, setMountNode] = useState<HTMLElement | null>(() =>\n    typeof document === \"undefined\" ? null : document.body\n  );\n\n  useEffect(() => setMountNode(document.body), []);\n\n  if (!mountNode) return null;\n\n  return createPortal(children, mountNode);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAAgE;;;ACAhE,IAAAC,gBAAkB;AAClB,+BAAmB;;;ACDnB,mBAAkB;;;ACAlB,SAAS,QAAQ,IAAI;AACnB,MAAI,QAAQ,CAAC;AACb,SAAO,SAAU,KAAK;AACpB,QAAI,MAAM,GAAG,MAAM,OAAW,OAAM,GAAG,IAAI,GAAG,GAAG;AACjD,WAAO,MAAM,GAAG;AAAA,EAClB;AACF;AAEA,IAAO,sBAAQ;;;ACNf,IAAI,kBAAkB;AAEtB,IAAI,QAAQ;AAAA,EAAQ,SAAU,MAAM;AAClC,WAAO,gBAAgB,KAAK,IAAI,KAAK,KAAK,WAAW,CAAC,MAAM,OAEzD,KAAK,WAAW,CAAC,MAAM,OAEvB,KAAK,WAAW,CAAC,IAAI;AAAA,EAC1B;AAAA;AAEA;AAEA,IAAO,4BAAQ;;;AFRR,IAAM,2BAA2B,oBAAI,IAAI;AAAA;AAAA,EAE9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAAS,kBAAkB,KAAsB;AAC/C,MAAI,yBAAyB,IAAI,GAAG,EAAG,QAAO;AAC9C,SAAO,0BAAY,GAAG;AACxB;AAgBO,SAAS,sBAAsB,YAAoB;AACxD,QAAM,YAAY,aAAAC,QAAM;AAAA,IACtB,CAAC,EAAE,UAAU,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC5C,YAAM,MAAO,eAA0B;AACvC,YAAM,YAAqC,CAAC;AAC5C,iBAAW,OAAO,OAAO,KAAK,KAAK,GAAG;AACpC,YAAI,kBAAkB,GAAG,GAAG;AAC1B,oBAAU,GAAG,IAAI,MAAM,GAAG;AAAA,QAC5B;AAAA,MACF;AACA,aAAO,aAAAA,QAAM;AAAA,QACX;AAAA,QACA,EAAE,KAAK,GAAG,UAAU;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,YAAU,cAAc,YAAY,UAAU;AAC9C,SAAO;AACT;;;ADsJQ;AAlNR,IAAM,cAAc,sBAAsB,KAAK;AAE/C,IAAM,gBAAY,yBAAAC,SAAO,WAAW;AAAA;AAAA;AAAA,sBAGd,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,cAAAC,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;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,GACA,QACG;AAEH,QAAI,OAAO,SAAS,KAAK;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,KAAK,OAAO;AAAA,UACZ;AAAA,UACA;AAAA,UACA,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,YACZ,GAAG,MAAM;AAAA,UACX;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb;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,QAC9C,eAAa,cAAc;AAAA,QAC1B,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;;;AI5RlB,IAAAC,4BAAmB;AAoCf,IAAAC,sBAAA;AAhCJ,IAAM,eAAe,sBAAsB,MAAM;AAEjD,IAAM,iBAAa,0BAAAC,SAAO,YAAY;AAAA,WAC3B,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;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa,cAAc;AAAA;AAAA,EAC7B;AAEJ;;;AC7CA,IAAAC,4BAAmB;AA+Bf,IAAAC,sBAAA;AA3BJ,IAAMC,eAAc,sBAAsB,KAAK;AAE/C,IAAM,iBAAa,0BAAAC,SAAOD,YAAW;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UACR,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM,QAAQ,MAAM;AAAA,YACjE,CAAC,UACT,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM,QAAQ,MAAM;AAAA,WAClE,CAAC,UAAU,MAAM,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU5C,IAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,cAAW,eAAa,cAAc,QAAS,GAAG,OAChD,UACH;AAEJ;;;AC3BO,IAAM,QAAQ;AACd,IAAM,WAAW;;;APPxB,sBAQO;AACP,uBAAgC;AAChC,4BAMO;;;AQnBP,IAAAE,gBAA+C;AAC/C,uBAA6B;AAMtB,IAAM,SAAS,CAAC,EAAE,SAAS,MAAmB;AACnD,QAAM,CAAC,WAAW,YAAY,QAAI;AAAA,IAA6B,MAC7D,OAAO,aAAa,cAAc,OAAO,SAAS;AAAA,EACpD;AAEA,+BAAU,MAAM,aAAa,SAAS,IAAI,GAAG,CAAC,CAAC;AAE/C,MAAI,CAAC,UAAW,QAAO;AAEvB,aAAO,+BAAa,UAAU,SAAS;AACzC;;;AR6WU,IAAAC,sBAAA;AAhTH,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU,CAAC;AAAA,EACX;AAAA,EACA,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AACb,MAAM;AACJ,QAAM,EAAE,OAAO,SAAS,QAAI,kCAAiB;AAAA,IAC3C;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,QAAQ;AACd,QAAM,EAAE,OAAO,gBAAgB,QAAI,kCAAiB;AAAA,IAClD,WAAW,oBAAoB;AAAA,IAC/B,qBAAqB,8BAA8B;AAAA,EACrD,CAAC;AACD,QAAM,eAAe;AACrB,QAAM,cAAU,4BAAW;AAC3B,QAAM,mBAAe,iCAAgB;AACrC,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,KAAK;AAC1C,QAAM,CAAC,eAAe,gBAAgB,QAAI,wBAA6B,KAAK;AAC5E,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,EAAE;AACjD,QAAM,CAAC,kBAAkB,mBAAmB,QAC1C,wBAAkC,IAAI;AACxC,QAAM,mBAAe,sBAAuB,IAAI;AAChD,QAAM,iBAAa,sBAAuB,IAAI;AAC9C,QAAM,kBAAc,sBAAuB,IAAI;AAC/C,QAAM,sBAAkB,sBAAuB,IAAI;AACnD,QAAM,qBAAiB,sBAAyB,IAAI;AAEpD,QAAM,CAAC,MAAM,QAAI;AAAA,IACf,MAAM,cAAc,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAAA,EAC5D;AACA,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAY,GAAG,MAAM;AAE3B,QAAM,YAAY,kBAAkB,aAAa;AACjD,QAAM,UAAU,kBAAkB,WAAW,CAAC,CAAC;AAC/C,QAAM,UAAU,kBAAkB,WAAW;AAG7C,QAAM,aAAa,MAAM,OAAO,MAAM,IAAI;AAC1C,QAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,QAAM,qBAAqB,aAAa,OAAO,QAAQ;AAEvD,QAAM,6BAAyB,2BAAY,MAAM;AAC/C,QAAI,CAAC,SAAS,CAAC,WAAW,WAAW,CAAC,YAAY,QAAS;AAE3D,UAAM,cAAc,WAAW,QAAQ,sBAAsB;AAE7D,UAAM,QAAQ,YAAY,QAAQ,sBAAsB,EAAE;AAC1D,UAAM,MAAM,WAAW;AACvB,UAAM,iBAAiB,OAAO;AAC9B,UAAM,aAAa,iBAAiB,YAAY,SAAS;AACzD,UAAM,aAAa,YAAY,MAAM;AAErC,UAAM,aAAa,MACjB,oBAAoB;AAAA,MAClB,MAAM,YAAY;AAAA,MAClB,KAAK,YAAY,SAAS;AAAA,MAC1B,OAAO,YAAY;AAAA,MACnB,SAAS;AAAA,IACX,CAAC;AAEH,UAAM,aAAa,MACjB,oBAAoB;AAAA,MAClB,MAAM,YAAY;AAAA,MAClB,QAAQ,iBAAiB,YAAY,MAAM;AAAA,MAC3C,OAAO,YAAY;AAAA,MACnB,SAAS;AAAA,IACX,CAAC;AAEH,QAAI,CAAC,UAAU;AACb,eAAS,QAAQ,WAAW,IAAI,WAAW;AAC3C;AAAA,IACF;AAGA,QAAI,SAAS,OAAO;AAClB,oBAAc,SAAS,cAAc,aACjC,WAAW,IACX,WAAW;AAAA,IACjB,OAAO;AACL,oBAAc,SAAS,cAAc,aACjC,WAAW,IACX,WAAW;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,MAAM,QAAQ,CAAC;AAExC,+BAAU,MAAM;AACd,QAAI,UAAU,OAAW,kBAAiB,KAAK;AAAA,EACjD,GAAG,CAAC,KAAK,CAAC;AAEV,+BAAU,MAAM;AACd,QAAI,WAAW,gBAAgB,WAAW,YAAY,SAAS;AAC7D,YAAM,YAAY,WAAW,MAAM;AACjC,cAAM,eAAe,gBAAgB;AACrC,YAAI,gBAAgB;AAClB,uBAAa,eAAe,EAAE,OAAO,UAAU,CAAC;AAAA,MACpD,GAAG,CAAC;AACJ,aAAO,MAAM,aAAa,SAAS;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAKZ,+BAAU,MAAM;AACd,QAAI,CAAC,SAAS,CAAC,QAAS;AACxB,2BAAuB;AACvB,WAAO,iBAAiB,UAAU,sBAAsB;AACxD,WAAO,MAAM,OAAO,oBAAoB,UAAU,sBAAsB;AAAA,EAC1E,GAAG,CAAC,SAAS,sBAAsB,CAAC;AAMpC,+BAAU,MAAM;AACd,QAAI,CAAC,SAAS,CAAC,OAAQ;AACvB,UAAM,gBAAgB,CAAC,MAAa;AAClC,UAAI,YAAY,SAAS,SAAS,EAAE,MAAc,EAAG;AACrD,gBAAU,KAAK;AAAA,IACjB;AACA,WAAO,iBAAiB,UAAU,eAAe,IAAI;AACrD,WAAO,MAAM,OAAO,oBAAoB,UAAU,eAAe,IAAI;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,+BAAU,MAAM;AACd,QAAI,WAAW,WAAY,gBAAe,SAAS,MAAM;AAAA,EAC3D,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,+BAAU,MAAM;AACd,QAAI,CAAC,QAAS,gBAAe,EAAE;AAAA,EACjC,GAAG,CAAC,OAAO,CAAC;AAGZ;AAAA,IACE;AAAA,QACA,2BAAY,CAAC,UAAsB;AACjC,YAAM,aAAa,YAAY;AAC/B,UAAI,YAAY;AACd,cAAM,OACJ,OAAO,MAAM,iBAAiB,aAAa,MAAM,aAAa,IAAI,CAAC;AACrE,cAAM,iBAAiB,KAAK,SACxB,KAAK,SAAS,UAAU,IACxB,WAAW,SAAS,MAAM,MAAc;AAC5C,YAAI,eAAgB;AAAA,MACtB;AACA,gBAAU,KAAK;AAAA,IACjB,GAAG,CAAC,CAAC;AAAA,IACL,SAAS;AAAA,EACX;AAEA,QAAM,iBAAiB,CAAC,WACtB,OAAO,WAAW,WAAW,SAAS,OAAO;AAC/C,QAAM,iBAAiB,CAAC,WACtB,OAAO,WAAW,WAAW,SAAS,OAAO;AAC/C,QAAM,oBAAoB,CAAC,WACzB,OAAO,WAAW,WAAW,QAAQ,OAAO,YAAY;AAE1D,QAAM,kBACJ,cAAc,cACV,QAAQ;AAAA,IAAO,CAAC,WACd,eAAe,MAAM,EAClB,YAAY,EACZ,SAAS,YAAY,YAAY,CAAC;AAAA,EACvC,IACA;AAEN,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,WAAW;AACd,UAAI,QAAS,SAAQ;AACrB,gBAAU,CAAC,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,WAAkC;AACtD,QAAI,kBAAkB,MAAM,EAAG;AAC/B,UAAM,MAAM,eAAe,MAAM;AACjC,qBAAiB,GAAG;AACpB,cAAU,KAAK;AACf,QAAI,SAAU,UAAS,GAAG;AAAA,EAC5B;AAEA,QAAM,cAAc,CAAC,MAAwB;AAC3C,MAAE,gBAAgB;AAClB,QAAI,UAAW;AACf,qBAAiB,MAAS;AAC1B,QAAI,SAAU,UAAS,EAAE;AACzB,QAAI,QAAS,SAAQ;AAAA,EACvB;AAEA,QAAM,UAAU,kBAAkB;AAClC,MAAI,kBAAkB,YAAY;AAClC,MAAI,cAAc,YAAY;AAE9B,MAAI,WAAW;AACb,sBAAkB,YAAY;AAC9B,kBAAc,YAAY;AAAA,EAC5B,WAAW,SAAS;AAClB,sBAAkB,MAAM,OAAO,QAAQ,MAAM;AAC7C,kBAAc,UACV,MAAM,OAAO,OAAO,QACpB,MAAM,OAAO,OAAO;AAAA,EAC1B,WAAW,SAAS;AAClB,kBAAc,MAAM,OAAO,OAAO;AAAA,EACpC,WAAW,SAAS;AAClB,sBAAkB,YAAY;AAC9B,kBAAc,YAAY;AAAA,EAC5B;AAEA,MAAI,WAAW,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS;AACxD,sBAAkB;AAAA,EACpB;AAEA,QAAM,eAAe,gBACjB;AAAA,IACE,QAAQ,KAAK,CAAC,MAAM,eAAe,CAAC,MAAM,aAAa,KACrD;AAAA,EACJ,IACA;AAEJ,QAAM,YAAY,YACd,YAAY,cACZ,gBACE,YAAY,OACZ,YAAY;AAClB,QAAM,YAAY,YAAY,YAAY,cAAc,YAAY;AAEpE,QAAM,cACJ,WAAW,UACV,QAAQ,WAAW,WAAW,WAAW,WAAW,KACrD,WAAW;AAEb,QAAM,WAAW,WAAW,QAAQ,SAAS,KAC3C;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,cAAY,SAAS;AAAA,MACrB,iBAAe;AAAA,MACf,UAAU,WAAW,aAAa;AAAA,MAClC,KAAK,WAAW,cAAc;AAAA,MAC9B,OAAO,WAAY,gBAAgB,SAAU;AAAA,MAC7C,iBAAiB,aAAa,OAAO,WAAW;AAAA,MAChD,aAAa,aAAa,OAAO,OAAO;AAAA,MACxC,aAAa;AAAA,MACb,cAAc,aAAa,MAAM,YAAY,IAAI,EAAE;AAAA,MACnD,OAAO;AAAA,QACL,QAAQ,eAAe,6BAAa;AAAA,QACpC,GAAI,WACA,EAAE,WAAW,EAAE,IACf;AAAA,UACE,UAAU;AAAA,UACV,KACE,kBAAkB,OAAO,OACrB,iBAAiB,MACjB;AAAA,UACN,QACE,kBAAkB,UAAU,OACxB,iBAAiB,SACjB;AAAA,UACN,MAAM,kBAAkB;AAAA,UACxB,OAAO,gBAAgB,kBAAkB;AAAA,UACzC,WAAW;AAAA,UACX,YAAY,kBAAkB,UAAU,YAAY;AAAA,QACtD;AAAA,QACJ,UACE,gBAAgB,QAAQ,WAAW,WAAW,SAAS,IAAI;AAAA,MAC/D;AAAA,MAGC;AAAA,sBAAc,CAAC,YACd;AAAA,UAAC;AAAA;AAAA,YACC,mBAAmB,WAAW;AAAA,YAC9B,iBAAiB,WAAW;AAAA,YAC5B,mBAAmB;AAAA,YACnB,aAAa,aAAa,OAAO,OAAO;AAAA,YAExC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,YAAW;AAAA,gBACX,KAAK,WAAW,oBAAoB;AAAA,gBACpC,mBAAmB;AAAA,gBAEnB;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM,WAAW,WAAW;AAAA,sBAC5B,OAAO,mBAAmB;AAAA,sBAE1B,uDAAC,sBAAAC,QAAA,EAAW;AAAA;AAAA,kBACd;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,IAAG;AAAA,sBACH,KAAK;AAAA,sBACL,MAAM;AAAA,sBACN,MAAK;AAAA,sBACL,cAAY;AAAA,sBACZ,OAAO;AAAA,sBACP,UAAU,CAAC,MACT,eAAe,EAAE,OAAO,KAAK;AAAA,sBAE/B,aAAa;AAAA,sBACb,OAAO;AAAA,wBACL,QAAQ;AAAA,wBACR,SAAS;AAAA,wBACT,YAAY;AAAA,wBACZ,OAAO,mBAAmB;AAAA,wBAC1B,UAAU,WAAW;AAAA,wBACrB,OAAO;AAAA,sBACT;AAAA;AAAA,kBACF;AAAA;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB;AAAA,YACjB,UAAS;AAAA,YACT,OAAO;AAAA,cACL,WAAW,aAAa,YAAY,KAAK;AAAA,cACzC,GAAI,QAAQ,EAAE,WAAW,OAAO,IAAI,CAAC;AAAA,YACvC;AAAA,YAEC,0BAAgB,WAAW,IAC1B;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB,WAAW,kBAAkB;AAAA,gBAC9C,mBAAmB,WAAW;AAAA,gBAC9B,YAAW;AAAA,gBAEX;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,aAAa,OAAO,QAAQ;AAAA,oBACnC,UAAU,WAAW;AAAA,oBAEpB;AAAA;AAAA,gBACH;AAAA;AAAA,YACF,IAEA,gBAAgB,IAAI,CAAC,QAAQC,WAAU;AACrC,oBAAM,cAAc,eAAe,MAAM;AACzC,oBAAM,cAAc,eAAe,MAAM;AACzC,oBAAM,mBAAmB,kBAAkB,MAAM;AACjD,oBAAM,aAAa,gBAAgB;AACnC,oBAAM,cAAc,aAAa,OAAO,QAAQ,MAAM;AACtD,oBAAM,gBAAgB,aAAa,OAAO;AAC1C,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBAEA,MAAK;AAAA,kBACL,iBAAe;AAAA,kBACf,iBAAe,oBAAoB;AAAA,kBACnC,KAAK,aAAa,kBAAkB;AAAA,kBACpC,iBAAiB,WAAW;AAAA,kBAC5B,mBAAmB,WAAW;AAAA,kBAC9B,SACE,mBAAmB,SAAY,MAAM,aAAa,MAAM;AAAA,kBAE1D,eAAc;AAAA,kBACd,YAAW;AAAA,kBACX,gBAAe;AAAA,kBACf,iBAAiB,aAAa,YAAY,KAAK;AAAA,kBAC/C,OAAO;AAAA,oBACL,GAAI,QACA;AAAA,sBACE,QAAQ,mBAAmB,gBAAgB;AAAA,oBAC7C,IACA,CAAC;AAAA,oBACL,SAAS,mBAAmB,MAAM;AAAA,kBACpC;AAAA,kBACA,YACE,CAAC,cAAc,CAAC,mBACZ,EAAE,iBAAiB,mBAAmB,QAAQ,IAC9C;AAAA,kBAGN;AAAA,oBAAC;AAAA;AAAA,sBACC,OACE,aACI,cAAc,GAAG,QACjB,aAAa,OAAO,QAAQ;AAAA,sBAElC,UAAU,WAAW;AAAA,sBACrB,YAAW;AAAA,sBAEV;AAAA;AAAA,kBACH;AAAA;AAAA,gBAtCKA;AAAA,cAuCP;AAAA,YAEJ,CAAC;AAAA;AAAA,QAEL;AAAA;AAAA;AAAA,EACF;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,eAAc;AAAA,MACd,KAAK,WAAW;AAAA,MAChB,OAAO,YAAY,SAAS;AAAA,MAC5B,UAAS;AAAA,MAER;AAAA,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,OAAO,MAAM,OAAO,QAAQ;AAAA,YAC5B,UAAU,WAAW,WAAW;AAAA,YAChC,YAAW;AAAA,YAEV;AAAA;AAAA,QACH;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,SAAS;AAAA,YACT,MAAK;AAAA,YACL,iBAAc;AAAA,YACd,iBAAe,WAAW,QAAQ,SAAS;AAAA,YAC3C,iBAAe;AAAA,YACf,mBAAiB,QAAQ,UAAU;AAAA,YACnC,iBAAe,aAAa;AAAA,YAC5B;AAAA,YACA;AAAA,YACA,aAAa,gBAAgB,gBAAgB,IAAI;AAAA,YACjD,cAAc,WAAW;AAAA,YACzB,QAAQ,WAAW;AAAA,YACnB,OAAO,WAAW,WAAW,SAAS;AAAA,YACtC,mBAAmB,WAAW,IAAI,WAAW;AAAA,YAC7C,eAAc;AAAA,YACd,YAAW;AAAA,YACX,gBAAgB,WAAW,WAAW;AAAA,YACtC,KAAK,WAAW,IAAI;AAAA,YACpB,UAAS;AAAA,YACT,YACE,CAAC,aAAa,CAAC,WAAW,CAAC,UACvB;AAAA,cACE,iBAAiB,YAAY;AAAA,cAC7B,aAAa,YAAY;AAAA,YAC3B,IACA;AAAA,YAGL;AAAA,0BACC,6CAAC,OAAI,YAAW,UAAS,gBAAe,UACtC,uDAAC,QAAK,MAAM,WAAW,UAAU,OAAO,WACrC,oBACH,GACF;AAAA,cAED,CAAC,YACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,QAAO;AAAA,kBACP,gBAAe;AAAA,kBACf,UAAS;AAAA,kBACT,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,sBACP,UAAU,WAAW;AAAA,sBACrB,eAAe;AAAA,sBACf,OAAO,EAAE,YAAY,SAAS;AAAA,sBAE7B;AAAA;AAAA,kBACH;AAAA;AAAA,cACF;AAAA,cAEF,8CAAC,OAAI,eAAc,OAAM,YAAW,UAAS,KAAK,GAE/C;AAAA,6BAAa,CAAC,YAAY,CAAC,aAAa,iBACvC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,YAAW;AAAA,oBACX,gBAAe;AAAA,oBACf,OAAO,QAAQ,EAAE,QAAQ,UAAU,IAAI;AAAA,oBAEvC;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAM,WAAW;AAAA,wBACjB,OAAO;AAAA,wBACP,SAAQ;AAAA;AAAA,oBACV;AAAA;AAAA,gBACF;AAAA,gBAID,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,WAAW;AAAA,oBACjB,OAAO,MAAM,OAAO,QAAQ,MAAM;AAAA,oBAElC,uDAAC,2CAAkB;AAAA;AAAA,gBACrB;AAAA,gBAED,cAAc,SACb,6CAAC,QAAK,MAAM,WAAW,UAAU,OAAO,WACrC,qBACH,IACE,UACF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,WAAW;AAAA,oBACjB,OAAO;AAAA,oBACP,SAAQ;AAAA;AAAA,gBACV,IAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,WAAW;AAAA,oBACjB,OAAO;AAAA,oBACP,SAAQ;AAAA;AAAA,gBACV;AAAA,iBAEJ;AAAA;AAAA;AAAA,QACF;AAAA,QAGC,WAAW,WAAW,6CAAC,UAAQ,oBAAS;AAAA,QAExC,WAAW,gBACV;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM,OAAO,QAAQ,MAAM;AAAA,YAClC,UAAU,WAAW,WAAW;AAAA,YAChC,OAAO,EAAE,YAAY,WAAW,aAAa,KAAK;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":["import_react","import_react","React","styled","React","import_styled_components","import_jsx_runtime","styled","import_styled_components","import_jsx_runtime","FilteredDiv","styled","import_react","import_jsx_runtime","SearchIcon","index"]}

package/web/index.mjs

@@ -324,7 +324,9 @@ var isNative = false;
 // src/Select.tsx
 import {
   useModalId,
-  useResolvedTheme
+  useResolvedTheme,
+  useOverlayLayer,
+  LAYER_OFFSET
 } from "@xsolla/xui-core";
 import { useClickOutside } from "@xsolla/xui-hooks";
 import {
@@ -391,6 +393,7 @@ var Select = ({
   });
   const overlayTheme = rawOverlayTheme;
   const modalId = useModalId();
+  const overlayLayer = useOverlayLayer();
   const [isOpen, setIsOpen] = useState2(false);
   const [selectedValue, setSelectedValue] = useState2(value);
   const [searchValue, setSearchValue] = useState2("");
@@ -554,7 +557,7 @@ var Select = ({
       borderWidth: 1,
       borderRadius: overlayTheme.shape.contextMenu[size].borderRadius,
       style: {
-        zIndex: 2e3,
+        zIndex: overlayLayer + LAYER_OFFSET.popover,
         ...isNative ? { elevation: 4 } : {
           position: "fixed",
           top: dropdownPosition?.top != null ? dropdownPosition.top : void 0,

package/web/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Select.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/Portal.web.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: 2000,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\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      onError,\n      onLoad,\n      type,\n      disabled,\n      id,\n      testID,\n      \"data-testid\": dataTestId,\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          onError={onError}\n          onLoad={onLoad}\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            ...props.style,\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        data-testid={dataTestId || testID}\n        {...props}\n      >\n        {children}\n      </StyledBox>\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\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 * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\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, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\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  testID,\n  \"data-testid\": dataTestId,\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      data-testid={dataTestId || testID}\n    />\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  height: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  color: ${(props) => props.color || \"currentColor\"};\n\n  svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n  }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledIcon data-testid={dataTestId || testID} {...props}>\n      {children}\n    </StyledIcon>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n  const [mountNode, setMountNode] = useState<HTMLElement | null>(() =>\n    typeof document === \"undefined\" ? null : document.body\n  );\n\n  useEffect(() => setMountNode(document.body), []);\n\n  if (!mountNode) return null;\n\n  return createPortal(children, mountNode);\n};\n"],"mappings":"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","names":["useState","useEffect","React","React","styled","jsx","styled","styled","jsx","FilteredDiv","styled","jsx","useState","useEffect","index"]}
+{"version":3,"sources":["../../src/Select.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/Portal.web.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  useOverlayLayer,\n  LAYER_OFFSET,\n  type ThemeOverrideProps,\n  type ThemeMode,\n  type ProductContext,\n} from \"@xsolla/xui-core\";\nimport { useClickOutside } from \"@xsolla/xui-hooks\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  ExclamationMarkCr,\n  Remove,\n  Search as SearchIcon,\n} from \"@xsolla/xui-icons-base\";\nimport { Portal } from \"./Portal\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends ThemeOverrideProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  disabled?: boolean;\n  label?: string;\n  errorMessage?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onChange?: (value: string) => void;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  noOptionsMessage?: string;\n  /** Show a clear button to reset the selected value (field variant only) */\n  clearable?: boolean;\n  /** Called when the clear button is pressed */\n  onClear?: () => void;\n  maxHeight?: number;\n  /**\n   * Width of the dropdown popover. By default the popover matches the Select\n   * trigger's width (`100%` of the field). Pass a number (px) or any CSS width\n   * string (e.g. `320`, `\"24rem\"`) to size the popover independently of the\n   * trigger — useful when option labels are wider than the field.\n   */\n  popoverWidth?: number | string;\n  fullWidth?: boolean;\n  testID?: string;\n  /** Theme mode for the dropdown overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n  /** Preferred side for the dropdown. Default: \"bottom\". */\n  side?: \"top\" | \"bottom\";\n  /** When true, the dropdown flips to the opposite side when there isn't enough viewport space. Default: false. */\n  autoFlip?: boolean;\n}\n\ninterface DropdownPosition {\n  left: number;\n  top?: number;\n  bottom?: number;\n  width: number;\n  visible: boolean;\n}\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  disabled = false,\n  label,\n  errorMessage,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onChange,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n  noOptionsMessage = \"No results\",\n  clearable = false,\n  onClear,\n  maxHeight = 300,\n  popoverWidth,\n  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\n  side = \"bottom\",\n  autoFlip = false,\n}) => {\n  const { theme: rawTheme } = useResolvedTheme({\n    themeMode,\n    themeProductContext,\n  });\n  const theme = rawTheme as any;\n  const { theme: rawOverlayTheme } = useResolvedTheme({\n    themeMode: overlayThemeMode ?? themeMode,\n    themeProductContext: overlayThemeProductContext ?? themeProductContext,\n  });\n  const overlayTheme = rawOverlayTheme as any;\n  const modalId = useModalId();\n  const overlayLayer = useOverlayLayer();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [dropdownPosition, setDropdownPosition] =\n    useState<DropdownPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // Stable IDs for ARIA relationships — lazy useState so it's computed once\n  const [baseId] = useState(\n    () => `xui-select-${Math.random().toString(36).slice(2, 9)}`\n  );\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // 1. Resolve Config from Theme\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\n\n  const updateDropdownPosition = useCallback(() => {\n    if (!isWeb || !triggerRef.current || !dropdownRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    // Read the actual rendered height — dropdown is in DOM (visibility: hidden) at this point\n    const dropH = dropdownRef.current.getBoundingClientRect().height;\n    const gap = sizeStyles.fieldGap;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n    const spaceAbove = triggerRect.top - gap;\n\n    const placeBelow = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        top: triggerRect.bottom + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    const placeAbove = () =>\n      setDropdownPosition({\n        left: triggerRect.left,\n        bottom: viewportHeight - triggerRect.top + gap,\n        width: triggerRect.width,\n        visible: true,\n      });\n\n    if (!autoFlip) {\n      side === \"top\" ? placeAbove() : placeBelow();\n      return;\n    }\n\n    // Auto-flip: prefer the requested side, flip only when there isn't enough room\n    if (side === \"top\") {\n      spaceAbove >= dropH || spaceAbove >= spaceBelow\n        ? placeAbove()\n        : placeBelow();\n    } else {\n      spaceBelow >= dropH || spaceBelow >= spaceAbove\n        ? placeBelow()\n        : placeAbove();\n    }\n  }, [sizeStyles.fieldGap, side, autoFlip]);\n\n  useEffect(() => {\n    if (value !== undefined) setSelectedValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem && isWeb)\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  // Keep the portaled dropdown anchored to the trigger (web only)\n  // Positioning: runs whenever the dropdown becomes visible (covers both normal open\n  // and forced-focus via the state prop). Resize repositions an already-open dropdown.\n  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    return () => window.removeEventListener(\"resize\", updateDropdownPosition);\n  }, [isFocus, updateDropdownPosition]);\n\n  // Close-on-scroll: only active when the user has explicitly opened the dropdown\n  // (isOpen=true), NOT when isFocus is forced via the state prop. This prevents\n  // Storybook / forced-focus stories from closing immediately on ambient scroll events.\n  // Scrolling inside the dropdown (the options list) is ignored.\n  useEffect(() => {\n    if (!isWeb || !isOpen) return;\n    const closeOnScroll = (e: Event) => {\n      if (dropdownRef.current?.contains(e.target as Node)) return;\n      setIsOpen(false);\n    };\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    return () => window.removeEventListener(\"scroll\", closeOnScroll, true);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  // Dropdown is portaled outside containerRef, so spare clicks that land in it\n  useClickOutside(\n    containerRef,\n    useCallback((event: MouseEvent) => {\n      const dropdownEl = dropdownRef.current;\n      if (dropdownEl) {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const insideDropdown = path.length\n          ? path.includes(dropdownEl)\n          : dropdownEl.contains(event.target as Node);\n        if (insideDropdown) return;\n      }\n      setIsOpen(false);\n    }, []),\n    isWeb && isOpen\n  );\n\n  const getOptionLabel = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.label;\n  const getOptionValue = (option: string | SelectOption) =>\n    typeof option === \"string\" ? option : option.value;\n  const getOptionDisabled = (option: string | SelectOption) =>\n    typeof option === \"string\" ? false : option.disabled || false;\n\n  const filteredOptions =\n    searchable && searchValue\n      ? options.filter((option) =>\n          getOptionLabel(option)\n            .toLowerCase()\n            .includes(searchValue.toLowerCase())\n        )\n      : options;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setIsOpen(!isOpen);\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setIsOpen(false);\n    if (onChange) onChange(val);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isDisable) return;\n    setSelectedValue(undefined);\n    if (onChange) onChange(\"\");\n    if (onClear) onClear();\n  };\n\n  const isHover = externalState === \"hover\";\n  let backgroundColor = inputColors.bg;\n  let borderColor = inputColors.border;\n\n  if (isDisable) {\n    backgroundColor = inputColors.bgDisable;\n    borderColor = inputColors.borderDisable;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = isError\n      ? theme.colors.border.alert\n      : theme.colors.border.brand;\n  } else if (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isHover) {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  if (filled === false && !isFocus && !isError && !isHover) {\n    backgroundColor = \"transparent\";\n  }\n\n  const currentLabel = selectedValue\n    ? getOptionLabel(\n        options.find((o) => getOptionValue(o) === selectedValue) ||\n          selectedValue\n      )\n    : placeholder;\n\n  const textColor = isDisable\n    ? inputColors.textDisable\n    : selectedValue\n      ? inputColors.text\n      : inputColors.placeholder;\n  const iconColor = isDisable ? inputColors.textDisable : inputColors.text;\n\n  const dropdownTop =\n    sizeStyles.height +\n    (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n    sizeStyles.fieldGap;\n\n  const dropdown = isFocus && options.length > 0 && (\n    <Box\n      ref={dropdownRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-label={label || placeholder}\n      data-modal-id={modalId}\n      position={isNative ? \"absolute\" : undefined}\n      top={isNative ? dropdownTop : undefined}\n      width={isNative ? (popoverWidth ?? \"100%\") : undefined}\n      backgroundColor={overlayTheme.colors.background.secondary}\n      borderColor={overlayTheme.colors.border.secondary}\n      borderWidth={1}\n      borderRadius={overlayTheme.shape.contextMenu[size].borderRadius}\n      style={{\n        zIndex: overlayLayer + LAYER_OFFSET.popover,\n        ...(isNative\n          ? { elevation: 4 }\n          : {\n              position: \"fixed\",\n              top:\n                dropdownPosition?.top != null\n                  ? dropdownPosition.top\n                  : undefined,\n              bottom:\n                dropdownPosition?.bottom != null\n                  ? dropdownPosition.bottom\n                  : undefined,\n              left: dropdownPosition?.left,\n              width: popoverWidth ?? dropdownPosition?.width,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              visibility: dropdownPosition?.visible ? \"visible\" : \"hidden\",\n            }),\n        minWidth:\n          popoverWidth == null && iconOnly ? sizeStyles.height * 3 : undefined,\n      }}\n    >\n      {/* Search Input - Outside scrollable area (web only) */}\n      {searchable && !isNative && (\n        <Box\n          paddingHorizontal={sizeStyles.paddingHorizontal}\n          paddingVertical={sizeStyles.paddingVertical}\n          borderBottomWidth={1}\n          borderColor={overlayTheme.colors.border.secondary}\n        >\n          <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeStyles.paddingHorizontal / 2}\n            paddingHorizontal={4}\n          >\n            <Icon\n              size={sizeStyles.iconSize - 2}\n              color={overlayInputColors.placeholder}\n            >\n              <SearchIcon />\n            </Icon>\n            <Box\n              as=\"input\"\n              ref={searchInputRef}\n              flex={1}\n              type=\"text\"\n              aria-label={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(e.target.value)\n              }\n              placeholder={searchPlaceholder}\n              style={{\n                border: \"none\",\n                outline: \"none\",\n                background: \"transparent\",\n                color: overlayInputColors.text,\n                fontSize: sizeStyles.fontSize,\n                width: \"100%\",\n              }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {/* Options List - Scrollable */}\n      <Box\n        paddingVertical={4}\n        overflow=\"scroll\"\n        style={{\n          maxHeight: searchable ? maxHeight - 60 : maxHeight,\n          ...(isWeb ? { overflowY: \"auto\" } : {}),\n        }}\n      >\n        {filteredOptions.length === 0 ? (\n          <Box\n            paddingVertical={sizeStyles.paddingVertical * 2}\n            paddingHorizontal={sizeStyles.paddingHorizontal}\n            alignItems=\"center\"\n          >\n            <Text\n              color={overlayTheme.colors.content.tertiary}\n              fontSize={sizeStyles.fontSize}\n            >\n              {noOptionsMessage}\n            </Text>\n          </Box>\n        ) : (\n          filteredOptions.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            const brandColors = overlayTheme.colors.control.brand.primary;\n            const contentColors = overlayTheme.colors.content;\n            return (\n              <Box\n                testID={testID}\n                key={index}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={isOptionDisabled || undefined}\n                ref={isSelected ? selectedItemRef : undefined}\n                paddingVertical={sizeStyles.paddingVertical}\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                onPress={\n                  isOptionDisabled ? undefined : () => handleSelect(option)\n                }\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                backgroundColor={isSelected ? brandColors.bg : \"transparent\"}\n                style={{\n                  ...(isWeb\n                    ? {\n                        cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                      }\n                    : {}),\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? { backgroundColor: overlayInputColors.bgHover }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : overlayTheme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      testID={testID}\n      ref={containerRef}\n      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width={fullWidth ? \"100%\" : undefined}\n      position=\"relative\"\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        ref={triggerRef}\n        onPress={handlePress}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isFocus && options.length > 0}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-disabled={isDisable || undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        height={sizeStyles.height}\n        width={iconOnly ? sizeStyles.height : \"100%\"}\n        paddingHorizontal={iconOnly ? 0 : sizeStyles.paddingHorizontal}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent={iconOnly ? \"center\" : \"flex-start\"}\n        gap={iconOnly ? 4 : 12}\n        position=\"relative\"\n        hoverStyle={\n          !isDisable && !isFocus && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        {iconLeft && (\n          <Box alignItems=\"center\" justifyContent=\"center\">\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconLeft}\n            </Icon>\n          </Box>\n        )}\n        {!iconOnly && (\n          <Box\n            flex={1}\n            height=\"100%\"\n            justifyContent=\"center\"\n            overflow=\"hidden\"\n            overflowX=\"hidden\"\n          >\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n              style={{ whiteSpace: \"nowrap\" }}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {/* Clear button (field variant only) */}\n          {clearable && !iconOnly && !isDisable && selectedValue && (\n            <Box\n              onPress={handleClear}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              style={isWeb ? { cursor: \"pointer\" } : undefined}\n            >\n              <Remove\n                size={sizeStyles.iconSize}\n                color={iconColor}\n                variant=\"line\"\n              />\n            </Box>\n          )}\n\n          {/* Error icon */}\n          {isError && (\n            <Icon\n              size={sizeStyles.iconSize}\n              color={theme.colors.content.alert.primary}\n            >\n              <ExclamationMarkCr />\n            </Icon>\n          )}\n          {iconRight !== undefined ? (\n            <Icon size={sizeStyles.iconSize} color={iconColor}>\n              {iconRight}\n            </Icon>\n          ) : isFocus ? (\n            <ChevronUp\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          ) : (\n            <ChevronDown\n              size={sizeStyles.iconSize}\n              color={iconColor}\n              variant=\"line\"\n            />\n          )}\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isNative ? dropdown : <Portal>{dropdown}</Portal>}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n          style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n        >\n          {errorMessage}\n        </Text>\n      )}\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      onError,\n      onLoad,\n      type,\n      disabled,\n      id,\n      testID,\n      \"data-testid\": dataTestId,\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          onError={onError}\n          onLoad={onLoad}\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            ...props.style,\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        data-testid={dataTestId || testID}\n        {...props}\n      >\n        {children}\n      </StyledBox>\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\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 * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\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, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\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  testID,\n  \"data-testid\": dataTestId,\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      data-testid={dataTestId || testID}\n    />\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  height: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  color: ${(props) => props.color || \"currentColor\"};\n\n  svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n  }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledIcon data-testid={dataTestId || testID} {...props}>\n      {children}\n    </StyledIcon>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n  const [mountNode, setMountNode] = useState<HTMLElement | null>(() =>\n    typeof document === \"undefined\" ? null : document.body\n  );\n\n  useEffect(() => setMountNode(document.body), []);\n\n  if (!mountNode) return null;\n\n  return createPortal(children, mountNode);\n};\n"],"mappings":"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","names":["useState","useEffect","React","React","styled","jsx","styled","styled","jsx","FilteredDiv","styled","jsx","useState","useEffect","index"]}