@xsolla/xui-status-dropdown 0.222.0 → 0.224.0

package/web/index.mjs

@@ -1108,6 +1108,8 @@ import { jsx as jsx729 } from "react/jsx-runtime";
 import { jsx as jsx730 } from "react/jsx-runtime";
 import { jsx as jsx731 } from "react/jsx-runtime";
 import { jsx as jsx732 } from "react/jsx-runtime";
+import { jsx as jsx733 } from "react/jsx-runtime";
+import { jsx as jsx734 } from "react/jsx-runtime";
 var StyledIcon2 = styled4.div`
   display: inline-flex;
   align-items: center;
@@ -1125,8 +1127,8 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent732,
-  lineContent: lineContent732,
+  solidContent: solidContent734,
+  lineContent: lineContent734,
   className,
   style,
   "data-testid": testId,
@@ -1134,7 +1136,7 @@ var BaseIcon = ({
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent732 : solidContent732;
+  const svgContent = variant === "line" ? lineContent734 : solidContent734;
   const sizeValue = resolveIconSize(size);
   return /* @__PURE__ */ jsx4(
     StyledIcon2,
@@ -1151,12 +1153,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__ */ jsx127(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__ */ jsx128(BaseIcon, { ...props, solidContent: solidContent127, lineContent: lineContent127 });
 
 // src/StatusDropdown.tsx
-import { jsx as jsx733, jsxs } from "react/jsx-runtime";
+import { jsx as jsx735, jsxs } from "react/jsx-runtime";
 var gapMap = {
   xl: 4,
   lg: 4,
@@ -1284,7 +1286,7 @@ var StatusDropdown = forwardRef(
           outlineOffset: isFocusVisible ? 2 : void 0
         } : void 0,
         children: [
-          isWeb && /* @__PURE__ */ jsx733(
+          isWeb && /* @__PURE__ */ jsx735(
             Box,
             {
               "aria-hidden": true,
@@ -1297,7 +1299,7 @@ var StatusDropdown = forwardRef(
               hoverStyle: { backgroundColor: theme.colors.overlay.mono }
             }
           ),
-          dot && /* @__PURE__ */ jsx733(
+          dot && /* @__PURE__ */ jsx735(
             Box,
             {
               width: sizeStyles.iconSize,
@@ -1305,7 +1307,7 @@ var StatusDropdown = forwardRef(
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              children: /* @__PURE__ */ jsx733(
+              children: /* @__PURE__ */ jsx735(
                 Box,
                 {
                   testID: testID ? `${testID}-dot` : "status-dropdown-dot",
@@ -1317,14 +1319,14 @@ var StatusDropdown = forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx733(
+          /* @__PURE__ */ jsx735(
             Box,
             {
               paddingHorizontal: gap,
               flexShrink: 1,
               minWidth: 0,
               ...isWeb ? { overflow: "hidden" } : {},
-              children: /* @__PURE__ */ jsx733(
+              children: /* @__PURE__ */ jsx735(
                 Text,
                 {
                   color: contentColor,
@@ -1347,7 +1349,7 @@ var StatusDropdown = forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx733(
+          /* @__PURE__ */ jsx735(
             Box,
             {
               width: sizeStyles.iconSize,
@@ -1355,7 +1357,7 @@ var StatusDropdown = forwardRef(
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              children: /* @__PURE__ */ jsx733(
+              children: /* @__PURE__ */ jsx735(
                 Icon,
                 {
                   size: sizeStyles.iconSize,
@@ -1364,7 +1366,7 @@ var StatusDropdown = forwardRef(
                     transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
                     ...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
                   },
-                  children: /* @__PURE__ */ jsx733(ChevronDown, {})
+                  children: /* @__PURE__ */ jsx735(ChevronDown, {})
                 }
               )
             }
@@ -1372,7 +1374,7 @@ var StatusDropdown = forwardRef(
         ]
       }
     );
-    return /* @__PURE__ */ jsx733(
+    return /* @__PURE__ */ jsx735(
       ContextMenu,
       {
         trigger,