@xsolla/xui-status-dropdown 0.223.0 → 0.224.0

package/native/index.js

@@ -1114,6 +1114,8 @@ var import_jsx_runtime732 = require("react/jsx-runtime");
 var import_jsx_runtime733 = require("react/jsx-runtime");
 var import_jsx_runtime734 = require("react/jsx-runtime");
 var import_jsx_runtime735 = require("react/jsx-runtime");
+var import_jsx_runtime736 = require("react/jsx-runtime");
+var import_jsx_runtime737 = require("react/jsx-runtime");
 var StyledIcon = import_styled_components.default.div`
   display: inline-flex;
   align-items: center;
@@ -1131,8 +1133,8 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent732,
-  lineContent: lineContent732,
+  solidContent: solidContent734,
+  lineContent: lineContent734,
   className,
   style,
   "data-testid": testId,
@@ -1140,7 +1142,7 @@ var BaseIcon = ({
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent732 : solidContent732;
+  const svgContent = variant === "line" ? lineContent734 : solidContent734;
   const sizeValue = (0, import_xui_primitives_core.resolveIconSize)(size);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     StyledIcon,
@@ -1157,12 +1159,12 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--solid"><path id="Union" d="M7.20706 9L16.7928 9C17.2383 9 17.4614 9.53857 17.1464 9.85355L12.3535 14.6464C12.1582 14.8417 11.8417 14.8417 11.6464 14.6464L6.8535 9.85355C6.53852 9.53857 6.7616 9 7.20706 9Z" style="fill: currentColor"/></g></svg>`;
-var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--line"><path id="Union" d="M19.707 9.70703L12.3536 17.0605C12.1583 17.2558 11.8417 17.2558 11.6464 17.0605L4.29297 9.70703L5.70703 8.29297L12 14.5859L18.293 8.29297L19.707 9.70703Z" style="fill: currentColor"/></g></svg>`;
-var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
+var solidContent127 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--solid"><path id="Union" d="M7.20706 9L16.7928 9C17.2383 9 17.4614 9.53857 17.1464 9.85355L12.3535 14.6464C12.1582 14.8417 11.8417 14.8417 11.6464 14.6464L6.8535 9.85355C6.53852 9.53857 6.7616 9 7.20706 9Z" style="fill: currentColor"/></g></svg>`;
+var lineContent127 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--line"><path id="Union" d="M19.707 9.70703L12.3536 17.0605C12.1583 17.2558 11.8417 17.2558 11.6464 17.0605L4.29297 9.70703L5.70703 8.29297L12 14.5859L18.293 8.29297L19.707 9.70703Z" style="fill: currentColor"/></g></svg>`;
+var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(BaseIcon, { ...props, solidContent: solidContent127, lineContent: lineContent127 });
 
 // src/StatusDropdown.tsx
-var import_jsx_runtime736 = require("react/jsx-runtime");
+var import_jsx_runtime738 = require("react/jsx-runtime");
 var gapMap = {
   xl: 4,
   lg: 4,
@@ -1245,7 +1247,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
         setInternalIsOpen(open);
       }
     };
-    const trigger = /* @__PURE__ */ (0, import_jsx_runtime736.jsxs)(
+    const trigger = /* @__PURE__ */ (0, import_jsx_runtime738.jsxs)(
       Box,
       {
         ref,
@@ -1290,7 +1292,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
           outlineOffset: isFocusVisible ? 2 : void 0
         } : void 0,
         children: [
-          isWeb && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          isWeb && /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               "aria-hidden": true,
@@ -1303,7 +1305,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
               hoverStyle: { backgroundColor: theme.colors.overlay.mono }
             }
           ),
-          dot && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          dot && /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               width: sizeStyles.iconSize,
@@ -1311,7 +1313,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
                 Box,
                 {
                   testID: testID ? `${testID}-dot` : "status-dropdown-dot",
@@ -1323,14 +1325,14 @@ var StatusDropdown = (0, import_react2.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               paddingHorizontal: gap,
               flexShrink: 1,
               minWidth: 0,
               ...isWeb ? { overflow: "hidden" } : {},
-              children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
                 Text,
                 {
                   color: contentColor,
@@ -1353,7 +1355,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               width: sizeStyles.iconSize,
@@ -1361,7 +1363,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
                 Icon,
                 {
                   size: sizeStyles.iconSize,
@@ -1370,7 +1372,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
                     transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
                     ...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(ChevronDown, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(ChevronDown, {})
                 }
               )
             }
@@ -1378,7 +1380,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
         ]
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
       import_xui_context_menu.ContextMenu,
       {
         trigger,