@xsolla/xui-status-dropdown 0.202.4 → 0.204.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/native/index.mjs CHANGED
@@ -1070,6 +1070,17 @@ import { jsx as jsx718 } from "react/jsx-runtime";
1070
1070
  import { jsx as jsx719 } from "react/jsx-runtime";
1071
1071
  import { jsx as jsx720 } from "react/jsx-runtime";
1072
1072
  import { jsx as jsx721 } from "react/jsx-runtime";
1073
+ import { jsx as jsx722 } from "react/jsx-runtime";
1074
+ import { jsx as jsx723 } from "react/jsx-runtime";
1075
+ import { jsx as jsx724 } from "react/jsx-runtime";
1076
+ import { jsx as jsx725 } from "react/jsx-runtime";
1077
+ import { jsx as jsx726 } from "react/jsx-runtime";
1078
+ import { jsx as jsx727 } from "react/jsx-runtime";
1079
+ import { jsx as jsx728 } from "react/jsx-runtime";
1080
+ import { jsx as jsx729 } from "react/jsx-runtime";
1081
+ import { jsx as jsx730 } from "react/jsx-runtime";
1082
+ import { jsx as jsx731 } from "react/jsx-runtime";
1083
+ import { jsx as jsx732 } from "react/jsx-runtime";
1073
1084
  var StyledIcon = styled.div`
1074
1085
  display: inline-flex;
1075
1086
  align-items: center;
@@ -1087,8 +1098,8 @@ var BaseIcon = ({
1087
1098
  variant = "line",
1088
1099
  size = 24,
1089
1100
  color = "currentColor",
1090
- solidContent: solidContent721,
1091
- lineContent: lineContent721,
1101
+ solidContent: solidContent732,
1102
+ lineContent: lineContent732,
1092
1103
  className,
1093
1104
  style,
1094
1105
  "data-testid": testId,
@@ -1096,7 +1107,7 @@ var BaseIcon = ({
1096
1107
  "aria-label": ariaLabel,
1097
1108
  "aria-hidden": ariaHidden
1098
1109
  }) => {
1099
- const svgContent = variant === "line" ? lineContent721 : solidContent721;
1110
+ const svgContent = variant === "line" ? lineContent732 : solidContent732;
1100
1111
  const sizeValue = typeof size === "number" ? `${size}px` : size;
1101
1112
  return /* @__PURE__ */ jsx4(
1102
1113
  StyledIcon,
@@ -1118,7 +1129,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
1118
1129
  var ChevronDown = (props) => /* @__PURE__ */ jsx127(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
1119
1130
 
1120
1131
  // src/StatusDropdown.tsx
1121
- import { jsx as jsx722, jsxs } from "react/jsx-runtime";
1132
+ import { jsx as jsx733, jsxs } from "react/jsx-runtime";
1122
1133
  var gapMap = {
1123
1134
  xl: 4,
1124
1135
  lg: 4,
@@ -1245,7 +1256,7 @@ var StatusDropdown = forwardRef(
1245
1256
  outlineOffset: isFocusVisible ? 2 : void 0
1246
1257
  } : void 0,
1247
1258
  children: [
1248
- isWeb && /* @__PURE__ */ jsx722(
1259
+ isWeb && /* @__PURE__ */ jsx733(
1249
1260
  Box,
1250
1261
  {
1251
1262
  "aria-hidden": true,
@@ -1258,7 +1269,7 @@ var StatusDropdown = forwardRef(
1258
1269
  hoverStyle: { backgroundColor: theme.colors.overlay.mono }
1259
1270
  }
1260
1271
  ),
1261
- dot && /* @__PURE__ */ jsx722(
1272
+ dot && /* @__PURE__ */ jsx733(
1262
1273
  Box,
1263
1274
  {
1264
1275
  width: sizeStyles.iconSize,
@@ -1266,7 +1277,7 @@ var StatusDropdown = forwardRef(
1266
1277
  alignItems: "center",
1267
1278
  justifyContent: "center",
1268
1279
  flexShrink: 0,
1269
- children: /* @__PURE__ */ jsx722(
1280
+ children: /* @__PURE__ */ jsx733(
1270
1281
  Box,
1271
1282
  {
1272
1283
  testID: testID ? `${testID}-dot` : "status-dropdown-dot",
@@ -1278,14 +1289,14 @@ var StatusDropdown = forwardRef(
1278
1289
  )
1279
1290
  }
1280
1291
  ),
1281
- /* @__PURE__ */ jsx722(
1292
+ /* @__PURE__ */ jsx733(
1282
1293
  Box,
1283
1294
  {
1284
1295
  paddingHorizontal: gap,
1285
1296
  flexShrink: 1,
1286
1297
  minWidth: 0,
1287
1298
  ...isWeb ? { overflow: "hidden" } : {},
1288
- children: /* @__PURE__ */ jsx722(
1299
+ children: /* @__PURE__ */ jsx733(
1289
1300
  Text,
1290
1301
  {
1291
1302
  color: contentColor,
@@ -1308,7 +1319,7 @@ var StatusDropdown = forwardRef(
1308
1319
  )
1309
1320
  }
1310
1321
  ),
1311
- /* @__PURE__ */ jsx722(
1322
+ /* @__PURE__ */ jsx733(
1312
1323
  Box,
1313
1324
  {
1314
1325
  width: sizeStyles.iconSize,
@@ -1316,7 +1327,7 @@ var StatusDropdown = forwardRef(
1316
1327
  alignItems: "center",
1317
1328
  justifyContent: "center",
1318
1329
  flexShrink: 0,
1319
- children: /* @__PURE__ */ jsx722(
1330
+ children: /* @__PURE__ */ jsx733(
1320
1331
  Icon,
1321
1332
  {
1322
1333
  size: sizeStyles.iconSize,
@@ -1325,7 +1336,7 @@ var StatusDropdown = forwardRef(
1325
1336
  transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
1326
1337
  ...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
1327
1338
  },
1328
- children: /* @__PURE__ */ jsx722(ChevronDown, {})
1339
+ children: /* @__PURE__ */ jsx733(ChevronDown, {})
1329
1340
  }
1330
1341
  )
1331
1342
  }
@@ -1333,7 +1344,7 @@ var StatusDropdown = forwardRef(
1333
1344
  ]
1334
1345
  }
1335
1346
  );
1336
- return /* @__PURE__ */ jsx722(
1347
+ return /* @__PURE__ */ jsx733(
1337
1348
  ContextMenu,
1338
1349
  {
1339
1350
  trigger,