@xsolla/xui-status-dropdown 0.202.3 → 0.203.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/web/index.mjs CHANGED
@@ -1086,6 +1086,17 @@ import { jsx as jsx718 } from "react/jsx-runtime";
1086
1086
  import { jsx as jsx719 } from "react/jsx-runtime";
1087
1087
  import { jsx as jsx720 } from "react/jsx-runtime";
1088
1088
  import { jsx as jsx721 } from "react/jsx-runtime";
1089
+ import { jsx as jsx722 } from "react/jsx-runtime";
1090
+ import { jsx as jsx723 } from "react/jsx-runtime";
1091
+ import { jsx as jsx724 } from "react/jsx-runtime";
1092
+ import { jsx as jsx725 } from "react/jsx-runtime";
1093
+ import { jsx as jsx726 } from "react/jsx-runtime";
1094
+ import { jsx as jsx727 } from "react/jsx-runtime";
1095
+ import { jsx as jsx728 } from "react/jsx-runtime";
1096
+ import { jsx as jsx729 } from "react/jsx-runtime";
1097
+ import { jsx as jsx730 } from "react/jsx-runtime";
1098
+ import { jsx as jsx731 } from "react/jsx-runtime";
1099
+ import { jsx as jsx732 } from "react/jsx-runtime";
1089
1100
  var StyledIcon2 = styled4.div`
1090
1101
  display: inline-flex;
1091
1102
  align-items: center;
@@ -1103,8 +1114,8 @@ var BaseIcon = ({
1103
1114
  variant = "line",
1104
1115
  size = 24,
1105
1116
  color = "currentColor",
1106
- solidContent: solidContent721,
1107
- lineContent: lineContent721,
1117
+ solidContent: solidContent732,
1118
+ lineContent: lineContent732,
1108
1119
  className,
1109
1120
  style,
1110
1121
  "data-testid": testId,
@@ -1112,7 +1123,7 @@ var BaseIcon = ({
1112
1123
  "aria-label": ariaLabel,
1113
1124
  "aria-hidden": ariaHidden
1114
1125
  }) => {
1115
- const svgContent = variant === "line" ? lineContent721 : solidContent721;
1126
+ const svgContent = variant === "line" ? lineContent732 : solidContent732;
1116
1127
  const sizeValue = typeof size === "number" ? `${size}px` : size;
1117
1128
  return /* @__PURE__ */ jsx4(
1118
1129
  StyledIcon2,
@@ -1134,7 +1145,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
1134
1145
  var ChevronDown = (props) => /* @__PURE__ */ jsx127(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
1135
1146
 
1136
1147
  // src/StatusDropdown.tsx
1137
- import { jsx as jsx722, jsxs } from "react/jsx-runtime";
1148
+ import { jsx as jsx733, jsxs } from "react/jsx-runtime";
1138
1149
  var gapMap = {
1139
1150
  xl: 4,
1140
1151
  lg: 4,
@@ -1261,7 +1272,7 @@ var StatusDropdown = forwardRef(
1261
1272
  outlineOffset: isFocusVisible ? 2 : void 0
1262
1273
  } : void 0,
1263
1274
  children: [
1264
- isWeb && /* @__PURE__ */ jsx722(
1275
+ isWeb && /* @__PURE__ */ jsx733(
1265
1276
  Box,
1266
1277
  {
1267
1278
  "aria-hidden": true,
@@ -1274,7 +1285,7 @@ var StatusDropdown = forwardRef(
1274
1285
  hoverStyle: { backgroundColor: theme.colors.overlay.mono }
1275
1286
  }
1276
1287
  ),
1277
- dot && /* @__PURE__ */ jsx722(
1288
+ dot && /* @__PURE__ */ jsx733(
1278
1289
  Box,
1279
1290
  {
1280
1291
  width: sizeStyles.iconSize,
@@ -1282,7 +1293,7 @@ var StatusDropdown = forwardRef(
1282
1293
  alignItems: "center",
1283
1294
  justifyContent: "center",
1284
1295
  flexShrink: 0,
1285
- children: /* @__PURE__ */ jsx722(
1296
+ children: /* @__PURE__ */ jsx733(
1286
1297
  Box,
1287
1298
  {
1288
1299
  testID: testID ? `${testID}-dot` : "status-dropdown-dot",
@@ -1294,14 +1305,14 @@ var StatusDropdown = forwardRef(
1294
1305
  )
1295
1306
  }
1296
1307
  ),
1297
- /* @__PURE__ */ jsx722(
1308
+ /* @__PURE__ */ jsx733(
1298
1309
  Box,
1299
1310
  {
1300
1311
  paddingHorizontal: gap,
1301
1312
  flexShrink: 1,
1302
1313
  minWidth: 0,
1303
1314
  ...isWeb ? { overflow: "hidden" } : {},
1304
- children: /* @__PURE__ */ jsx722(
1315
+ children: /* @__PURE__ */ jsx733(
1305
1316
  Text,
1306
1317
  {
1307
1318
  color: contentColor,
@@ -1324,7 +1335,7 @@ var StatusDropdown = forwardRef(
1324
1335
  )
1325
1336
  }
1326
1337
  ),
1327
- /* @__PURE__ */ jsx722(
1338
+ /* @__PURE__ */ jsx733(
1328
1339
  Box,
1329
1340
  {
1330
1341
  width: sizeStyles.iconSize,
@@ -1332,7 +1343,7 @@ var StatusDropdown = forwardRef(
1332
1343
  alignItems: "center",
1333
1344
  justifyContent: "center",
1334
1345
  flexShrink: 0,
1335
- children: /* @__PURE__ */ jsx722(
1346
+ children: /* @__PURE__ */ jsx733(
1336
1347
  Icon,
1337
1348
  {
1338
1349
  size: sizeStyles.iconSize,
@@ -1341,7 +1352,7 @@ var StatusDropdown = forwardRef(
1341
1352
  transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
1342
1353
  ...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
1343
1354
  },
1344
- children: /* @__PURE__ */ jsx722(ChevronDown, {})
1355
+ children: /* @__PURE__ */ jsx733(ChevronDown, {})
1345
1356
  }
1346
1357
  )
1347
1358
  }
@@ -1349,7 +1360,7 @@ var StatusDropdown = forwardRef(
1349
1360
  ]
1350
1361
  }
1351
1362
  );
1352
- return /* @__PURE__ */ jsx722(
1363
+ return /* @__PURE__ */ jsx733(
1353
1364
  ContextMenu,
1354
1365
  {
1355
1366
  trigger,