@xsolla/xui-select 0.72.0 → 0.73.0

package/native/index.d.mts

@@ -11,15 +11,15 @@ interface SelectProps {
     onPress?: () => void;
     size?: "xl" | "lg" | "md" | "sm" | "xs";
     state?: "default" | "hover" | "focus" | "disable" | "error";
+    disabled?: boolean;
     label?: string;
-    errorLabel?: string;
+    errorMessage?: string;
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     filled?: boolean;
     iconOnly?: boolean;
     options?: (string | SelectOption)[];
-    onSelect?: (option: string) => void;
-    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 declare const Select: React.FC<SelectProps>;
 

package/native/index.d.ts

@@ -11,15 +11,15 @@ interface SelectProps {
     onPress?: () => void;
     size?: "xl" | "lg" | "md" | "sm" | "xs";
     state?: "default" | "hover" | "focus" | "disable" | "error";
+    disabled?: boolean;
     label?: string;
-    errorLabel?: string;
+    errorMessage?: string;
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     filled?: boolean;
     iconOnly?: boolean;
     options?: (string | SelectOption)[];
-    onSelect?: (option: string) => void;
-    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 declare const Select: React.FC<SelectProps>;
 

package/native/index.js

@@ -532,7 +532,7 @@ var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       {
         d: "M4.5 6.75L9 11.25L13.5 6.75",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "1",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -552,40 +552,67 @@ var ChevronUp = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       {
         d: "M13.5 11.25L9 6.75L4.5 11.25",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "1",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   }
 );
+var ExclamationMarkCr = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  "svg",
+  {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    style: { stroke: "none" },
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "path",
+        {
+          d: "M9.75 12.75C9.75 13.16 9.41 13.5 9 13.5C8.59 13.5 8.25 13.16 8.25 12.75C8.25 12.34 8.59 12 9 12C9.41 12 9.75 12.34 9.75 12.75Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M9.75 10.5H8.25V4.5H9.75V10.5Z", fill: "currentColor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9 1.5C13.14 1.5 16.5 4.86 16.5 9C16.5 13.14 13.14 16.5 9 16.5C4.86 16.5 1.5 13.14 1.5 9C1.5 4.86 4.86 1.5 9 1.5ZM9 3C5.69 3 3 5.69 3 9C3 12.31 5.69 15 9 15C12.31 15 15 12.31 15 9C15 5.69 12.31 3 9 3Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
 var Select = ({
   value,
   placeholder = "Select",
   onPress,
   size = "md",
   state: externalState,
+  disabled = false,
   label,
-  errorLabel,
+  errorMessage,
   iconLeft,
   iconRight,
   filled = true,
   iconOnly = false,
   options = [],
-  onSelect,
-  onValueChange
+  onChange
 }) => {
   const { theme } = (0, import_xui_core.useDesignSystem)();
-  const [internalState, setInternalState] = (0, import_react4.useState)(
-    "default"
-  );
+  const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
   const [selectedValue, setSelectedValue] = (0, import_react4.useState)(value);
   const dropdownRef = (0, import_react4.useRef)(null);
   const selectedItemRef = (0, import_react4.useRef)(null);
-  const state = externalState || internalState;
-  const isDisable = state === "disable";
-  const isError = state === "error";
-  const isFocus = state === "focus";
+  const isDisable = externalState === "disable" || disabled;
+  const isError = externalState === "error" || !!errorMessage;
+  const isFocus = externalState === "focus" || isOpen;
   import_react4.default.useEffect(() => {
     if (value !== void 0) {
       setSelectedValue(value);
@@ -619,32 +646,32 @@ var Select = ({
   const handlePress = () => {
     if (!isDisable) {
       if (onPress) onPress();
-      setInternalState(internalState === "default" ? "focus" : "default");
+      setIsOpen(!isOpen);
     }
   };
   const handleSelect = (option) => {
     if (getOptionDisabled(option)) return;
     const val = getOptionValue(option);
     setSelectedValue(val);
-    setInternalState("default");
-    if (onSelect) onSelect(val);
-    if (onValueChange) onValueChange(val);
+    setIsOpen(false);
+    if (onChange) onChange(val);
   };
+  const isHover = externalState === "hover";
   let backgroundColor = inputColors.bg;
   let borderColor = inputColors.border;
   if (isDisable) {
     backgroundColor = inputColors.bgDisable;
     borderColor = inputColors.borderDisable;
-  } else if (isError) {
-    borderColor = theme.colors.border.alert;
   } else if (isFocus) {
     backgroundColor = theme.colors.control.focus.bg;
-    borderColor = theme.colors.border.brand;
-  } else if (state === "hover") {
+    borderColor = isError ? theme.colors.border.alert : theme.colors.border.brand;
+  } else if (isError) {
+    borderColor = theme.colors.border.alert;
+  } else if (isHover) {
     backgroundColor = inputColors.bgHover;
     borderColor = inputColors.borderHover;
   }
-  if (filled === false && !isFocus && !isError && state !== "hover") {
+  if (filled === false && !isFocus && !isError && !isHover) {
     backgroundColor = "transparent";
   }
   const currentLabel = selectedValue ? getOptionLabel(
@@ -652,119 +679,138 @@ var Select = ({
   ) : placeholder;
   const textColor = isDisable ? inputColors.textDisable : selectedValue ? inputColors.text : inputColors.placeholder;
   const iconColor = isDisable ? inputColors.textDisable : inputColors.text;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box, { flexDirection: "column", gap: 8, width: "100%", position: "relative", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Text,
-      {
-        color: theme.colors.content.secondary,
-        fontSize: sizeStyles.fontSize - 2,
-        fontWeight: "500",
-        children: label
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      Box,
-      {
-        onPress: handlePress,
-        backgroundColor,
-        borderColor,
-        borderWidth: borderColor !== "transparent" ? 1 : 0,
-        borderRadius: theme.radius.button,
-        height: sizeStyles.height,
-        width: iconOnly ? sizeStyles.height : "100%",
-        paddingHorizontal: iconOnly ? 0 : sizeStyles.paddingHorizontal,
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: iconOnly ? "center" : "flex-start",
-        gap: iconOnly ? 4 : 12,
-        position: "relative",
-        hoverStyle: !isDisable && !isFocus && !isError ? {
-          backgroundColor: inputColors.bgHover,
-          borderColor: inputColors.borderHover
-        } : void 0,
-        children: [
-          iconLeft && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconLeft }) }),
-          !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, height: "100%", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            Text,
-            {
-              color: textColor,
-              fontSize: sizeStyles.fontSize,
-              numberOfLines: 1,
-              children: currentLabel
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconRight !== void 0 ? iconRight : isFocus ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronDown, {}) }) })
-        ]
-      }
-    ),
-    isFocus && options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Box,
-      {
-        ref: dropdownRef,
-        position: "absolute",
-        top: sizeStyles.height + (label ? 30 : 0) + 4,
-        left: 0,
-        right: 0,
-        backgroundColor: theme.colors.background.secondary,
-        borderColor: theme.colors.border.secondary,
-        borderWidth: 1,
-        borderRadius: theme.radius.button,
-        paddingVertical: 4,
-        style: {
-          zIndex: 1e3,
-          boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
-          maxHeight: 240,
-          overflowY: "auto"
-        },
-        children: options.map((option, index) => {
-          const optionValue = getOptionValue(option);
-          const optionLabel = getOptionLabel(option);
-          const isOptionDisabled = getOptionDisabled(option);
-          const isSelected = optionValue === selectedValue;
-          const brandColors = theme.colors.control.brand.primary;
-          const contentColors = theme.colors.content;
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            Box,
-            {
-              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: {
-                cursor: isOptionDisabled ? "not-allowed" : "pointer",
-                opacity: isOptionDisabled ? 0.5 : 1
-              },
-              hoverStyle: !isSelected && !isOptionDisabled ? {
-                backgroundColor: theme.colors.control.input.bgHover
-              } : void 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    Box,
+    {
+      flexDirection: "column",
+      gap: sizeStyles.fieldGap,
+      width: "100%",
+      position: "relative",
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Text,
+          {
+            color: theme.colors.content.secondary,
+            fontSize: sizeStyles.fontSize - 2,
+            fontWeight: "500",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          Box,
+          {
+            onPress: handlePress,
+            backgroundColor,
+            borderColor,
+            borderWidth: borderColor !== "transparent" ? 1 : 0,
+            borderRadius: sizeStyles.radius,
+            height: sizeStyles.height,
+            width: iconOnly ? sizeStyles.height : "100%",
+            paddingHorizontal: iconOnly ? 0 : sizeStyles.paddingHorizontal,
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: iconOnly ? "center" : "flex-start",
+            gap: iconOnly ? 4 : 12,
+            position: "relative",
+            hoverStyle: !isDisable && !isFocus && !isError ? {
+              backgroundColor: inputColors.bgHover,
+              borderColor: inputColors.borderHover
+            } : void 0,
+            children: [
+              iconLeft && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconLeft }) }),
+              !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, height: "100%", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 Text,
                 {
-                  color: isSelected ? contentColors.on.brand : theme.colors.content.secondary,
+                  color: textColor,
                   fontSize: sizeStyles.fontSize,
-                  fontWeight: "400",
-                  children: optionLabel
+                  numberOfLines: 1,
+                  children: currentLabel
                 }
-              )
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box, { flexDirection: "row", alignItems: "center", gap: 4, children: [
+                isError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  Icon,
+                  {
+                    size: sizeStyles.iconSize,
+                    color: theme.colors.content.alert.primary,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ExclamationMarkCr, {})
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { size: sizeStyles.iconSize, color: iconColor, children: iconRight !== void 0 ? iconRight : isFocus ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronDown, {}) })
+              ] })
+            ]
+          }
+        ),
+        isFocus && options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Box,
+          {
+            ref: dropdownRef,
+            position: "absolute",
+            top: sizeStyles.height + (label ? 30 : 0) + 4,
+            left: 0,
+            right: 0,
+            backgroundColor: theme.colors.background.secondary,
+            borderColor: theme.colors.border.secondary,
+            borderWidth: 1,
+            borderRadius: theme.radius.button,
+            paddingVertical: 4,
+            style: {
+              zIndex: 1e3,
+              boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+              maxHeight: 240,
+              overflowY: "auto"
             },
-            index
-          );
-        })
-      }
-    ),
-    isError && errorLabel && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Text,
-      {
-        color: theme.colors.content.alert.primary,
-        fontSize: sizeStyles.fontSize - 2,
-        children: errorLabel
-      }
-    )
-  ] });
+            children: options.map((option, index) => {
+              const optionValue = getOptionValue(option);
+              const optionLabel = getOptionLabel(option);
+              const isOptionDisabled = getOptionDisabled(option);
+              const isSelected = optionValue === selectedValue;
+              const brandColors = theme.colors.control.brand.primary;
+              const contentColors = theme.colors.content;
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                Box,
+                {
+                  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: {
+                    cursor: isOptionDisabled ? "not-allowed" : "pointer",
+                    opacity: isOptionDisabled ? 0.5 : 1
+                  },
+                  hoverStyle: !isSelected && !isOptionDisabled ? {
+                    backgroundColor: theme.colors.control.input.bgHover
+                  } : void 0,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    Text,
+                    {
+                      color: isSelected ? contentColors.on.brand : theme.colors.content.secondary,
+                      fontSize: sizeStyles.fontSize,
+                      fontWeight: "400",
+                      children: optionLabel
+                    }
+                  )
+                },
+                index
+              );
+            })
+          }
+        ),
+        isError && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Text,
+          {
+            color: theme.colors.content.alert.primary,
+            fontSize: sizeStyles.fontSize - 2,
+            children: errorMessage
+          }
+        )
+      ]
+    }
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/native/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/Select.tsx","../../../primitives-native/src/Box.tsx","../../../primitives-native/src/Text.tsx","../../../primitives-native/src/Spinner.tsx","../../../primitives-native/src/Icon.tsx","../../../primitives-native/src/Divider.tsx","../../../primitives-native/src/Input.tsx","../../../primitives-native/src/TextArea.tsx"],"sourcesContent":["export * from \"./Select\";\n","import React, { useState, useRef, useEffect } from \"react\";\n// @ts-ignore - this will be resolved at build time\nimport { Box, Text, Icon } from \"@xsolla/xui-primitives\";\nimport { useDesignSystem } from \"@xsolla/xui-core\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps {\n  value?: string;\n  placeholder?: string;\n  onPress?: () => void;\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  state?: \"default\" | \"hover\" | \"focus\" | \"disable\" | \"error\";\n  label?: string;\n  errorLabel?: string;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  filled?: boolean;\n  iconOnly?: boolean;\n  options?: (string | SelectOption)[];\n  onSelect?: (option: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\nconst ChevronDown = () => (\n  <svg\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 18 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M4.5 6.75L9 11.25L13.5 6.75\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst ChevronUp = () => (\n  <svg\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 18 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M13.5 11.25L9 6.75L4.5 11.25\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const Select: React.FC<SelectProps> = ({\n  value,\n  placeholder = \"Select\",\n  onPress,\n  size = \"md\",\n  state: externalState,\n  label,\n  errorLabel,\n  iconLeft,\n  iconRight,\n  filled = true,\n  iconOnly = false,\n  options = [],\n  onSelect,\n  onValueChange,\n}) => {\n  const { theme } = useDesignSystem();\n  const [internalState, setInternalState] = useState<\"default\" | \"focus\">(\n    \"default\"\n  );\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n\n  const state = externalState || internalState;\n  const isDisable = state === \"disable\";\n  const isError = state === \"error\";\n  const isFocus = state === \"focus\";\n\n  // Sync selectedValue with value prop\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setSelectedValue(value);\n    }\n  }, [value]);\n\n  // Auto-scroll to selected item when dropdown opens (show at top)\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      // Use setTimeout to ensure DOM has rendered\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem) {\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n        }\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  const getOptionLabel = (option: string | SelectOption) => {\n    if (typeof option === \"string\") return option;\n    return option.label;\n  };\n\n  const getOptionValue = (option: string | SelectOption) => {\n    if (typeof option === \"string\") return option;\n    return option.value;\n  };\n\n  const getOptionDisabled = (option: string | SelectOption) => {\n    if (typeof option === \"string\") return false;\n    return option.disabled || false;\n  };\n\n  // 1. Resolve Config from Theme\n  // @ts-ignore\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.colors.control.input;\n\n  const handlePress = () => {\n    if (!isDisable) {\n      if (onPress) onPress();\n      setInternalState(internalState === \"default\" ? \"focus\" : \"default\");\n    }\n  };\n\n  const handleSelect = (option: string | SelectOption) => {\n    if (getOptionDisabled(option)) return;\n    const val = getOptionValue(option);\n    setSelectedValue(val);\n    setInternalState(\"default\");\n    if (onSelect) onSelect(val);\n    if (onValueChange) onValueChange(val);\n  };\n\n  // Resolve background and border colors based on state\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 (isError) {\n    borderColor = theme.colors.border.alert;\n  } else if (isFocus) {\n    backgroundColor = theme.colors.control.focus.bg;\n    borderColor = theme.colors.border.brand;\n  } else if (state === \"hover\") {\n    backgroundColor = inputColors.bgHover;\n    borderColor = inputColors.borderHover;\n  }\n\n  // Handle filled override if provided\n  if (filled === false && !isFocus && !isError && state !== \"hover\") {\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 flexDirection=\"column\" gap={8} width=\"100%\" position=\"relative\">\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={theme.radius.button}\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\n        {!iconOnly && (\n          <Box flex={1} height=\"100%\" justifyContent=\"center\">\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n\n        <Box alignItems=\"center\" justifyContent=\"center\">\n          <Icon size={sizeStyles.iconSize} color={iconColor}>\n            {iconRight !== undefined ? (\n              iconRight\n            ) : isFocus ? (\n              <ChevronUp />\n            ) : (\n              <ChevronDown />\n            )}\n          </Icon>\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isFocus && options.length > 0 && (\n        <Box\n          ref={dropdownRef}\n          position=\"absolute\"\n          top={sizeStyles.height + (label ? 30 : 0) + 4}\n          left={0}\n          right={0}\n          backgroundColor={theme.colors.background.secondary}\n          borderColor={theme.colors.border.secondary}\n          borderWidth={1}\n          borderRadius={theme.radius.button}\n          paddingVertical={4}\n          // @ts-ignore - style used for z-index and scrolling\n          style={{\n            zIndex: 1000,\n            boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n            maxHeight: 240,\n            overflowY: \"auto\",\n          }}\n        >\n          {options.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            // @ts-ignore - control.brand.primary for selected state\n            const brandColors = theme.colors.control.brand.primary;\n            // @ts-ignore\n            const contentColors = theme.colors.content;\n\n            return (\n              <Box\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                // @ts-ignore - style prop for cursor and opacity\n                style={{\n                  cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? {\n                        backgroundColor: theme.colors.control.input.bgHover,\n                      }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : theme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })}\n        </Box>\n      )}\n\n      {isError && errorLabel && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n        >\n          {errorLabel}\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  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    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 { Text as RNText, TextStyle, AccessibilityRole } from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web roles to React Native accessibility roles\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  id,\n  role,\n  ...props\n}) => {\n  // Extract the first font name from a comma-separated list (e.g. for web-style font stacks)\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  // On native, if we don't have the custom font loaded, it's better to use the system font\n  // to avoid rendering issues or missing text.\n  if (resolvedFontFamily === \"Pilat Wide Bold\") {\n    resolvedFontFamily = undefined;\n  }\n\n  const style: TextStyle = {\n    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  };\n\n  // Map role to React Native accessibilityRole\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText style={style} testID={id} accessibilityRole={accessibilityRole}>\n      {children}\n    </RNText>\n  );\n};\n","import type React from \"react\";\nimport { ActivityIndicator, View } from \"react-native\";\nimport type { SpinnerProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Spinner: React.FC<SpinnerProps> = ({\n  color,\n  size,\n  role,\n  \"aria-label\": ariaLabel,\n  \"aria-live\": ariaLive,\n  \"aria-describedby\": ariaDescribedBy,\n  testID,\n}) => {\n  return (\n    <View\n      accessible={true}\n      accessibilityRole={role === \"status\" ? \"none\" : undefined}\n      accessibilityLabel={ariaLabel}\n      accessibilityLiveRegion={\n        ariaLive === \"polite\"\n          ? \"polite\"\n          : ariaLive === \"assertive\"\n            ? \"assertive\"\n            : \"none\"\n      }\n      testID={testID}\n    >\n      <ActivityIndicator\n        color={color}\n        size={typeof size === \"number\" ? size : \"small\"}\n      />\n    </View>\n  );\n};\n\nSpinner.displayName = \"Spinner\";\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> = ({ children, color, size }) => {\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      // @ts-ignore - passing color down to potential Text/Icon children\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 <View style={style}>{childrenWithProps}</View>;\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { DividerProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Divider: React.FC<DividerProps> = ({\n  color,\n  height,\n  width,\n  vertical,\n  dashStroke,\n}) => {\n  const style: ViewStyle = {\n    backgroundColor: dashStroke\n      ? \"transparent\"\n      : color || \"rgba(255, 255, 255, 0.15)\",\n    width: vertical ? (typeof width === \"number\" ? width : 1) : \"100%\",\n    height: vertical ? \"100%\" : typeof height === \"number\" ? height : 1,\n    ...(dashStroke && {\n      borderStyle: \"dashed\",\n      borderColor: color || \"rgba(255, 255, 255, 0.15)\",\n      borderWidth: 0,\n      ...(vertical\n        ? { borderLeftWidth: typeof width === \"number\" ? width : 1 }\n        : { borderTopWidth: typeof height === \"number\" ? height : 1 }),\n    }),\n  };\n\n  return <View style={style} />;\n};\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { InputPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web input types to React Native keyboard types\nconst keyboardTypeMap: Record<string, any> = {\n  text: \"default\",\n  number: \"numeric\",\n  email: \"email-address\",\n  tel: \"phone-pad\",\n  url: \"url\",\n  decimal: \"decimal-pad\",\n};\n\n// Map web inputMode to React Native keyboard types\nconst inputModeToKeyboardType: Record<string, any> = {\n  none: \"default\",\n  text: \"default\",\n  decimal: \"decimal-pad\",\n  numeric: \"number-pad\",\n  tel: \"phone-pad\",\n  search: \"default\",\n  email: \"email-address\",\n  url: \"url\",\n};\n\n// Map web autoComplete to React Native textContentType (iOS)\nconst autoCompleteToTextContentType: Record<string, any> = {\n  \"one-time-code\": \"oneTimeCode\",\n  email: \"emailAddress\",\n  username: \"username\",\n  password: \"password\",\n  \"new-password\": \"newPassword\",\n  tel: \"telephoneNumber\",\n  \"postal-code\": \"postalCode\",\n  name: \"name\",\n};\n\nexport const InputPrimitive = forwardRef<RNTextInput, InputPrimitiveProps>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      secureTextEntry,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      name,\n      type,\n      inputMode,\n      autoComplete,\n      id,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      // Create a synthetic event for onChange compatibility\n      // Include nativeEvent and no-op methods to prevent runtime errors\n      // when consumers expect DOM-like event behavior\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    // Determine keyboard type - inputMode takes precedence over type\n    const keyboardType = inputMode\n      ? inputModeToKeyboardType[inputMode] || \"default\"\n      : type\n        ? keyboardTypeMap[type] || \"default\"\n        : \"default\";\n\n    // Determine textContentType for iOS autofill\n    const textContentType = autoComplete\n      ? autoCompleteToTextContentType[autoComplete]\n      : undefined;\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          // Map onKeyPress to onKeyDown for cross-platform compatibility\n          // Include preventDefault to avoid runtime errors when consumers call it\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        secureTextEntry={secureTextEntry || type === \"password\"}\n        keyboardType={keyboardType}\n        textContentType={textContentType}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        // React Native accessibility props\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nInputPrimitive.displayName = \"InputPrimitive\";\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { TextAreaPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\nexport const TextAreaPrimitive = forwardRef<\n  RNTextInput,\n  TextAreaPrimitiveProps\n>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      rows,\n      id,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLTextAreaElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        multiline={true}\n        numberOfLines={rows || 4}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlignVertical: \"top\",\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nTextAreaPrimitive.displayName = \"TextAreaPrimitive\";\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","import_react_native","import_jsx_runtime","React","import_react_native","import_jsx_runtime","import_react","import_react_native","import_jsx_runtime","RNTextInput","import_react","import_react_native","import_jsx_runtime","RNTextInput","import_jsx_runtime","React"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/Select.tsx","../../../primitives-native/src/Box.tsx","../../../primitives-native/src/Text.tsx","../../../primitives-native/src/Spinner.tsx","../../../primitives-native/src/Icon.tsx","../../../primitives-native/src/Divider.tsx","../../../primitives-native/src/Input.tsx","../../../primitives-native/src/TextArea.tsx"],"sourcesContent":["export * from \"./Select\";\n","import React, { useState, useRef, useEffect } from \"react\";\n// @ts-ignore - this will be resolved at build time\nimport { Box, Text, Icon } from \"@xsolla/xui-primitives\";\nimport { useDesignSystem } from \"@xsolla/xui-core\";\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\nexport interface SelectProps {\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}\n\nconst ChevronDown = () => (\n  <svg\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 18 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M4.5 6.75L9 11.25L13.5 6.75\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst ChevronUp = () => (\n  <svg\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 18 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M13.5 11.25L9 6.75L4.5 11.25\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst ExclamationMarkCr = () => (\n  <svg\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 18 18\"\n    fill=\"none\"\n    style={{ stroke: \"none\" }}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M9.75 12.75C9.75 13.16 9.41 13.5 9 13.5C8.59 13.5 8.25 13.16 8.25 12.75C8.25 12.34 8.59 12 9 12C9.41 12 9.75 12.34 9.75 12.75Z\"\n      fill=\"currentColor\"\n    />\n    <path d=\"M9.75 10.5H8.25V4.5H9.75V10.5Z\" fill=\"currentColor\" />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M9 1.5C13.14 1.5 16.5 4.86 16.5 9C16.5 13.14 13.14 16.5 9 16.5C4.86 16.5 1.5 13.14 1.5 9C1.5 4.86 4.86 1.5 9 1.5ZM9 3C5.69 3 3 5.69 3 9C3 12.31 5.69 15 9 15C12.31 15 15 12.31 15 9C15 5.69 12.31 3 9 3Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\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}) => {\n  const { theme } = useDesignSystem();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string | undefined>(value);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n\n  const isDisable = externalState === \"disable\" || disabled;\n  const isError = externalState === \"error\" || !!errorMessage;\n  const isFocus = externalState === \"focus\" || isOpen;\n\n  // Sync selectedValue with value prop\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setSelectedValue(value);\n    }\n  }, [value]);\n\n  // Auto-scroll to selected item when dropdown opens (show at top)\n  useEffect(() => {\n    if (isFocus && selectedItemRef.current && dropdownRef.current) {\n      // Use setTimeout to ensure DOM has rendered\n      const timeoutId = setTimeout(() => {\n        const selectedItem = selectedItemRef.current;\n        if (selectedItem) {\n          selectedItem.scrollIntoView({ block: \"nearest\" });\n        }\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isFocus]);\n\n  const getOptionLabel = (option: string | SelectOption) => {\n    if (typeof option === \"string\") return option;\n    return option.label;\n  };\n\n  const getOptionValue = (option: string | SelectOption) => {\n    if (typeof option === \"string\") return option;\n    return option.value;\n  };\n\n  const getOptionDisabled = (option: string | SelectOption) => {\n    if (typeof option === \"string\") return false;\n    return option.disabled || false;\n  };\n\n  // 1. Resolve Config from Theme\n  // @ts-ignore\n  const sizeStyles = theme.sizing.input(size);\n  const inputColors = theme.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  // Resolve background and border colors based on state\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  // Handle filled override if provided\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      flexDirection=\"column\"\n      gap={sizeStyles.fieldGap}\n      width=\"100%\"\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\n        {!iconOnly && (\n          <Box flex={1} height=\"100%\" justifyContent=\"center\">\n            <Text\n              color={textColor}\n              fontSize={sizeStyles.fontSize}\n              numberOfLines={1}\n            >\n              {currentLabel}\n            </Text>\n          </Box>\n        )}\n\n        {/* Trailing controls */}\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\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\n          {/* Right icon or default caret */}\n          <Icon size={sizeStyles.iconSize} color={iconColor}>\n            {iconRight !== undefined ? (\n              iconRight\n            ) : isFocus ? (\n              <ChevronUp />\n            ) : (\n              <ChevronDown />\n            )}\n          </Icon>\n        </Box>\n      </Box>\n\n      {/* Dropdown Menu */}\n      {isFocus && options.length > 0 && (\n        <Box\n          ref={dropdownRef}\n          position=\"absolute\"\n          top={sizeStyles.height + (label ? 30 : 0) + 4}\n          left={0}\n          right={0}\n          backgroundColor={theme.colors.background.secondary}\n          borderColor={theme.colors.border.secondary}\n          borderWidth={1}\n          borderRadius={theme.radius.button}\n          paddingVertical={4}\n          // @ts-ignore - style used for z-index and scrolling\n          style={{\n            zIndex: 1000,\n            boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n            maxHeight: 240,\n            overflowY: \"auto\",\n          }}\n        >\n          {options.map((option, index) => {\n            const optionValue = getOptionValue(option);\n            const optionLabel = getOptionLabel(option);\n            const isOptionDisabled = getOptionDisabled(option);\n            const isSelected = optionValue === selectedValue;\n            // @ts-ignore - control.brand.primary for selected state\n            const brandColors = theme.colors.control.brand.primary;\n            // @ts-ignore\n            const contentColors = theme.colors.content;\n\n            return (\n              <Box\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                // @ts-ignore - style prop for cursor and opacity\n                style={{\n                  cursor: isOptionDisabled ? \"not-allowed\" : \"pointer\",\n                  opacity: isOptionDisabled ? 0.5 : 1,\n                }}\n                hoverStyle={\n                  !isSelected && !isOptionDisabled\n                    ? {\n                        backgroundColor: theme.colors.control.input.bgHover,\n                      }\n                    : undefined\n                }\n              >\n                <Text\n                  color={\n                    isSelected\n                      ? contentColors.on.brand\n                      : theme.colors.content.secondary\n                  }\n                  fontSize={sizeStyles.fontSize}\n                  fontWeight=\"400\"\n                >\n                  {optionLabel}\n                </Text>\n              </Box>\n            );\n          })}\n        </Box>\n      )}\n\n      {isError && errorMessage && (\n        <Text\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\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  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    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 { Text as RNText, TextStyle, AccessibilityRole } from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web roles to React Native accessibility roles\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  id,\n  role,\n  ...props\n}) => {\n  // Extract the first font name from a comma-separated list (e.g. for web-style font stacks)\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  // On native, if we don't have the custom font loaded, it's better to use the system font\n  // to avoid rendering issues or missing text.\n  if (resolvedFontFamily === \"Pilat Wide Bold\") {\n    resolvedFontFamily = undefined;\n  }\n\n  const style: TextStyle = {\n    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  };\n\n  // Map role to React Native accessibilityRole\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText style={style} testID={id} accessibilityRole={accessibilityRole}>\n      {children}\n    </RNText>\n  );\n};\n","import type React from \"react\";\nimport { ActivityIndicator, View } from \"react-native\";\nimport type { SpinnerProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Spinner: React.FC<SpinnerProps> = ({\n  color,\n  size,\n  role,\n  \"aria-label\": ariaLabel,\n  \"aria-live\": ariaLive,\n  \"aria-describedby\": ariaDescribedBy,\n  testID,\n}) => {\n  return (\n    <View\n      accessible={true}\n      accessibilityRole={role === \"status\" ? \"none\" : undefined}\n      accessibilityLabel={ariaLabel}\n      accessibilityLiveRegion={\n        ariaLive === \"polite\"\n          ? \"polite\"\n          : ariaLive === \"assertive\"\n            ? \"assertive\"\n            : \"none\"\n      }\n      testID={testID}\n    >\n      <ActivityIndicator\n        color={color}\n        size={typeof size === \"number\" ? size : \"small\"}\n      />\n    </View>\n  );\n};\n\nSpinner.displayName = \"Spinner\";\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> = ({ children, color, size }) => {\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      // @ts-ignore - passing color down to potential Text/Icon children\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 <View style={style}>{childrenWithProps}</View>;\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { DividerProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Divider: React.FC<DividerProps> = ({\n  color,\n  height,\n  width,\n  vertical,\n  dashStroke,\n}) => {\n  const style: ViewStyle = {\n    backgroundColor: dashStroke\n      ? \"transparent\"\n      : color || \"rgba(255, 255, 255, 0.15)\",\n    width: vertical ? (typeof width === \"number\" ? width : 1) : \"100%\",\n    height: vertical ? \"100%\" : typeof height === \"number\" ? height : 1,\n    ...(dashStroke && {\n      borderStyle: \"dashed\",\n      borderColor: color || \"rgba(255, 255, 255, 0.15)\",\n      borderWidth: 0,\n      ...(vertical\n        ? { borderLeftWidth: typeof width === \"number\" ? width : 1 }\n        : { borderTopWidth: typeof height === \"number\" ? height : 1 }),\n    }),\n  };\n\n  return <View style={style} />;\n};\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { InputPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web input types to React Native keyboard types\nconst keyboardTypeMap: Record<string, any> = {\n  text: \"default\",\n  number: \"numeric\",\n  email: \"email-address\",\n  tel: \"phone-pad\",\n  url: \"url\",\n  decimal: \"decimal-pad\",\n};\n\n// Map web inputMode to React Native keyboard types\nconst inputModeToKeyboardType: Record<string, any> = {\n  none: \"default\",\n  text: \"default\",\n  decimal: \"decimal-pad\",\n  numeric: \"number-pad\",\n  tel: \"phone-pad\",\n  search: \"default\",\n  email: \"email-address\",\n  url: \"url\",\n};\n\n// Map web autoComplete to React Native textContentType (iOS)\nconst autoCompleteToTextContentType: Record<string, any> = {\n  \"one-time-code\": \"oneTimeCode\",\n  email: \"emailAddress\",\n  username: \"username\",\n  password: \"password\",\n  \"new-password\": \"newPassword\",\n  tel: \"telephoneNumber\",\n  \"postal-code\": \"postalCode\",\n  name: \"name\",\n};\n\nexport const InputPrimitive = forwardRef<RNTextInput, InputPrimitiveProps>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      secureTextEntry,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      name,\n      type,\n      inputMode,\n      autoComplete,\n      id,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      // Create a synthetic event for onChange compatibility\n      // Include nativeEvent and no-op methods to prevent runtime errors\n      // when consumers expect DOM-like event behavior\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    // Determine keyboard type - inputMode takes precedence over type\n    const keyboardType = inputMode\n      ? inputModeToKeyboardType[inputMode] || \"default\"\n      : type\n        ? keyboardTypeMap[type] || \"default\"\n        : \"default\";\n\n    // Determine textContentType for iOS autofill\n    const textContentType = autoComplete\n      ? autoCompleteToTextContentType[autoComplete]\n      : undefined;\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          // Map onKeyPress to onKeyDown for cross-platform compatibility\n          // Include preventDefault to avoid runtime errors when consumers call it\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        secureTextEntry={secureTextEntry || type === \"password\"}\n        keyboardType={keyboardType}\n        textContentType={textContentType}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        // React Native accessibility props\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nInputPrimitive.displayName = \"InputPrimitive\";\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { TextAreaPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\nexport const TextAreaPrimitive = forwardRef<\n  RNTextInput,\n  TextAreaPrimitiveProps\n>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      rows,\n      id,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLTextAreaElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        multiline={true}\n        numberOfLines={rows || 4}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlignVertical: \"top\",\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nTextAreaPrimitive.displayName = \"TextAreaPrimitive\";\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","import_react_native","import_jsx_runtime","React","import_react_native","import_jsx_runtime","import_react","import_react_native","import_jsx_runtime","RNTextInput","import_react","import_react_native","import_jsx_runtime","RNTextInput","import_jsx_runtime","React"]}