@xsolla/xui-select 0.175.0 → 0.176.1

package/native/index.mjs

@@ -283,6 +283,7 @@ var isNative = true;
 
 // src/Select.tsx
 import {
+  useModalId,
   useResolvedTheme
 } from "@xsolla/xui-core";
 import { useClickOutside } from "@xsolla/xui-hooks";
@@ -293,7 +294,13 @@ import {
   Remove,
   Search as SearchIcon
 } from "@xsolla/xui-icons-base";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+
+// src/Portal.native.tsx
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+var Portal = ({ children }) => /* @__PURE__ */ jsx4(Fragment, { children });
+
+// src/Select.tsx
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 var Select = ({
   value,
   placeholder = "Select",
@@ -332,16 +339,31 @@ var Select = ({
     themeProductContext: overlayThemeProductContext ?? themeProductContext
   });
   const overlayTheme = rawOverlayTheme;
+  const modalId = useModalId();
   const [isOpen, setIsOpen] = useState(false);
   const [selectedValue, setSelectedValue] = useState(value);
   const [searchValue, setSearchValue] = useState("");
+  const [dropdownPosition, setDropdownPosition] = useState(null);
   const containerRef = useRef(null);
+  const triggerRef = useRef(null);
   const dropdownRef = useRef(null);
   const selectedItemRef = useRef(null);
   const searchInputRef = useRef(null);
   const isDisable = externalState === "disable" || disabled;
   const isError = externalState === "error" || !!errorMessage;
   const isFocus = externalState === "focus" || isOpen;
+  const sizeStyles = theme.sizing.input(size);
+  const inputColors = theme.colors.control.input;
+  const overlayInputColors = overlayTheme.colors.control.input;
+  const updateDropdownPosition = useCallback(() => {
+    if (!isWeb || !triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    setDropdownPosition({
+      left: rect.left,
+      top: rect.bottom + sizeStyles.fieldGap,
+      width: rect.width
+    });
+  }, [sizeStyles.fieldGap]);
   useEffect(() => {
     if (value !== void 0) setSelectedValue(value);
   }, [value]);
@@ -355,6 +377,16 @@ var Select = ({
       return () => clearTimeout(timeoutId);
     }
   }, [isFocus]);
+  useEffect(() => {
+    if (!isWeb || !isFocus) return;
+    updateDropdownPosition();
+    window.addEventListener("resize", updateDropdownPosition);
+    window.addEventListener("scroll", updateDropdownPosition, true);
+    return () => {
+      window.removeEventListener("resize", updateDropdownPosition);
+      window.removeEventListener("scroll", updateDropdownPosition, true);
+    };
+  }, [isFocus, updateDropdownPosition]);
   useEffect(() => {
     if (isFocus && searchable) searchInputRef.current?.focus();
   }, [isFocus, searchable]);
@@ -363,7 +395,15 @@ var Select = ({
   }, [isFocus]);
   useClickOutside(
     containerRef,
-    useCallback(() => setIsOpen(false), [setIsOpen]),
+    useCallback((event) => {
+      const dropdownEl = dropdownRef.current;
+      if (dropdownEl) {
+        const path = typeof event.composedPath === "function" ? event.composedPath() : [];
+        const insideDropdown = path.length ? path.includes(dropdownEl) : dropdownEl.contains(event.target);
+        if (insideDropdown) return;
+      }
+      setIsOpen(false);
+    }, []),
     isWeb && isOpen
   );
   const getOptionLabel = (option) => typeof option === "string" ? option : option.label;
@@ -372,9 +412,6 @@ var Select = ({
   const filteredOptions = searchable && searchValue ? options.filter(
     (option) => getOptionLabel(option).toLowerCase().includes(searchValue.toLowerCase())
   ) : options;
-  const sizeStyles = theme.sizing.input(size);
-  const inputColors = theme.colors.control.input;
-  const overlayInputColors = overlayTheme.colors.control.input;
   const handlePress = () => {
     if (!isDisable) {
       if (onPress) onPress();
@@ -418,6 +455,142 @@ var Select = ({
   ) : placeholder;
   const textColor = isDisable ? inputColors.textDisable : selectedValue ? inputColors.text : inputColors.placeholder;
   const iconColor = isDisable ? inputColors.textDisable : inputColors.text;
+  const dropdownTop = sizeStyles.height + (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) + sizeStyles.fieldGap;
+  const dropdown = isFocus && options.length > 0 && (isNative || dropdownPosition) && /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: dropdownRef,
+      "data-modal-id": modalId,
+      position: isNative ? "absolute" : "fixed",
+      top: isNative ? dropdownTop : dropdownPosition?.top,
+      left: isNative ? void 0 : dropdownPosition?.left,
+      width: isNative ? "100%" : dropdownPosition?.width,
+      backgroundColor: overlayTheme.colors.background.secondary,
+      borderColor: overlayTheme.colors.border.secondary,
+      borderWidth: 1,
+      borderRadius: overlayTheme.shape.contextMenu[size].borderRadius,
+      style: {
+        zIndex: 2e3,
+        ...isNative ? { elevation: 4 } : { boxShadow: "0 4px 12px rgba(0,0,0,0.1)" },
+        minWidth: iconOnly ? sizeStyles.height * 3 : void 0
+      },
+      children: [
+        searchable && !isNative && /* @__PURE__ */ jsx5(
+          Box,
+          {
+            paddingHorizontal: sizeStyles.paddingHorizontal,
+            paddingVertical: sizeStyles.paddingVertical,
+            borderBottomWidth: 1,
+            borderColor: overlayTheme.colors.border.secondary,
+            children: /* @__PURE__ */ jsxs(
+              Box,
+              {
+                flexDirection: "row",
+                alignItems: "center",
+                gap: sizeStyles.paddingHorizontal / 2,
+                paddingHorizontal: 4,
+                children: [
+                  /* @__PURE__ */ jsx5(
+                    Icon,
+                    {
+                      size: sizeStyles.iconSize - 2,
+                      color: overlayInputColors.placeholder,
+                      children: /* @__PURE__ */ jsx5(SearchIcon, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsx5(
+                    Box,
+                    {
+                      as: "input",
+                      ref: searchInputRef,
+                      flex: 1,
+                      type: "text",
+                      value: searchValue,
+                      onChange: (e) => setSearchValue(e.target.value),
+                      placeholder: searchPlaceholder,
+                      style: {
+                        border: "none",
+                        outline: "none",
+                        background: "transparent",
+                        color: overlayInputColors.text,
+                        fontSize: sizeStyles.fontSize,
+                        width: "100%"
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Box,
+          {
+            paddingVertical: 4,
+            overflow: "scroll",
+            style: {
+              maxHeight: searchable ? maxHeight - 60 : maxHeight,
+              ...isWeb ? { overflowY: "auto" } : {}
+            },
+            children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx5(
+              Box,
+              {
+                paddingVertical: sizeStyles.paddingVertical * 2,
+                paddingHorizontal: sizeStyles.paddingHorizontal,
+                alignItems: "center",
+                children: /* @__PURE__ */ jsx5(
+                  Text,
+                  {
+                    color: overlayTheme.colors.content.tertiary,
+                    fontSize: sizeStyles.fontSize,
+                    children: noOptionsMessage
+                  }
+                )
+              }
+            ) : filteredOptions.map((option, index) => {
+              const optionValue = getOptionValue(option);
+              const optionLabel = getOptionLabel(option);
+              const isOptionDisabled = getOptionDisabled(option);
+              const isSelected = optionValue === selectedValue;
+              const brandColors = overlayTheme.colors.control.brand.primary;
+              const contentColors = overlayTheme.colors.content;
+              return /* @__PURE__ */ jsx5(
+                Box,
+                {
+                  testID,
+                  ref: isSelected ? selectedItemRef : void 0,
+                  paddingVertical: sizeStyles.paddingVertical,
+                  paddingHorizontal: sizeStyles.paddingHorizontal,
+                  onPress: isOptionDisabled ? void 0 : () => handleSelect(option),
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  backgroundColor: isSelected ? brandColors.bg : "transparent",
+                  style: {
+                    ...isWeb ? {
+                      cursor: isOptionDisabled ? "not-allowed" : "pointer"
+                    } : {},
+                    opacity: isOptionDisabled ? 0.5 : 1
+                  },
+                  hoverStyle: !isSelected && !isOptionDisabled ? { backgroundColor: overlayInputColors.bgHover } : void 0,
+                  children: /* @__PURE__ */ jsx5(
+                    Text,
+                    {
+                      color: isSelected ? contentColors.on.brand : overlayTheme.colors.content.secondary,
+                      fontSize: sizeStyles.fontSize,
+                      fontWeight: "400",
+                      children: optionLabel
+                    }
+                  )
+                },
+                index
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -428,7 +601,7 @@ var Select = ({
       width: fullWidth ? "100%" : void 0,
       position: "relative",
       children: [
-        label && /* @__PURE__ */ jsx4(
+        label && /* @__PURE__ */ jsx5(
           Text,
           {
             color: theme.colors.content.secondary,
@@ -440,6 +613,7 @@ var Select = ({
         /* @__PURE__ */ jsxs(
           Box,
           {
+            ref: triggerRef,
             onPress: handlePress,
             backgroundColor,
             borderColor,
@@ -458,8 +632,8 @@ var Select = ({
               borderColor: inputColors.borderHover
             } : void 0,
             children: [
-              iconLeft && /* @__PURE__ */ jsx4(Box, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx4(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconLeft }) }),
-              !iconOnly && /* @__PURE__ */ jsx4(
+              iconLeft && /* @__PURE__ */ jsx5(Box, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx5(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconLeft }) }),
+              !iconOnly && /* @__PURE__ */ jsx5(
                 Box,
                 {
                   flex: 1,
@@ -467,7 +641,7 @@ var Select = ({
                   justifyContent: "center",
                   overflow: "hidden",
                   overflowX: "hidden",
-                  children: /* @__PURE__ */ jsx4(
+                  children: /* @__PURE__ */ jsx5(
                     Text,
                     {
                       color: textColor,
@@ -480,14 +654,14 @@ var Select = ({
                 }
               ),
               /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 4, children: [
-                clearable && !iconOnly && !isDisable && selectedValue && /* @__PURE__ */ jsx4(
+                clearable && !iconOnly && !isDisable && selectedValue && /* @__PURE__ */ jsx5(
                   Box,
                   {
                     onPress: handleClear,
                     alignItems: "center",
                     justifyContent: "center",
                     style: isWeb ? { cursor: "pointer" } : void 0,
-                    children: /* @__PURE__ */ jsx4(
+                    children: /* @__PURE__ */ jsx5(
                       Remove,
                       {
                         size: sizeStyles.iconSize,
@@ -497,22 +671,22 @@ var Select = ({
                     )
                   }
                 ),
-                isError && /* @__PURE__ */ jsx4(
+                isError && /* @__PURE__ */ jsx5(
                   Icon,
                   {
                     size: sizeStyles.iconSize,
                     color: theme.colors.content.alert.primary,
-                    children: /* @__PURE__ */ jsx4(ExclamationMarkCr, {})
+                    children: /* @__PURE__ */ jsx5(ExclamationMarkCr, {})
                   }
                 ),
-                iconRight !== void 0 ? /* @__PURE__ */ jsx4(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconRight }) : isFocus ? /* @__PURE__ */ jsx4(
+                iconRight !== void 0 ? /* @__PURE__ */ jsx5(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconRight }) : isFocus ? /* @__PURE__ */ jsx5(
                   ChevronUp,
                   {
                     size: sizeStyles.iconSize,
                     color: iconColor,
                     variant: "line"
                   }
-                ) : /* @__PURE__ */ jsx4(
+                ) : /* @__PURE__ */ jsx5(
                   ChevronDown,
                   {
                     size: sizeStyles.iconSize,
@@ -524,140 +698,8 @@ var Select = ({
             ]
           }
         ),
-        isFocus && options.length > 0 && /* @__PURE__ */ jsxs(
-          Box,
-          {
-            ref: dropdownRef,
-            position: "absolute",
-            top: sizeStyles.height + (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) + sizeStyles.fieldGap,
-            width: "100%",
-            backgroundColor: overlayTheme.colors.background.secondary,
-            borderColor: overlayTheme.colors.border.secondary,
-            borderWidth: 1,
-            borderRadius: overlayTheme.shape.contextMenu[size].borderRadius,
-            style: {
-              zIndex: 1e3,
-              ...isNative ? { elevation: 4 } : { boxShadow: "0 4px 12px rgba(0,0,0,0.1)" },
-              minWidth: iconOnly ? sizeStyles.height * 3 : void 0
-            },
-            children: [
-              searchable && !isNative && /* @__PURE__ */ jsx4(
-                Box,
-                {
-                  paddingHorizontal: sizeStyles.paddingHorizontal,
-                  paddingVertical: sizeStyles.paddingVertical,
-                  borderBottomWidth: 1,
-                  borderColor: overlayTheme.colors.border.secondary,
-                  children: /* @__PURE__ */ jsxs(
-                    Box,
-                    {
-                      flexDirection: "row",
-                      alignItems: "center",
-                      gap: sizeStyles.paddingHorizontal / 2,
-                      paddingHorizontal: 4,
-                      children: [
-                        /* @__PURE__ */ jsx4(
-                          Icon,
-                          {
-                            size: sizeStyles.iconSize - 2,
-                            color: overlayInputColors.placeholder,
-                            children: /* @__PURE__ */ jsx4(SearchIcon, {})
-                          }
-                        ),
-                        /* @__PURE__ */ jsx4(
-                          Box,
-                          {
-                            as: "input",
-                            ref: searchInputRef,
-                            flex: 1,
-                            type: "text",
-                            value: searchValue,
-                            onChange: (e) => setSearchValue(e.target.value),
-                            placeholder: searchPlaceholder,
-                            style: {
-                              border: "none",
-                              outline: "none",
-                              background: "transparent",
-                              color: overlayInputColors.text,
-                              fontSize: sizeStyles.fontSize,
-                              width: "100%"
-                            }
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                Box,
-                {
-                  paddingVertical: 4,
-                  overflow: "scroll",
-                  style: {
-                    maxHeight: searchable ? maxHeight - 60 : maxHeight,
-                    ...isWeb ? { overflowY: "auto" } : {}
-                  },
-                  children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx4(
-                    Box,
-                    {
-                      paddingVertical: sizeStyles.paddingVertical * 2,
-                      paddingHorizontal: sizeStyles.paddingHorizontal,
-                      alignItems: "center",
-                      children: /* @__PURE__ */ jsx4(
-                        Text,
-                        {
-                          color: overlayTheme.colors.content.tertiary,
-                          fontSize: sizeStyles.fontSize,
-                          children: noOptionsMessage
-                        }
-                      )
-                    }
-                  ) : filteredOptions.map((option, index) => {
-                    const optionValue = getOptionValue(option);
-                    const optionLabel = getOptionLabel(option);
-                    const isOptionDisabled = getOptionDisabled(option);
-                    const isSelected = optionValue === selectedValue;
-                    const brandColors = overlayTheme.colors.control.brand.primary;
-                    const contentColors = overlayTheme.colors.content;
-                    return /* @__PURE__ */ jsx4(
-                      Box,
-                      {
-                        testID,
-                        ref: isSelected ? selectedItemRef : void 0,
-                        paddingVertical: sizeStyles.paddingVertical,
-                        paddingHorizontal: sizeStyles.paddingHorizontal,
-                        onPress: isOptionDisabled ? void 0 : () => handleSelect(option),
-                        flexDirection: "row",
-                        alignItems: "center",
-                        justifyContent: "space-between",
-                        backgroundColor: isSelected ? brandColors.bg : "transparent",
-                        style: {
-                          ...isWeb ? {
-                            cursor: isOptionDisabled ? "not-allowed" : "pointer"
-                          } : {},
-                          opacity: isOptionDisabled ? 0.5 : 1
-                        },
-                        hoverStyle: !isSelected && !isOptionDisabled ? { backgroundColor: overlayInputColors.bgHover } : void 0,
-                        children: /* @__PURE__ */ jsx4(
-                          Text,
-                          {
-                            color: isSelected ? contentColors.on.brand : overlayTheme.colors.content.secondary,
-                            fontSize: sizeStyles.fontSize,
-                            fontWeight: "400",
-                            children: optionLabel
-                          }
-                        )
-                      },
-                      index
-                    );
-                  })
-                }
-              )
-            ]
-          }
-        ),
-        isError && errorMessage && /* @__PURE__ */ jsx4(
+        isNative ? dropdown : /* @__PURE__ */ jsx5(Portal, { children: dropdown }),
+        isError && errorMessage && /* @__PURE__ */ jsx5(
           Text,
           {
             color: theme.colors.content.alert.primary,

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"],"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  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\";\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  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}\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  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\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 [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\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  useEffect(() => {\n    if (isFocus && searchable) searchInputRef.current?.focus();\n  }, [isFocus, searchable]);\n\n  useEffect(() => {\n    if (!isFocus) setSearchValue(\"\");\n  }, [isFocus]);\n\n  useClickOutside(\n    containerRef,\n    useCallback(() => setIsOpen(false), [setIsOpen]),\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 sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n  const overlayInputColors = overlayTheme.colors.control.input;\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  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          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        onPress={handlePress}\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      {isFocus && options.length > 0 && (\n        <Box\n          ref={dropdownRef}\n          position=\"absolute\"\n          top={\n            sizeStyles.height +\n            (label ? sizeStyles.fontSize + sizeStyles.fieldGap : 0) +\n            sizeStyles.fieldGap\n          }\n          width=\"100%\"\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: 1000,\n            ...(isNative\n              ? { elevation: 4 }\n              : { boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\" }),\n            minWidth: iconOnly ? sizeStyles.height * 3 : undefined,\n          }}\n        >\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                  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          <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                    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={\n                      isSelected ? brandColors.bg : \"transparent\"\n                    }\n                    style={{\n                      ...(isWeb\n                        ? {\n                            cursor: isOptionDisabled\n                              ? \"not-allowed\"\n                              : \"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      {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"],"mappings":"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","names":["jsx","View","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  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  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}\n\ninterface DropdownPosition {\n  left: number;\n  top: number;\n  width: number;\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  fullWidth = true,\n  testID,\n  themeMode,\n  themeProductContext,\n  overlayThemeMode,\n  overlayThemeProductContext,\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\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) return;\n\n    const rect = triggerRef.current.getBoundingClientRect();\n    setDropdownPosition({\n      left: rect.left,\n      top: rect.bottom + sizeStyles.fieldGap,\n      width: rect.width,\n    });\n  }, [sizeStyles.fieldGap]);\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  useEffect(() => {\n    if (!isWeb || !isFocus) return;\n\n    updateDropdownPosition();\n    window.addEventListener(\"resize\", updateDropdownPosition);\n    window.addEventListener(\"scroll\", updateDropdownPosition, true);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateDropdownPosition);\n      window.removeEventListener(\"scroll\", updateDropdownPosition, true);\n    };\n  }, [isFocus, updateDropdownPosition]);\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\"\n            ? event.composedPath()\n            : [];\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 &&\n    options.length > 0 &&\n    (isNative || dropdownPosition) && (\n      <Box\n        ref={dropdownRef}\n        data-modal-id={modalId}\n        position={isNative ? \"absolute\" : \"fixed\"}\n        top={isNative ? dropdownTop : dropdownPosition?.top}\n        left={isNative ? undefined : dropdownPosition?.left}\n        width={isNative ? \"100%\" : dropdownPosition?.width}\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            : { boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\" }),\n          minWidth: 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                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                  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          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        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"]}