@xsolla/xui-dropdown 0.172.1 → 0.172.2-pr358.1781799261

package/README.md

@@ -42,6 +42,8 @@ import { Button } from '@xsolla/xui-button';
 | `id` | `string` | — | HTML id on the root container. |
 | `aria-label` | `string` | — | Accessible label for the menu. |
 | `testID` | `string` | — | Test identifier. |
+| `overlayThemeMode` | `ThemeMode` | `themeMode` | Theme mode for the dropdown menu overlay. |
+| `overlayThemeProductContext` | `ProductContext` | `themeProductContext` | Product context for the dropdown menu overlay. |
 
 Inherits `ThemeOverrideProps` (`themeMode`, `themeProductContext`).
 

package/native/index.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ThemeOverrideProps, ThemeMode, ProductContext } from '@xsolla/xui-core';
 
 interface DropdownProps extends ThemeOverrideProps {
     id?: string;
@@ -15,6 +15,10 @@ interface DropdownProps extends ThemeOverrideProps {
     "aria-label"?: string;
     /** Test ID for testing frameworks */
     testID?: string;
+    /** Theme mode for the dropdown menu overlay. Defaults to themeMode when not set. */
+    overlayThemeMode?: ThemeMode;
+    /** Product context for the dropdown menu overlay. Defaults to themeProductContext when not set. */
+    overlayThemeProductContext?: ProductContext;
 }
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownItemProps extends ThemeOverrideProps {

package/native/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ThemeOverrideProps, ThemeMode, ProductContext } from '@xsolla/xui-core';
 
 interface DropdownProps extends ThemeOverrideProps {
     id?: string;
@@ -15,6 +15,10 @@ interface DropdownProps extends ThemeOverrideProps {
     "aria-label"?: string;
     /** Test ID for testing frameworks */
     testID?: string;
+    /** Theme mode for the dropdown menu overlay. Defaults to themeMode when not set. */
+    overlayThemeMode?: ThemeMode;
+    /** Product context for the dropdown menu overlay. Defaults to themeProductContext when not set. */
+    overlayThemeProductContext?: ProductContext;
 }
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownItemProps extends ThemeOverrideProps {

package/native/index.js

@@ -292,29 +292,28 @@ var Dropdown = import_react.default.forwardRef(
     "aria-label": ariaLabel,
     testID,
     themeMode,
-    themeProductContext
+    themeProductContext,
+    overlayThemeMode,
+    overlayThemeProductContext
   }, ref) => {
     const [internalIsOpen, setInternalIsOpen] = (0, import_react.useState)(false);
     const isOpen = propIsOpen !== void 0 ? propIsOpen : internalIsOpen;
     const containerRef = (0, import_react.useRef)(null);
     const triggerRef = (0, import_react.useRef)(null);
     const menuRef = (0, import_react.useRef)(null);
-    import_react.default.useImperativeHandle(
-      ref,
-      () => containerRef.current
-    );
+    import_react.default.useImperativeHandle(ref, () => containerRef.current);
     const { theme } = (0, import_xui_core.useResolvedTheme)({ themeMode, themeProductContext });
+    const { theme: overlayTheme } = (0, import_xui_core.useResolvedTheme)({
+      themeMode: overlayThemeMode ?? themeMode,
+      themeProductContext: overlayThemeProductContext ?? themeProductContext
+    });
     const closeMenu = (0, import_react.useCallback)(() => {
-      if (propIsOpen === void 0) {
-        setInternalIsOpen(false);
-      }
+      if (propIsOpen === void 0) setInternalIsOpen(false);
       if (onOpenChange) onOpenChange(false);
     }, [propIsOpen, onOpenChange]);
     const toggleOpen = (0, import_react.useCallback)(() => {
       const nextOpen = !isOpen;
-      if (propIsOpen === void 0) {
-        setInternalIsOpen(nextOpen);
-      }
+      if (propIsOpen === void 0) setInternalIsOpen(nextOpen);
       if (onOpenChange) onOpenChange(nextOpen);
     }, [isOpen, propIsOpen, onOpenChange]);
     const focusTrigger = (0, import_react.useCallback)(() => {
@@ -322,9 +321,7 @@ var Dropdown = import_react.default.forwardRef(
         const focusable = triggerRef.current.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
-        if (focusable) {
-          focusable.focus();
-        }
+        if (focusable) focusable.focus();
       }
     }, []);
     const handleKeyDown = (0, import_react.useCallback)(
@@ -347,9 +344,7 @@ var Dropdown = import_react.default.forwardRef(
           toggleOpen();
         } else if (event.key === "ArrowDown" && !isOpen) {
           event.preventDefault();
-          if (propIsOpen === void 0) {
-            setInternalIsOpen(true);
-          }
+          if (propIsOpen === void 0) setInternalIsOpen(true);
           if (onOpenChange) onOpenChange(true);
         }
       },
@@ -375,26 +370,11 @@ var Dropdown = import_react.default.forwardRef(
       {
         ref: containerRef,
         id,
-        style: {
-          position: "relative",
-          width: "fit-content",
-          alignSelf: "flex-start",
-          height: "fit-content"
-        },
+        style: { position: "relative", width: "fit-content", alignSelf: "flex-start", height: "fit-content" },
         onKeyDown: handleKeyDown,
         "data-testid": testID,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "div",
-            {
-              ref: triggerRef,
-              onClick: toggleOpen,
-              onKeyDown: handleTriggerKeyDown,
-              "aria-haspopup": "menu",
-              "aria-expanded": isOpen,
-              children: trigger
-            }
-          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: triggerRef, onClick: toggleOpen, onKeyDown: handleTriggerKeyDown, "aria-haspopup": "menu", "aria-expanded": isOpen, children: trigger }),
           isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             Box,
             {
@@ -403,10 +383,10 @@ var Dropdown = import_react.default.forwardRef(
               top: "100%",
               ...align === "end" ? { right: 0 } : { left: 0 },
               marginTop: 4,
-              backgroundColor: theme.colors.background.secondary,
-              borderColor: theme.colors.border.secondary,
+              backgroundColor: overlayTheme.colors.background.secondary,
+              borderColor: overlayTheme.colors.border.secondary,
               borderWidth: 1,
-              borderRadius: theme.shape.contextMenu.md.borderRadius,
+              borderRadius: overlayTheme.shape.contextMenu.md.borderRadius,
               paddingVertical: 4,
               role: "menu",
               ...ariaLabel ? { "aria-label": ariaLabel } : {},
@@ -438,18 +418,12 @@ var DropdownItem = ({
   const brandColors = theme.colors.control.brand.primary;
   const contentColors = theme.colors.content;
   const getBackgroundColor = () => {
-    if (selected) {
-      return brandColors?.bg || theme.colors.control.input.bg;
-    }
-    if (active) {
-      return theme.colors.control.input.bgHover;
-    }
+    if (selected) return brandColors?.bg || theme.colors.control.input.bg;
+    if (active) return theme.colors.control.input.bgHover;
     return "transparent";
   };
   const getContentColor = () => {
-    if (selected) {
-      return contentColors?.on?.brand || theme.colors.content.primary;
-    }
+    if (selected) return contentColors?.on?.brand || theme.colors.content.primary;
     return theme.colors.content.secondary;
   };
   const handleKeyDown = (event) => {
@@ -467,18 +441,13 @@ var DropdownItem = ({
       flexDirection: "row",
       alignItems: "center",
       backgroundColor: getBackgroundColor(),
-      hoverStyle: !disabled && !selected ? {
-        backgroundColor: theme.colors.control.input.bgHover
-      } : void 0,
+      hoverStyle: !disabled && !selected ? { backgroundColor: theme.colors.control.input.bgHover } : void 0,
       role: "menuitem",
       tabIndex: disabled ? -1 : 0,
       "aria-disabled": disabled,
       onKeyDown: handleKeyDown,
       testID,
-      style: {
-        opacity: disabled ? 0.5 : 1,
-        cursor: disabled ? "not-allowed" : "pointer"
-      },
+      style: { opacity: disabled ? 0.5 : 1, cursor: disabled ? "not-allowed" : "pointer" },
       children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box, { marginRight: 12, alignItems: "center", justifyContent: "center", children: icon }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: getContentColor(), fontSize: 14, fontWeight: "400", children }) })

package/native/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/Dropdown.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx"],"sourcesContent":["export * from \"./Dropdown\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme, type ThemeOverrideProps } from \"@xsolla/xui-core\";\n\nexport interface DropdownProps extends ThemeOverrideProps {\n  id?: string;\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Width of the dropdown menu (does not affect trigger width) */\n  width?: string | number;\n  /** Horizontal alignment of dropdown menu relative to trigger. Default: \"start\" */\n  align?: \"start\" | \"end\";\n  /** Accessible label for the dropdown menu */\n  \"aria-label\"?: string;\n  /** Test ID for testing frameworks */\n  testID?: string;\n}\n\nexport const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      id,\n      trigger,\n      children,\n      isOpen: propIsOpen,\n      onOpenChange,\n      width = \"auto\",\n      align = \"start\",\n      \"aria-label\": ariaLabel,\n      testID,\n      themeMode,\n      themeProductContext,\n    },\n    ref\n  ) => {\n    const [internalIsOpen, setInternalIsOpen] = useState(false);\n    const isOpen = propIsOpen !== undefined ? propIsOpen : internalIsOpen;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    // Merge forwarded ref with internal container ref\n    React.useImperativeHandle(\n      ref,\n      () => containerRef.current as HTMLDivElement\n    );\n    const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n    const closeMenu = useCallback(() => {\n      if (propIsOpen === undefined) {\n        setInternalIsOpen(false);\n      }\n      if (onOpenChange) onOpenChange(false);\n    }, [propIsOpen, onOpenChange]);\n\n    const toggleOpen = useCallback(() => {\n      const nextOpen = !isOpen;\n      if (propIsOpen === undefined) {\n        setInternalIsOpen(nextOpen);\n      }\n      if (onOpenChange) onOpenChange(nextOpen);\n    }, [isOpen, propIsOpen, onOpenChange]);\n\n    // Safe focus helper for cross-platform compatibility\n    const focusTrigger = useCallback(() => {\n      if (typeof document !== \"undefined\" && triggerRef.current) {\n        // Find the first focusable element within the trigger wrapper\n        const focusable = triggerRef.current.querySelector<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable) {\n          focusable.focus();\n        }\n      }\n    }, []);\n\n    // Handle keyboard navigation\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Escape\" && isOpen) {\n          event.preventDefault();\n          closeMenu();\n          focusTrigger();\n        } else if (event.key === \"Tab\" && isOpen) {\n          closeMenu();\n          // Also restore focus on Tab for consistent keyboard navigation\n          focusTrigger();\n        }\n      },\n      [isOpen, closeMenu, focusTrigger]\n    );\n\n    // Handle trigger keyboard events\n    const handleTriggerKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          toggleOpen();\n        } else if (event.key === \"ArrowDown\" && !isOpen) {\n          event.preventDefault();\n          if (propIsOpen === undefined) {\n            setInternalIsOpen(true);\n          }\n          if (onOpenChange) onOpenChange(true);\n        }\n      },\n      [isOpen, toggleOpen, propIsOpen, onOpenChange]\n    );\n\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(event.target as Node)\n        ) {\n          closeMenu();\n        }\n      };\n\n      if (isOpen && typeof document !== \"undefined\") {\n        document.addEventListener(\"mousedown\", handleClickOutside);\n      }\n      return () => {\n        if (typeof document !== \"undefined\") {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n      };\n    }, [isOpen, closeMenu]);\n\n    return (\n      <div\n        ref={containerRef}\n        id={id}\n        style={{\n          position: \"relative\",\n          width: \"fit-content\",\n          alignSelf: \"flex-start\",\n          height: \"fit-content\",\n        }}\n        onKeyDown={handleKeyDown}\n        data-testid={testID}\n      >\n        <div\n          ref={triggerRef}\n          onClick={toggleOpen}\n          onKeyDown={handleTriggerKeyDown}\n          aria-haspopup=\"menu\"\n          aria-expanded={isOpen}\n        >\n          {trigger}\n        </div>\n        {isOpen && (\n          <Box\n            ref={menuRef}\n            position=\"absolute\"\n            top=\"100%\"\n            {...(align === \"end\" ? { right: 0 } : { left: 0 })}\n            marginTop={4}\n            backgroundColor={theme.colors.background.secondary}\n            borderColor={theme.colors.border.secondary}\n            borderWidth={1}\n            borderRadius={theme.shape.contextMenu.md.borderRadius}\n            paddingVertical={4}\n            role=\"menu\"\n            {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n            style={{\n              zIndex: 1000,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              ...(width === \"auto\" ? { minWidth: \"100%\" } : { width }),\n            }}\n          >\n            {children}\n          </Box>\n        )}\n      </div>\n    );\n  }\n);\n\nexport interface DropdownItemProps extends ThemeOverrideProps {\n  children: React.ReactNode;\n  onPress?: () => void;\n  active?: boolean;\n  /** Whether this item is selected (shows trailing checkmark with control/check/bg color) */\n  selected?: boolean;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  /** Test ID for testing frameworks */\n  testID?: string;\n}\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n  children,\n  onPress,\n  active,\n  selected,\n  disabled,\n  icon,\n  testID,\n  themeMode,\n  themeProductContext,\n}) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n  const brandColors = theme.colors.control.brand.primary;\n  const contentColors = theme.colors.content;\n\n  // Determine background color\n  const getBackgroundColor = () => {\n    if (selected) {\n      return brandColors?.bg || theme.colors.control.input.bg; // Cyan background for selected items\n    }\n    if (active) {\n      return theme.colors.control.input.bgHover;\n    }\n    return \"transparent\";\n  };\n\n  // Determine text/icon color\n  const getContentColor = () => {\n    if (selected) {\n      return contentColors?.on?.brand || theme.colors.content.primary; // Black text on cyan background\n    }\n    return theme.colors.content.secondary;\n  };\n\n  // Handle keyboard activation\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === \"Enter\" || event.key === \" \") && !disabled && onPress) {\n      event.preventDefault();\n      onPress();\n    }\n  };\n\n  return (\n    <Box\n      onPress={!disabled ? onPress : undefined}\n      paddingHorizontal={16}\n      paddingVertical={8}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      backgroundColor={getBackgroundColor()}\n      hoverStyle={\n        !disabled && !selected\n          ? {\n              backgroundColor: theme.colors.control.input.bgHover,\n            }\n          : undefined\n      }\n      role=\"menuitem\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onKeyDown={handleKeyDown}\n      testID={testID}\n      style={{\n        opacity: disabled ? 0.5 : 1,\n        cursor: disabled ? \"not-allowed\" : \"pointer\",\n      }}\n    >\n      {icon && (\n        <Box marginRight={12} alignItems=\"center\" justifyContent=\"center\">\n          {icon}\n        </Box>\n      )}\n      <Box flex={1}>\n        <Text color={getContentColor()} fontSize={14} fontWeight=\"400\">\n          {children}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nDropdown.displayName = \"Dropdown\";\nDropdownItem.displayName = \"DropdownItem\";\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"],"mappings":"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","names":["import_react_native","import_jsx_runtime","RNText","import_jsx_runtime","React"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/Dropdown.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx"],"sourcesContent":["export * from \"./Dropdown\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme, type ThemeOverrideProps, type ThemeMode, type ProductContext } from \"@xsolla/xui-core\";\n\nexport interface DropdownProps extends ThemeOverrideProps {\n  id?: string;\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Width of the dropdown menu (does not affect trigger width) */\n  width?: string | number;\n  /** Horizontal alignment of dropdown menu relative to trigger. Default: \"start\" */\n  align?: \"start\" | \"end\";\n  /** Accessible label for the dropdown menu */\n  \"aria-label\"?: string;\n  /** Test ID for testing frameworks */\n  testID?: string;\n  /** Theme mode for the dropdown menu overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown menu overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n}\n\nexport const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      id,\n      trigger,\n      children,\n      isOpen: propIsOpen,\n      onOpenChange,\n      width = \"auto\",\n      align = \"start\",\n      \"aria-label\": ariaLabel,\n      testID,\n      themeMode,\n      themeProductContext,\n      overlayThemeMode,\n      overlayThemeProductContext,\n    },\n    ref\n  ) => {\n    const [internalIsOpen, setInternalIsOpen] = useState(false);\n    const isOpen = propIsOpen !== undefined ? propIsOpen : internalIsOpen;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    React.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\n    const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme: overlayTheme } = useResolvedTheme({\n      themeMode: overlayThemeMode ?? themeMode,\n      themeProductContext: overlayThemeProductContext ?? themeProductContext,\n    });\n\n    const closeMenu = useCallback(() => {\n      if (propIsOpen === undefined) setInternalIsOpen(false);\n      if (onOpenChange) onOpenChange(false);\n    }, [propIsOpen, onOpenChange]);\n\n    const toggleOpen = useCallback(() => {\n      const nextOpen = !isOpen;\n      if (propIsOpen === undefined) setInternalIsOpen(nextOpen);\n      if (onOpenChange) onOpenChange(nextOpen);\n    }, [isOpen, propIsOpen, onOpenChange]);\n\n    const focusTrigger = useCallback(() => {\n      if (typeof document !== \"undefined\" && triggerRef.current) {\n        const focusable = triggerRef.current.querySelector<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable) focusable.focus();\n      }\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Escape\" && isOpen) {\n          event.preventDefault();\n          closeMenu();\n          focusTrigger();\n        } else if (event.key === \"Tab\" && isOpen) {\n          closeMenu();\n          focusTrigger();\n        }\n      },\n      [isOpen, closeMenu, focusTrigger]\n    );\n\n    const handleTriggerKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          toggleOpen();\n        } else if (event.key === \"ArrowDown\" && !isOpen) {\n          event.preventDefault();\n          if (propIsOpen === undefined) setInternalIsOpen(true);\n          if (onOpenChange) onOpenChange(true);\n        }\n      },\n      [isOpen, toggleOpen, propIsOpen, onOpenChange]\n    );\n\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n          closeMenu();\n        }\n      };\n      if (isOpen && typeof document !== \"undefined\") {\n        document.addEventListener(\"mousedown\", handleClickOutside);\n      }\n      return () => {\n        if (typeof document !== \"undefined\") {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n      };\n    }, [isOpen, closeMenu]);\n\n    return (\n      <div\n        ref={containerRef}\n        id={id}\n        style={{ position: \"relative\", width: \"fit-content\", alignSelf: \"flex-start\", height: \"fit-content\" }}\n        onKeyDown={handleKeyDown}\n        data-testid={testID}\n      >\n        <div ref={triggerRef} onClick={toggleOpen} onKeyDown={handleTriggerKeyDown} aria-haspopup=\"menu\" aria-expanded={isOpen}>\n          {trigger}\n        </div>\n        {isOpen && (\n          <Box\n            ref={menuRef}\n            position=\"absolute\"\n            top=\"100%\"\n            {...(align === \"end\" ? { right: 0 } : { left: 0 })}\n            marginTop={4}\n            backgroundColor={overlayTheme.colors.background.secondary}\n            borderColor={overlayTheme.colors.border.secondary}\n            borderWidth={1}\n            borderRadius={overlayTheme.shape.contextMenu.md.borderRadius}\n            paddingVertical={4}\n            role=\"menu\"\n            {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n            style={{\n              zIndex: 1000,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              ...(width === \"auto\" ? { minWidth: \"100%\" } : { width }),\n            }}\n          >\n            {children}\n          </Box>\n        )}\n      </div>\n    );\n  }\n);\n\nexport interface DropdownItemProps extends ThemeOverrideProps {\n  children: React.ReactNode;\n  onPress?: () => void;\n  active?: boolean;\n  /** Whether this item is selected (shows trailing checkmark with control/check/bg color) */\n  selected?: boolean;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  /** Test ID for testing frameworks */\n  testID?: string;\n}\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n  children,\n  onPress,\n  active,\n  selected,\n  disabled,\n  icon,\n  testID,\n  themeMode,\n  themeProductContext,\n}) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n  const brandColors = theme.colors.control.brand.primary;\n  const contentColors = theme.colors.content;\n\n  const getBackgroundColor = () => {\n    if (selected) return brandColors?.bg || theme.colors.control.input.bg;\n    if (active) return theme.colors.control.input.bgHover;\n    return \"transparent\";\n  };\n\n  const getContentColor = () => {\n    if (selected) return contentColors?.on?.brand || theme.colors.content.primary;\n    return theme.colors.content.secondary;\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === \"Enter\" || event.key === \" \") && !disabled && onPress) {\n      event.preventDefault();\n      onPress();\n    }\n  };\n\n  return (\n    <Box\n      onPress={!disabled ? onPress : undefined}\n      paddingHorizontal={16}\n      paddingVertical={8}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      backgroundColor={getBackgroundColor()}\n      hoverStyle={!disabled && !selected ? { backgroundColor: theme.colors.control.input.bgHover } : undefined}\n      role=\"menuitem\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onKeyDown={handleKeyDown}\n      testID={testID}\n      style={{ opacity: disabled ? 0.5 : 1, cursor: disabled ? \"not-allowed\" : \"pointer\" }}\n    >\n      {icon && (\n        <Box marginRight={12} alignItems=\"center\" justifyContent=\"center\">\n          {icon}\n        </Box>\n      )}\n      <Box flex={1}>\n        <Text color={getContentColor()} fontSize={14} fontWeight=\"400\">\n          {children}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nDropdown.displayName = \"Dropdown\";\nDropdownItem.displayName = \"DropdownItem\";\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"],"mappings":"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","names":["import_react_native","import_jsx_runtime","RNText","import_jsx_runtime","React"]}

package/native/index.mjs

@@ -262,29 +262,28 @@ var Dropdown = React.forwardRef(
     "aria-label": ariaLabel,
     testID,
     themeMode,
-    themeProductContext
+    themeProductContext,
+    overlayThemeMode,
+    overlayThemeProductContext
   }, ref) => {
     const [internalIsOpen, setInternalIsOpen] = useState(false);
     const isOpen = propIsOpen !== void 0 ? propIsOpen : internalIsOpen;
     const containerRef = useRef(null);
     const triggerRef = useRef(null);
     const menuRef = useRef(null);
-    React.useImperativeHandle(
-      ref,
-      () => containerRef.current
-    );
+    React.useImperativeHandle(ref, () => containerRef.current);
     const { theme } = useResolvedTheme({ themeMode, themeProductContext });
+    const { theme: overlayTheme } = useResolvedTheme({
+      themeMode: overlayThemeMode ?? themeMode,
+      themeProductContext: overlayThemeProductContext ?? themeProductContext
+    });
     const closeMenu = useCallback(() => {
-      if (propIsOpen === void 0) {
-        setInternalIsOpen(false);
-      }
+      if (propIsOpen === void 0) setInternalIsOpen(false);
       if (onOpenChange) onOpenChange(false);
     }, [propIsOpen, onOpenChange]);
     const toggleOpen = useCallback(() => {
       const nextOpen = !isOpen;
-      if (propIsOpen === void 0) {
-        setInternalIsOpen(nextOpen);
-      }
+      if (propIsOpen === void 0) setInternalIsOpen(nextOpen);
       if (onOpenChange) onOpenChange(nextOpen);
     }, [isOpen, propIsOpen, onOpenChange]);
     const focusTrigger = useCallback(() => {
@@ -292,9 +291,7 @@ var Dropdown = React.forwardRef(
         const focusable = triggerRef.current.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
-        if (focusable) {
-          focusable.focus();
-        }
+        if (focusable) focusable.focus();
       }
     }, []);
     const handleKeyDown = useCallback(
@@ -317,9 +314,7 @@ var Dropdown = React.forwardRef(
           toggleOpen();
         } else if (event.key === "ArrowDown" && !isOpen) {
           event.preventDefault();
-          if (propIsOpen === void 0) {
-            setInternalIsOpen(true);
-          }
+          if (propIsOpen === void 0) setInternalIsOpen(true);
           if (onOpenChange) onOpenChange(true);
         }
       },
@@ -345,26 +340,11 @@ var Dropdown = React.forwardRef(
       {
         ref: containerRef,
         id,
-        style: {
-          position: "relative",
-          width: "fit-content",
-          alignSelf: "flex-start",
-          height: "fit-content"
-        },
+        style: { position: "relative", width: "fit-content", alignSelf: "flex-start", height: "fit-content" },
         onKeyDown: handleKeyDown,
         "data-testid": testID,
         children: [
-          /* @__PURE__ */ jsx3(
-            "div",
-            {
-              ref: triggerRef,
-              onClick: toggleOpen,
-              onKeyDown: handleTriggerKeyDown,
-              "aria-haspopup": "menu",
-              "aria-expanded": isOpen,
-              children: trigger
-            }
-          ),
+          /* @__PURE__ */ jsx3("div", { ref: triggerRef, onClick: toggleOpen, onKeyDown: handleTriggerKeyDown, "aria-haspopup": "menu", "aria-expanded": isOpen, children: trigger }),
           isOpen && /* @__PURE__ */ jsx3(
             Box,
             {
@@ -373,10 +353,10 @@ var Dropdown = React.forwardRef(
               top: "100%",
               ...align === "end" ? { right: 0 } : { left: 0 },
               marginTop: 4,
-              backgroundColor: theme.colors.background.secondary,
-              borderColor: theme.colors.border.secondary,
+              backgroundColor: overlayTheme.colors.background.secondary,
+              borderColor: overlayTheme.colors.border.secondary,
               borderWidth: 1,
-              borderRadius: theme.shape.contextMenu.md.borderRadius,
+              borderRadius: overlayTheme.shape.contextMenu.md.borderRadius,
               paddingVertical: 4,
               role: "menu",
               ...ariaLabel ? { "aria-label": ariaLabel } : {},
@@ -408,18 +388,12 @@ var DropdownItem = ({
   const brandColors = theme.colors.control.brand.primary;
   const contentColors = theme.colors.content;
   const getBackgroundColor = () => {
-    if (selected) {
-      return brandColors?.bg || theme.colors.control.input.bg;
-    }
-    if (active) {
-      return theme.colors.control.input.bgHover;
-    }
+    if (selected) return brandColors?.bg || theme.colors.control.input.bg;
+    if (active) return theme.colors.control.input.bgHover;
     return "transparent";
   };
   const getContentColor = () => {
-    if (selected) {
-      return contentColors?.on?.brand || theme.colors.content.primary;
-    }
+    if (selected) return contentColors?.on?.brand || theme.colors.content.primary;
     return theme.colors.content.secondary;
   };
   const handleKeyDown = (event) => {
@@ -437,18 +411,13 @@ var DropdownItem = ({
       flexDirection: "row",
       alignItems: "center",
       backgroundColor: getBackgroundColor(),
-      hoverStyle: !disabled && !selected ? {
-        backgroundColor: theme.colors.control.input.bgHover
-      } : void 0,
+      hoverStyle: !disabled && !selected ? { backgroundColor: theme.colors.control.input.bgHover } : void 0,
       role: "menuitem",
       tabIndex: disabled ? -1 : 0,
       "aria-disabled": disabled,
       onKeyDown: handleKeyDown,
       testID,
-      style: {
-        opacity: disabled ? 0.5 : 1,
-        cursor: disabled ? "not-allowed" : "pointer"
-      },
+      style: { opacity: disabled ? 0.5 : 1, cursor: disabled ? "not-allowed" : "pointer" },
       children: [
         icon && /* @__PURE__ */ jsx3(Box, { marginRight: 12, alignItems: "center", justifyContent: "center", children: icon }),
         /* @__PURE__ */ jsx3(Box, { flex: 1, children: /* @__PURE__ */ jsx3(Text, { color: getContentColor(), fontSize: 14, fontWeight: "400", children }) })

package/native/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dropdown.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme, type ThemeOverrideProps } from \"@xsolla/xui-core\";\n\nexport interface DropdownProps extends ThemeOverrideProps {\n  id?: string;\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Width of the dropdown menu (does not affect trigger width) */\n  width?: string | number;\n  /** Horizontal alignment of dropdown menu relative to trigger. Default: \"start\" */\n  align?: \"start\" | \"end\";\n  /** Accessible label for the dropdown menu */\n  \"aria-label\"?: string;\n  /** Test ID for testing frameworks */\n  testID?: string;\n}\n\nexport const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      id,\n      trigger,\n      children,\n      isOpen: propIsOpen,\n      onOpenChange,\n      width = \"auto\",\n      align = \"start\",\n      \"aria-label\": ariaLabel,\n      testID,\n      themeMode,\n      themeProductContext,\n    },\n    ref\n  ) => {\n    const [internalIsOpen, setInternalIsOpen] = useState(false);\n    const isOpen = propIsOpen !== undefined ? propIsOpen : internalIsOpen;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    // Merge forwarded ref with internal container ref\n    React.useImperativeHandle(\n      ref,\n      () => containerRef.current as HTMLDivElement\n    );\n    const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n    const closeMenu = useCallback(() => {\n      if (propIsOpen === undefined) {\n        setInternalIsOpen(false);\n      }\n      if (onOpenChange) onOpenChange(false);\n    }, [propIsOpen, onOpenChange]);\n\n    const toggleOpen = useCallback(() => {\n      const nextOpen = !isOpen;\n      if (propIsOpen === undefined) {\n        setInternalIsOpen(nextOpen);\n      }\n      if (onOpenChange) onOpenChange(nextOpen);\n    }, [isOpen, propIsOpen, onOpenChange]);\n\n    // Safe focus helper for cross-platform compatibility\n    const focusTrigger = useCallback(() => {\n      if (typeof document !== \"undefined\" && triggerRef.current) {\n        // Find the first focusable element within the trigger wrapper\n        const focusable = triggerRef.current.querySelector<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable) {\n          focusable.focus();\n        }\n      }\n    }, []);\n\n    // Handle keyboard navigation\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Escape\" && isOpen) {\n          event.preventDefault();\n          closeMenu();\n          focusTrigger();\n        } else if (event.key === \"Tab\" && isOpen) {\n          closeMenu();\n          // Also restore focus on Tab for consistent keyboard navigation\n          focusTrigger();\n        }\n      },\n      [isOpen, closeMenu, focusTrigger]\n    );\n\n    // Handle trigger keyboard events\n    const handleTriggerKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          toggleOpen();\n        } else if (event.key === \"ArrowDown\" && !isOpen) {\n          event.preventDefault();\n          if (propIsOpen === undefined) {\n            setInternalIsOpen(true);\n          }\n          if (onOpenChange) onOpenChange(true);\n        }\n      },\n      [isOpen, toggleOpen, propIsOpen, onOpenChange]\n    );\n\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(event.target as Node)\n        ) {\n          closeMenu();\n        }\n      };\n\n      if (isOpen && typeof document !== \"undefined\") {\n        document.addEventListener(\"mousedown\", handleClickOutside);\n      }\n      return () => {\n        if (typeof document !== \"undefined\") {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n      };\n    }, [isOpen, closeMenu]);\n\n    return (\n      <div\n        ref={containerRef}\n        id={id}\n        style={{\n          position: \"relative\",\n          width: \"fit-content\",\n          alignSelf: \"flex-start\",\n          height: \"fit-content\",\n        }}\n        onKeyDown={handleKeyDown}\n        data-testid={testID}\n      >\n        <div\n          ref={triggerRef}\n          onClick={toggleOpen}\n          onKeyDown={handleTriggerKeyDown}\n          aria-haspopup=\"menu\"\n          aria-expanded={isOpen}\n        >\n          {trigger}\n        </div>\n        {isOpen && (\n          <Box\n            ref={menuRef}\n            position=\"absolute\"\n            top=\"100%\"\n            {...(align === \"end\" ? { right: 0 } : { left: 0 })}\n            marginTop={4}\n            backgroundColor={theme.colors.background.secondary}\n            borderColor={theme.colors.border.secondary}\n            borderWidth={1}\n            borderRadius={theme.shape.contextMenu.md.borderRadius}\n            paddingVertical={4}\n            role=\"menu\"\n            {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n            style={{\n              zIndex: 1000,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              ...(width === \"auto\" ? { minWidth: \"100%\" } : { width }),\n            }}\n          >\n            {children}\n          </Box>\n        )}\n      </div>\n    );\n  }\n);\n\nexport interface DropdownItemProps extends ThemeOverrideProps {\n  children: React.ReactNode;\n  onPress?: () => void;\n  active?: boolean;\n  /** Whether this item is selected (shows trailing checkmark with control/check/bg color) */\n  selected?: boolean;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  /** Test ID for testing frameworks */\n  testID?: string;\n}\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n  children,\n  onPress,\n  active,\n  selected,\n  disabled,\n  icon,\n  testID,\n  themeMode,\n  themeProductContext,\n}) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n  const brandColors = theme.colors.control.brand.primary;\n  const contentColors = theme.colors.content;\n\n  // Determine background color\n  const getBackgroundColor = () => {\n    if (selected) {\n      return brandColors?.bg || theme.colors.control.input.bg; // Cyan background for selected items\n    }\n    if (active) {\n      return theme.colors.control.input.bgHover;\n    }\n    return \"transparent\";\n  };\n\n  // Determine text/icon color\n  const getContentColor = () => {\n    if (selected) {\n      return contentColors?.on?.brand || theme.colors.content.primary; // Black text on cyan background\n    }\n    return theme.colors.content.secondary;\n  };\n\n  // Handle keyboard activation\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === \"Enter\" || event.key === \" \") && !disabled && onPress) {\n      event.preventDefault();\n      onPress();\n    }\n  };\n\n  return (\n    <Box\n      onPress={!disabled ? onPress : undefined}\n      paddingHorizontal={16}\n      paddingVertical={8}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      backgroundColor={getBackgroundColor()}\n      hoverStyle={\n        !disabled && !selected\n          ? {\n              backgroundColor: theme.colors.control.input.bgHover,\n            }\n          : undefined\n      }\n      role=\"menuitem\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onKeyDown={handleKeyDown}\n      testID={testID}\n      style={{\n        opacity: disabled ? 0.5 : 1,\n        cursor: disabled ? \"not-allowed\" : \"pointer\",\n      }}\n    >\n      {icon && (\n        <Box marginRight={12} alignItems=\"center\" justifyContent=\"center\">\n          {icon}\n        </Box>\n      )}\n      <Box flex={1}>\n        <Text color={getContentColor()} fontSize={14} fontWeight=\"400\">\n          {children}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nDropdown.displayName = \"Dropdown\";\nDropdownItem.displayName = \"DropdownItem\";\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"],"mappings":"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","names":["jsx","jsx"]}
+{"version":3,"sources":["../../src/Dropdown.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme, type ThemeOverrideProps, type ThemeMode, type ProductContext } from \"@xsolla/xui-core\";\n\nexport interface DropdownProps extends ThemeOverrideProps {\n  id?: string;\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Width of the dropdown menu (does not affect trigger width) */\n  width?: string | number;\n  /** Horizontal alignment of dropdown menu relative to trigger. Default: \"start\" */\n  align?: \"start\" | \"end\";\n  /** Accessible label for the dropdown menu */\n  \"aria-label\"?: string;\n  /** Test ID for testing frameworks */\n  testID?: string;\n  /** Theme mode for the dropdown menu overlay. Defaults to themeMode when not set. */\n  overlayThemeMode?: ThemeMode;\n  /** Product context for the dropdown menu overlay. Defaults to themeProductContext when not set. */\n  overlayThemeProductContext?: ProductContext;\n}\n\nexport const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      id,\n      trigger,\n      children,\n      isOpen: propIsOpen,\n      onOpenChange,\n      width = \"auto\",\n      align = \"start\",\n      \"aria-label\": ariaLabel,\n      testID,\n      themeMode,\n      themeProductContext,\n      overlayThemeMode,\n      overlayThemeProductContext,\n    },\n    ref\n  ) => {\n    const [internalIsOpen, setInternalIsOpen] = useState(false);\n    const isOpen = propIsOpen !== undefined ? propIsOpen : internalIsOpen;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    React.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\n    const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme: overlayTheme } = useResolvedTheme({\n      themeMode: overlayThemeMode ?? themeMode,\n      themeProductContext: overlayThemeProductContext ?? themeProductContext,\n    });\n\n    const closeMenu = useCallback(() => {\n      if (propIsOpen === undefined) setInternalIsOpen(false);\n      if (onOpenChange) onOpenChange(false);\n    }, [propIsOpen, onOpenChange]);\n\n    const toggleOpen = useCallback(() => {\n      const nextOpen = !isOpen;\n      if (propIsOpen === undefined) setInternalIsOpen(nextOpen);\n      if (onOpenChange) onOpenChange(nextOpen);\n    }, [isOpen, propIsOpen, onOpenChange]);\n\n    const focusTrigger = useCallback(() => {\n      if (typeof document !== \"undefined\" && triggerRef.current) {\n        const focusable = triggerRef.current.querySelector<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable) focusable.focus();\n      }\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Escape\" && isOpen) {\n          event.preventDefault();\n          closeMenu();\n          focusTrigger();\n        } else if (event.key === \"Tab\" && isOpen) {\n          closeMenu();\n          focusTrigger();\n        }\n      },\n      [isOpen, closeMenu, focusTrigger]\n    );\n\n    const handleTriggerKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          toggleOpen();\n        } else if (event.key === \"ArrowDown\" && !isOpen) {\n          event.preventDefault();\n          if (propIsOpen === undefined) setInternalIsOpen(true);\n          if (onOpenChange) onOpenChange(true);\n        }\n      },\n      [isOpen, toggleOpen, propIsOpen, onOpenChange]\n    );\n\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n          closeMenu();\n        }\n      };\n      if (isOpen && typeof document !== \"undefined\") {\n        document.addEventListener(\"mousedown\", handleClickOutside);\n      }\n      return () => {\n        if (typeof document !== \"undefined\") {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n      };\n    }, [isOpen, closeMenu]);\n\n    return (\n      <div\n        ref={containerRef}\n        id={id}\n        style={{ position: \"relative\", width: \"fit-content\", alignSelf: \"flex-start\", height: \"fit-content\" }}\n        onKeyDown={handleKeyDown}\n        data-testid={testID}\n      >\n        <div ref={triggerRef} onClick={toggleOpen} onKeyDown={handleTriggerKeyDown} aria-haspopup=\"menu\" aria-expanded={isOpen}>\n          {trigger}\n        </div>\n        {isOpen && (\n          <Box\n            ref={menuRef}\n            position=\"absolute\"\n            top=\"100%\"\n            {...(align === \"end\" ? { right: 0 } : { left: 0 })}\n            marginTop={4}\n            backgroundColor={overlayTheme.colors.background.secondary}\n            borderColor={overlayTheme.colors.border.secondary}\n            borderWidth={1}\n            borderRadius={overlayTheme.shape.contextMenu.md.borderRadius}\n            paddingVertical={4}\n            role=\"menu\"\n            {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n            style={{\n              zIndex: 1000,\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n              ...(width === \"auto\" ? { minWidth: \"100%\" } : { width }),\n            }}\n          >\n            {children}\n          </Box>\n        )}\n      </div>\n    );\n  }\n);\n\nexport interface DropdownItemProps extends ThemeOverrideProps {\n  children: React.ReactNode;\n  onPress?: () => void;\n  active?: boolean;\n  /** Whether this item is selected (shows trailing checkmark with control/check/bg color) */\n  selected?: boolean;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  /** Test ID for testing frameworks */\n  testID?: string;\n}\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n  children,\n  onPress,\n  active,\n  selected,\n  disabled,\n  icon,\n  testID,\n  themeMode,\n  themeProductContext,\n}) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n  const brandColors = theme.colors.control.brand.primary;\n  const contentColors = theme.colors.content;\n\n  const getBackgroundColor = () => {\n    if (selected) return brandColors?.bg || theme.colors.control.input.bg;\n    if (active) return theme.colors.control.input.bgHover;\n    return \"transparent\";\n  };\n\n  const getContentColor = () => {\n    if (selected) return contentColors?.on?.brand || theme.colors.content.primary;\n    return theme.colors.content.secondary;\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === \"Enter\" || event.key === \" \") && !disabled && onPress) {\n      event.preventDefault();\n      onPress();\n    }\n  };\n\n  return (\n    <Box\n      onPress={!disabled ? onPress : undefined}\n      paddingHorizontal={16}\n      paddingVertical={8}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      backgroundColor={getBackgroundColor()}\n      hoverStyle={!disabled && !selected ? { backgroundColor: theme.colors.control.input.bgHover } : undefined}\n      role=\"menuitem\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onKeyDown={handleKeyDown}\n      testID={testID}\n      style={{ opacity: disabled ? 0.5 : 1, cursor: disabled ? \"not-allowed\" : \"pointer\" }}\n    >\n      {icon && (\n        <Box marginRight={12} alignItems=\"center\" justifyContent=\"center\">\n          {icon}\n        </Box>\n      )}\n      <Box flex={1}>\n        <Text color={getContentColor()} fontSize={14} fontWeight=\"400\">\n          {children}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nDropdown.displayName = \"Dropdown\";\nDropdownItem.displayName = \"DropdownItem\";\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"],"mappings":"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","names":["jsx","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-dropdown",
-  "version": "0.172.1",
+  "version": "0.172.2-pr358.1781799261",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,11 +13,11 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-button": "0.172.1",
-    "@xsolla/xui-core": "0.172.1",
-    "@xsolla/xui-divider": "0.172.1",
-    "@xsolla/xui-icons": "0.172.1",
-    "@xsolla/xui-primitives-core": "0.172.1"
+    "@xsolla/xui-button": "0.172.2-pr358.1781799261",
+    "@xsolla/xui-core": "0.172.2-pr358.1781799261",
+    "@xsolla/xui-divider": "0.172.2-pr358.1781799261",
+    "@xsolla/xui-icons": "0.172.2-pr358.1781799261",
+    "@xsolla/xui-primitives-core": "0.172.2-pr358.1781799261"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ThemeOverrideProps, ThemeMode, ProductContext } from '@xsolla/xui-core';
 
 interface DropdownProps extends ThemeOverrideProps {
     id?: string;
@@ -15,6 +15,10 @@ interface DropdownProps extends ThemeOverrideProps {
     "aria-label"?: string;
     /** Test ID for testing frameworks */
     testID?: string;
+    /** Theme mode for the dropdown menu overlay. Defaults to themeMode when not set. */
+    overlayThemeMode?: ThemeMode;
+    /** Product context for the dropdown menu overlay. Defaults to themeProductContext when not set. */
+    overlayThemeProductContext?: ProductContext;
 }
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownItemProps extends ThemeOverrideProps {

package/web/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ThemeOverrideProps, ThemeMode, ProductContext } from '@xsolla/xui-core';
 
 interface DropdownProps extends ThemeOverrideProps {
     id?: string;
@@ -15,6 +15,10 @@ interface DropdownProps extends ThemeOverrideProps {
     "aria-label"?: string;
     /** Test ID for testing frameworks */
     testID?: string;
+    /** Theme mode for the dropdown menu overlay. Defaults to themeMode when not set. */
+    overlayThemeMode?: ThemeMode;
+    /** Product context for the dropdown menu overlay. Defaults to themeProductContext when not set. */
+    overlayThemeProductContext?: ProductContext;
 }
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownItemProps extends ThemeOverrideProps {