@xsolla/xui-b2c-image-thumbnail 0.199.0 → 0.200.0

package/native/index.mjs

@@ -2661,6 +2661,38 @@ import {
   Image
 } from "react-native";
 import { jsx } from "react/jsx-runtime";
+var roleToAccessibilityRole = {
+  button: "button",
+  link: "link",
+  img: "image",
+  image: "image",
+  summary: "summary",
+  switch: "switch",
+  checkbox: "checkbox",
+  radio: "radio",
+  heading: "header",
+  text: "text",
+  search: "search",
+  alert: "alert",
+  none: "none",
+  presentation: "none",
+  progressbar: "progressbar",
+  scrollbar: "scrollbar",
+  adjustable: "adjustable",
+  tab: "tab",
+  menu: "menu",
+  menuitem: "menuitem",
+  list: "list",
+  timer: "timer"
+};
+var toGapValue = (gap) => {
+  if (gap === void 0) return void 0;
+  if (typeof gap === "number") return gap;
+  const pxMatch = /^(\d+(?:\.\d+)?)px$/.exec(gap);
+  if (pxMatch) return Number(pxMatch[1]);
+  const asNumber = Number(gap);
+  return Number.isFinite(asNumber) ? asNumber : void 0;
+};
 var Box = ({
   children,
   onPress,
@@ -2693,8 +2725,10 @@ var Box = ({
   marginLeft,
   marginRight,
   flexDirection,
+  flexWrap,
   alignItems,
   justifyContent,
+  alignSelf,
   position,
   top,
   bottom,
@@ -2706,11 +2740,14 @@ var Box = ({
   maxWidth,
   maxHeight,
   flex,
+  flexShrink,
+  gap,
   overflow,
   zIndex,
   hoverStyle,
   pressStyle,
   style,
+  disabled,
   "data-testid": dataTestId,
   testID,
   as,
@@ -2749,14 +2786,18 @@ var Box = ({
     marginLeft,
     marginRight,
     flexDirection,
+    flexWrap,
     alignItems,
     justifyContent,
+    alignSelf,
     position,
     top,
     bottom,
     left,
     right,
     flex,
+    flexShrink,
+    gap: toGapValue(gap),
     ...style
   });
   const finalTestID = dataTestId || testID;
@@ -2765,15 +2806,25 @@ var Box = ({
     tabIndex,
     onKeyDown,
     onKeyUp,
-    "aria-label": _ariaLabel,
+    "aria-label": ariaLabel,
     "aria-labelledby": _ariaLabelledBy,
     "aria-current": _ariaCurrent,
-    "aria-disabled": _ariaDisabled,
-    "aria-live": _ariaLive,
+    "aria-disabled": ariaDisabled,
+    "aria-live": ariaLive,
+    "aria-busy": ariaBusy,
     className,
     "data-testid": _dataTestId,
+    cursor: _cursor,
+    type: _type,
     ...nativeRest
   } = rest;
+  const accessibilityRole = typeof role === "string" && roleToAccessibilityRole[role] || (as === "button" ? "button" : void 0);
+  const isDisabled = Boolean(disabled || ariaDisabled);
+  const accessibilityState = {
+    disabled: isDisabled || void 0,
+    busy: Boolean(ariaBusy) || void 0
+  };
+  const accessibilityLiveRegion = ariaLive === "polite" || ariaLive === "assertive" ? ariaLive : void 0;
   if (as === "img" && src) {
     const imageStyle = {
       width,
@@ -2792,16 +2843,18 @@ var Box = ({
         source: { uri: src },
         style: imageStyle,
         testID: finalTestID,
+        accessibilityLabel: typeof ariaLabel === "string" ? ariaLabel : alt,
         resizeMode: "cover",
         ...nativeRest
       }
     );
   }
-  if (onPress) {
+  if (onPress || as === "button") {
     return /* @__PURE__ */ jsx(
       Pressable,
       {
-        onPress,
+        onPress: !isDisabled && onPress ? onPress : void 0,
+        disabled: isDisabled,
         onLayout,
         onMoveShouldSetResponder,
         onResponderGrant,
@@ -2810,6 +2863,10 @@ var Box = ({
         onResponderTerminate,
         style: ({ pressed }) => getContainerStyle(pressed),
         testID: finalTestID,
+        accessibilityRole,
+        accessibilityLabel: typeof ariaLabel === "string" ? ariaLabel : void 0,
+        accessibilityState,
+        accessibilityLiveRegion,
         ...nativeRest,
         children
       }
@@ -2826,6 +2883,10 @@ var Box = ({
       onResponderMove,
       onResponderRelease,
       onResponderTerminate,
+      accessibilityRole,
+      accessibilityLabel: typeof ariaLabel === "string" ? ariaLabel : void 0,
+      accessibilityState,
+      accessibilityLiveRegion,
       ...nativeRest,
       children
     }