@xsolla/xui-multi-select 0.138.4 → 0.139.0

package/web/index.mjs

@@ -700,6 +700,340 @@ import { jsx as jsx384 } from "react/jsx-runtime";
 import { jsx as jsx385 } from "react/jsx-runtime";
 import { jsx as jsx386 } from "react/jsx-runtime";
 import { jsx as jsx387 } from "react/jsx-runtime";
+import { jsx as jsx388 } from "react/jsx-runtime";
+import { jsx as jsx389 } from "react/jsx-runtime";
+import { jsx as jsx390 } from "react/jsx-runtime";
+import { jsx as jsx391 } from "react/jsx-runtime";
+import { jsx as jsx392 } from "react/jsx-runtime";
+import { jsx as jsx393 } from "react/jsx-runtime";
+import { jsx as jsx394 } from "react/jsx-runtime";
+import { jsx as jsx395 } from "react/jsx-runtime";
+import { jsx as jsx396 } from "react/jsx-runtime";
+import { jsx as jsx397 } from "react/jsx-runtime";
+import { jsx as jsx398 } from "react/jsx-runtime";
+import { jsx as jsx399 } from "react/jsx-runtime";
+import { jsx as jsx400 } from "react/jsx-runtime";
+import { jsx as jsx401 } from "react/jsx-runtime";
+import { jsx as jsx402 } from "react/jsx-runtime";
+import { jsx as jsx403 } from "react/jsx-runtime";
+import { jsx as jsx404 } from "react/jsx-runtime";
+import { jsx as jsx405 } from "react/jsx-runtime";
+import { jsx as jsx406 } from "react/jsx-runtime";
+import { jsx as jsx407 } from "react/jsx-runtime";
+import { jsx as jsx408 } from "react/jsx-runtime";
+import { jsx as jsx409 } from "react/jsx-runtime";
+import { jsx as jsx410 } from "react/jsx-runtime";
+import { jsx as jsx411 } from "react/jsx-runtime";
+import { jsx as jsx412 } from "react/jsx-runtime";
+import { jsx as jsx413 } from "react/jsx-runtime";
+import { jsx as jsx414 } from "react/jsx-runtime";
+import { jsx as jsx415 } from "react/jsx-runtime";
+import { jsx as jsx416 } from "react/jsx-runtime";
+import { jsx as jsx417 } from "react/jsx-runtime";
+import { jsx as jsx418 } from "react/jsx-runtime";
+import { jsx as jsx419 } from "react/jsx-runtime";
+import { jsx as jsx420 } from "react/jsx-runtime";
+import { jsx as jsx421 } from "react/jsx-runtime";
+import { jsx as jsx4222 } from "react/jsx-runtime";
+import { jsx as jsx423 } from "react/jsx-runtime";
+import { jsx as jsx424 } from "react/jsx-runtime";
+import { jsx as jsx425 } from "react/jsx-runtime";
+import { jsx as jsx426 } from "react/jsx-runtime";
+import { jsx as jsx427 } from "react/jsx-runtime";
+import { jsx as jsx428 } from "react/jsx-runtime";
+import { jsx as jsx429 } from "react/jsx-runtime";
+import { jsx as jsx430 } from "react/jsx-runtime";
+import { jsx as jsx431 } from "react/jsx-runtime";
+import { jsx as jsx432 } from "react/jsx-runtime";
+import { jsx as jsx433 } from "react/jsx-runtime";
+import { jsx as jsx434 } from "react/jsx-runtime";
+import { jsx as jsx435 } from "react/jsx-runtime";
+import { jsx as jsx436 } from "react/jsx-runtime";
+import { jsx as jsx437 } from "react/jsx-runtime";
+import { jsx as jsx438 } from "react/jsx-runtime";
+import { jsx as jsx439 } from "react/jsx-runtime";
+import { jsx as jsx440 } from "react/jsx-runtime";
+import { jsx as jsx441 } from "react/jsx-runtime";
+import { jsx as jsx442 } from "react/jsx-runtime";
+import { jsx as jsx443 } from "react/jsx-runtime";
+import { jsx as jsx444 } from "react/jsx-runtime";
+import { jsx as jsx445 } from "react/jsx-runtime";
+import { jsx as jsx446 } from "react/jsx-runtime";
+import { jsx as jsx447 } from "react/jsx-runtime";
+import { jsx as jsx448 } from "react/jsx-runtime";
+import { jsx as jsx449 } from "react/jsx-runtime";
+import { jsx as jsx450 } from "react/jsx-runtime";
+import { jsx as jsx451 } from "react/jsx-runtime";
+import { jsx as jsx452 } from "react/jsx-runtime";
+import { jsx as jsx453 } from "react/jsx-runtime";
+import { jsx as jsx454 } from "react/jsx-runtime";
+import { jsx as jsx455 } from "react/jsx-runtime";
+import { jsx as jsx456 } from "react/jsx-runtime";
+import { jsx as jsx457 } from "react/jsx-runtime";
+import { jsx as jsx458 } from "react/jsx-runtime";
+import { jsx as jsx459 } from "react/jsx-runtime";
+import { jsx as jsx460 } from "react/jsx-runtime";
+import { jsx as jsx461 } from "react/jsx-runtime";
+import { jsx as jsx462 } from "react/jsx-runtime";
+import { jsx as jsx463 } from "react/jsx-runtime";
+import { jsx as jsx464 } from "react/jsx-runtime";
+import { jsx as jsx465 } from "react/jsx-runtime";
+import { jsx as jsx466 } from "react/jsx-runtime";
+import { jsx as jsx467 } from "react/jsx-runtime";
+import { jsx as jsx468 } from "react/jsx-runtime";
+import { jsx as jsx469 } from "react/jsx-runtime";
+import { jsx as jsx470 } from "react/jsx-runtime";
+import { jsx as jsx471 } from "react/jsx-runtime";
+import { jsx as jsx472 } from "react/jsx-runtime";
+import { jsx as jsx473 } from "react/jsx-runtime";
+import { jsx as jsx474 } from "react/jsx-runtime";
+import { jsx as jsx475 } from "react/jsx-runtime";
+import { jsx as jsx476 } from "react/jsx-runtime";
+import { jsx as jsx477 } from "react/jsx-runtime";
+import { jsx as jsx478 } from "react/jsx-runtime";
+import { jsx as jsx479 } from "react/jsx-runtime";
+import { jsx as jsx480 } from "react/jsx-runtime";
+import { jsx as jsx481 } from "react/jsx-runtime";
+import { jsx as jsx482 } from "react/jsx-runtime";
+import { jsx as jsx483 } from "react/jsx-runtime";
+import { jsx as jsx484 } from "react/jsx-runtime";
+import { jsx as jsx485 } from "react/jsx-runtime";
+import { jsx as jsx486 } from "react/jsx-runtime";
+import { jsx as jsx487 } from "react/jsx-runtime";
+import { jsx as jsx488 } from "react/jsx-runtime";
+import { jsx as jsx489 } from "react/jsx-runtime";
+import { jsx as jsx490 } from "react/jsx-runtime";
+import { jsx as jsx491 } from "react/jsx-runtime";
+import { jsx as jsx492 } from "react/jsx-runtime";
+import { jsx as jsx493 } from "react/jsx-runtime";
+import { jsx as jsx494 } from "react/jsx-runtime";
+import { jsx as jsx495 } from "react/jsx-runtime";
+import { jsx as jsx496 } from "react/jsx-runtime";
+import { jsx as jsx497 } from "react/jsx-runtime";
+import { jsx as jsx498 } from "react/jsx-runtime";
+import { jsx as jsx499 } from "react/jsx-runtime";
+import { jsx as jsx500 } from "react/jsx-runtime";
+import { jsx as jsx501 } from "react/jsx-runtime";
+import { jsx as jsx502 } from "react/jsx-runtime";
+import { jsx as jsx503 } from "react/jsx-runtime";
+import { jsx as jsx504 } from "react/jsx-runtime";
+import { jsx as jsx505 } from "react/jsx-runtime";
+import { jsx as jsx506 } from "react/jsx-runtime";
+import { jsx as jsx507 } from "react/jsx-runtime";
+import { jsx as jsx508 } from "react/jsx-runtime";
+import { jsx as jsx509 } from "react/jsx-runtime";
+import { jsx as jsx510 } from "react/jsx-runtime";
+import { jsx as jsx511 } from "react/jsx-runtime";
+import { jsx as jsx512 } from "react/jsx-runtime";
+import { jsx as jsx513 } from "react/jsx-runtime";
+import { jsx as jsx514 } from "react/jsx-runtime";
+import { jsx as jsx515 } from "react/jsx-runtime";
+import { jsx as jsx516 } from "react/jsx-runtime";
+import { jsx as jsx517 } from "react/jsx-runtime";
+import { jsx as jsx518 } from "react/jsx-runtime";
+import { jsx as jsx519 } from "react/jsx-runtime";
+import { jsx as jsx520 } from "react/jsx-runtime";
+import { jsx as jsx521 } from "react/jsx-runtime";
+import { jsx as jsx522 } from "react/jsx-runtime";
+import { jsx as jsx523 } from "react/jsx-runtime";
+import { jsx as jsx524 } from "react/jsx-runtime";
+import { jsx as jsx525 } from "react/jsx-runtime";
+import { jsx as jsx526 } from "react/jsx-runtime";
+import { jsx as jsx527 } from "react/jsx-runtime";
+import { jsx as jsx528 } from "react/jsx-runtime";
+import { jsx as jsx529 } from "react/jsx-runtime";
+import { jsx as jsx530 } from "react/jsx-runtime";
+import { jsx as jsx531 } from "react/jsx-runtime";
+import { jsx as jsx532 } from "react/jsx-runtime";
+import { jsx as jsx533 } from "react/jsx-runtime";
+import { jsx as jsx534 } from "react/jsx-runtime";
+import { jsx as jsx535 } from "react/jsx-runtime";
+import { jsx as jsx536 } from "react/jsx-runtime";
+import { jsx as jsx537 } from "react/jsx-runtime";
+import { jsx as jsx538 } from "react/jsx-runtime";
+import { jsx as jsx539 } from "react/jsx-runtime";
+import { jsx as jsx540 } from "react/jsx-runtime";
+import { jsx as jsx541 } from "react/jsx-runtime";
+import { jsx as jsx542 } from "react/jsx-runtime";
+import { jsx as jsx543 } from "react/jsx-runtime";
+import { jsx as jsx544 } from "react/jsx-runtime";
+import { jsx as jsx545 } from "react/jsx-runtime";
+import { jsx as jsx546 } from "react/jsx-runtime";
+import { jsx as jsx547 } from "react/jsx-runtime";
+import { jsx as jsx548 } from "react/jsx-runtime";
+import { jsx as jsx549 } from "react/jsx-runtime";
+import { jsx as jsx550 } from "react/jsx-runtime";
+import { jsx as jsx551 } from "react/jsx-runtime";
+import { jsx as jsx552 } from "react/jsx-runtime";
+import { jsx as jsx553 } from "react/jsx-runtime";
+import { jsx as jsx554 } from "react/jsx-runtime";
+import { jsx as jsx555 } from "react/jsx-runtime";
+import { jsx as jsx556 } from "react/jsx-runtime";
+import { jsx as jsx557 } from "react/jsx-runtime";
+import { jsx as jsx558 } from "react/jsx-runtime";
+import { jsx as jsx559 } from "react/jsx-runtime";
+import { jsx as jsx560 } from "react/jsx-runtime";
+import { jsx as jsx561 } from "react/jsx-runtime";
+import { jsx as jsx562 } from "react/jsx-runtime";
+import { jsx as jsx563 } from "react/jsx-runtime";
+import { jsx as jsx564 } from "react/jsx-runtime";
+import { jsx as jsx565 } from "react/jsx-runtime";
+import { jsx as jsx566 } from "react/jsx-runtime";
+import { jsx as jsx567 } from "react/jsx-runtime";
+import { jsx as jsx568 } from "react/jsx-runtime";
+import { jsx as jsx569 } from "react/jsx-runtime";
+import { jsx as jsx570 } from "react/jsx-runtime";
+import { jsx as jsx571 } from "react/jsx-runtime";
+import { jsx as jsx572 } from "react/jsx-runtime";
+import { jsx as jsx573 } from "react/jsx-runtime";
+import { jsx as jsx574 } from "react/jsx-runtime";
+import { jsx as jsx575 } from "react/jsx-runtime";
+import { jsx as jsx576 } from "react/jsx-runtime";
+import { jsx as jsx577 } from "react/jsx-runtime";
+import { jsx as jsx578 } from "react/jsx-runtime";
+import { jsx as jsx579 } from "react/jsx-runtime";
+import { jsx as jsx580 } from "react/jsx-runtime";
+import { jsx as jsx581 } from "react/jsx-runtime";
+import { jsx as jsx582 } from "react/jsx-runtime";
+import { jsx as jsx583 } from "react/jsx-runtime";
+import { jsx as jsx584 } from "react/jsx-runtime";
+import { jsx as jsx585 } from "react/jsx-runtime";
+import { jsx as jsx586 } from "react/jsx-runtime";
+import { jsx as jsx587 } from "react/jsx-runtime";
+import { jsx as jsx588 } from "react/jsx-runtime";
+import { jsx as jsx589 } from "react/jsx-runtime";
+import { jsx as jsx590 } from "react/jsx-runtime";
+import { jsx as jsx591 } from "react/jsx-runtime";
+import { jsx as jsx592 } from "react/jsx-runtime";
+import { jsx as jsx593 } from "react/jsx-runtime";
+import { jsx as jsx594 } from "react/jsx-runtime";
+import { jsx as jsx595 } from "react/jsx-runtime";
+import { jsx as jsx596 } from "react/jsx-runtime";
+import { jsx as jsx597 } from "react/jsx-runtime";
+import { jsx as jsx598 } from "react/jsx-runtime";
+import { jsx as jsx599 } from "react/jsx-runtime";
+import { jsx as jsx600 } from "react/jsx-runtime";
+import { jsx as jsx601 } from "react/jsx-runtime";
+import { jsx as jsx602 } from "react/jsx-runtime";
+import { jsx as jsx603 } from "react/jsx-runtime";
+import { jsx as jsx604 } from "react/jsx-runtime";
+import { jsx as jsx605 } from "react/jsx-runtime";
+import { jsx as jsx606 } from "react/jsx-runtime";
+import { jsx as jsx607 } from "react/jsx-runtime";
+import { jsx as jsx608 } from "react/jsx-runtime";
+import { jsx as jsx609 } from "react/jsx-runtime";
+import { jsx as jsx610 } from "react/jsx-runtime";
+import { jsx as jsx611 } from "react/jsx-runtime";
+import { jsx as jsx612 } from "react/jsx-runtime";
+import { jsx as jsx613 } from "react/jsx-runtime";
+import { jsx as jsx614 } from "react/jsx-runtime";
+import { jsx as jsx615 } from "react/jsx-runtime";
+import { jsx as jsx616 } from "react/jsx-runtime";
+import { jsx as jsx617 } from "react/jsx-runtime";
+import { jsx as jsx618 } from "react/jsx-runtime";
+import { jsx as jsx619 } from "react/jsx-runtime";
+import { jsx as jsx620 } from "react/jsx-runtime";
+import { jsx as jsx621 } from "react/jsx-runtime";
+import { jsx as jsx622 } from "react/jsx-runtime";
+import { jsx as jsx623 } from "react/jsx-runtime";
+import { jsx as jsx624 } from "react/jsx-runtime";
+import { jsx as jsx625 } from "react/jsx-runtime";
+import { jsx as jsx626 } from "react/jsx-runtime";
+import { jsx as jsx627 } from "react/jsx-runtime";
+import { jsx as jsx628 } from "react/jsx-runtime";
+import { jsx as jsx629 } from "react/jsx-runtime";
+import { jsx as jsx630 } from "react/jsx-runtime";
+import { jsx as jsx631 } from "react/jsx-runtime";
+import { jsx as jsx632 } from "react/jsx-runtime";
+import { jsx as jsx633 } from "react/jsx-runtime";
+import { jsx as jsx634 } from "react/jsx-runtime";
+import { jsx as jsx635 } from "react/jsx-runtime";
+import { jsx as jsx636 } from "react/jsx-runtime";
+import { jsx as jsx637 } from "react/jsx-runtime";
+import { jsx as jsx638 } from "react/jsx-runtime";
+import { jsx as jsx639 } from "react/jsx-runtime";
+import { jsx as jsx640 } from "react/jsx-runtime";
+import { jsx as jsx641 } from "react/jsx-runtime";
+import { jsx as jsx642 } from "react/jsx-runtime";
+import { jsx as jsx643 } from "react/jsx-runtime";
+import { jsx as jsx644 } from "react/jsx-runtime";
+import { jsx as jsx645 } from "react/jsx-runtime";
+import { jsx as jsx646 } from "react/jsx-runtime";
+import { jsx as jsx647 } from "react/jsx-runtime";
+import { jsx as jsx648 } from "react/jsx-runtime";
+import { jsx as jsx649 } from "react/jsx-runtime";
+import { jsx as jsx650 } from "react/jsx-runtime";
+import { jsx as jsx651 } from "react/jsx-runtime";
+import { jsx as jsx652 } from "react/jsx-runtime";
+import { jsx as jsx653 } from "react/jsx-runtime";
+import { jsx as jsx654 } from "react/jsx-runtime";
+import { jsx as jsx655 } from "react/jsx-runtime";
+import { jsx as jsx656 } from "react/jsx-runtime";
+import { jsx as jsx657 } from "react/jsx-runtime";
+import { jsx as jsx658 } from "react/jsx-runtime";
+import { jsx as jsx659 } from "react/jsx-runtime";
+import { jsx as jsx660 } from "react/jsx-runtime";
+import { jsx as jsx661 } from "react/jsx-runtime";
+import { jsx as jsx662 } from "react/jsx-runtime";
+import { jsx as jsx663 } from "react/jsx-runtime";
+import { jsx as jsx664 } from "react/jsx-runtime";
+import { jsx as jsx665 } from "react/jsx-runtime";
+import { jsx as jsx666 } from "react/jsx-runtime";
+import { jsx as jsx667 } from "react/jsx-runtime";
+import { jsx as jsx668 } from "react/jsx-runtime";
+import { jsx as jsx669 } from "react/jsx-runtime";
+import { jsx as jsx670 } from "react/jsx-runtime";
+import { jsx as jsx671 } from "react/jsx-runtime";
+import { jsx as jsx672 } from "react/jsx-runtime";
+import { jsx as jsx673 } from "react/jsx-runtime";
+import { jsx as jsx674 } from "react/jsx-runtime";
+import { jsx as jsx675 } from "react/jsx-runtime";
+import { jsx as jsx676 } from "react/jsx-runtime";
+import { jsx as jsx677 } from "react/jsx-runtime";
+import { jsx as jsx678 } from "react/jsx-runtime";
+import { jsx as jsx679 } from "react/jsx-runtime";
+import { jsx as jsx680 } from "react/jsx-runtime";
+import { jsx as jsx681 } from "react/jsx-runtime";
+import { jsx as jsx682 } from "react/jsx-runtime";
+import { jsx as jsx683 } from "react/jsx-runtime";
+import { jsx as jsx684 } from "react/jsx-runtime";
+import { jsx as jsx685 } from "react/jsx-runtime";
+import { jsx as jsx686 } from "react/jsx-runtime";
+import { jsx as jsx687 } from "react/jsx-runtime";
+import { jsx as jsx688 } from "react/jsx-runtime";
+import { jsx as jsx689 } from "react/jsx-runtime";
+import { jsx as jsx690 } from "react/jsx-runtime";
+import { jsx as jsx691 } from "react/jsx-runtime";
+import { jsx as jsx692 } from "react/jsx-runtime";
+import { jsx as jsx693 } from "react/jsx-runtime";
+import { jsx as jsx694 } from "react/jsx-runtime";
+import { jsx as jsx695 } from "react/jsx-runtime";
+import { jsx as jsx696 } from "react/jsx-runtime";
+import { jsx as jsx697 } from "react/jsx-runtime";
+import { jsx as jsx698 } from "react/jsx-runtime";
+import { jsx as jsx699 } from "react/jsx-runtime";
+import { jsx as jsx700 } from "react/jsx-runtime";
+import { jsx as jsx701 } from "react/jsx-runtime";
+import { jsx as jsx702 } from "react/jsx-runtime";
+import { jsx as jsx703 } from "react/jsx-runtime";
+import { jsx as jsx704 } from "react/jsx-runtime";
+import { jsx as jsx705 } from "react/jsx-runtime";
+import { jsx as jsx706 } from "react/jsx-runtime";
+import { jsx as jsx707 } from "react/jsx-runtime";
+import { jsx as jsx708 } from "react/jsx-runtime";
+import { jsx as jsx709 } from "react/jsx-runtime";
+import { jsx as jsx710 } from "react/jsx-runtime";
+import { jsx as jsx711 } from "react/jsx-runtime";
+import { jsx as jsx712 } from "react/jsx-runtime";
+import { jsx as jsx713 } from "react/jsx-runtime";
+import { jsx as jsx714 } from "react/jsx-runtime";
+import { jsx as jsx715 } from "react/jsx-runtime";
+import { jsx as jsx716 } from "react/jsx-runtime";
+import { jsx as jsx717 } from "react/jsx-runtime";
+import { jsx as jsx718 } from "react/jsx-runtime";
+import { jsx as jsx719 } from "react/jsx-runtime";
+import { jsx as jsx720 } from "react/jsx-runtime";
+import { jsx as jsx721 } from "react/jsx-runtime";
 var StyledIcon2 = styled4.div`
   display: inline-flex;
   align-items: center;
@@ -717,15 +1051,15 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent387,
-  lineContent: lineContent387,
+  solidContent: solidContent721,
+  lineContent: lineContent721,
   className,
   style,
   "data-testid": testId,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent387 : solidContent387;
+  const svgContent = variant === "line" ? lineContent721 : solidContent721;
   const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ jsx4(
     StyledIcon2,
@@ -742,18 +1076,18 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent71 = `<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.19337 11.1943C6.75239 10.7533 7.06471 9.99933 7.68834 9.99933L16.3084 9.99933C16.9321 9.99933 17.2444 10.7533 16.8034 11.1943L12.7055 15.2922C12.315 15.6827 11.6818 15.6827 11.2913 15.2922L7.19337 11.1943Z" style="fill: currentColor"/></g></svg>`;
-var lineContent71 = `<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="M12.7178 15.7808C12.3273 16.1713 11.6942 16.1713 11.3036 15.7808L4.30371 8.78084L5.71777 7.36678L12.0107 13.6597L18.3037 7.36678L19.7178 8.78084L12.7178 15.7808Z" style="fill: currentColor"/></g></svg>`;
-var ChevronDown = (props) => /* @__PURE__ */ jsx72(BaseIcon, { ...props, solidContent: solidContent71, lineContent: lineContent71 });
-var solidContent80 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-up--solid"><path id="Union" d="M16.8066 12.8057C17.2476 13.2467 16.9352 14.0007 16.3116 14.0007H7.69152C7.06788 14.0007 6.75557 13.2467 7.19654 12.8057L11.2945 8.70778C11.685 8.31726 12.3181 8.31726 12.7087 8.70778L16.8066 12.8057Z" style="fill: currentColor"/></g></svg>`;
-var lineContent80 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-up--line"><path id="Union" d="M11.2929 7.93945C11.6834 7.54893 12.3166 7.54893 12.7071 7.93945L19.707 14.9394L18.293 16.3534L12 10.0605L5.70703 16.3534L4.29297 14.9394L11.2929 7.93945Z" style="fill: currentColor"/></g></svg>`;
-var ChevronUp = (props) => /* @__PURE__ */ jsx81(BaseIcon, { ...props, solidContent: solidContent80, lineContent: lineContent80 });
-var solidContent89 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_exclamation-mark-cr--solid"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM11 6V14H13V6H11Z" style="fill: currentColor"/></g></svg>`;
-var lineContent89 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_exclamation-mark-cr--line"><g id="Union"><path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" style="fill: currentColor"/><path d="M13 14H11V6H13V14Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" style="fill: currentColor"/></g></g></svg>`;
-var ExclamationMarkCr = (props) => /* @__PURE__ */ jsx90(BaseIcon, { ...props, solidContent: solidContent89, lineContent: lineContent89 });
-var solidContent113 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_remove--solid"><path id="Union" d="M19.7789 7.05003C20.1695 7.44056 20.1695 8.07372 19.7789 8.46424L16.2434 11.9998L19.7789 15.5353C20.1695 15.9258 20.1695 16.559 19.7789 16.9495L16.9505 19.778C16.56 20.1685 15.9268 20.1685 15.5363 19.778L12.0008 16.2424L8.46522 19.778C8.0747 20.1685 7.44153 20.1685 7.05101 19.778L4.22258 16.9495C3.83206 16.559 3.83206 15.9258 4.22258 15.5353L7.75811 11.9998L4.22258 8.46424C3.83206 8.07372 3.83206 7.44056 4.22258 7.05003L7.05101 4.2216C7.44153 3.83108 8.0747 3.83108 8.46522 4.2216L12.0008 7.75714L15.5363 4.2216C15.9268 3.83108 16.56 3.83108 16.9505 4.2216L19.7789 7.05003Z" style="fill: currentColor"/></g></svg>`;
-var lineContent113 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_remove--line"><path id="Union" d="M20.0303 5.41455L13.4199 12.0249L20.0195 18.6245L18.6055 20.0386L12.0059 13.439L5.41406 20.0308L4 18.6167L10.5918 12.0249L4.00879 5.44189L5.42285 4.02783L12.0059 10.6108L18.6162 4.00049L20.0303 5.41455Z" style="fill: currentColor"/></g></svg>`;
-var Remove = (props) => /* @__PURE__ */ jsx114(BaseIcon, { ...props, solidContent: solidContent113, lineContent: lineContent113 });
+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 solidContent137 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-up--solid"><path id="Union" d="M16.7928 14L7.20706 14C6.7616 14 6.53852 13.4614 6.8535 13.1464L11.6464 8.35354C11.8417 8.15828 12.1582 8.15828 12.3535 8.35354L17.1464 13.1464C17.4614 13.4614 17.2383 14 16.7928 14Z" style="fill: currentColor"/></g></svg>`;
+var lineContent137 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-up--line"><path id="Union" d="M19.707 14.293L18.293 15.707L12 9.41405L5.70703 15.707L4.29297 14.293L11.6464 6.93948C11.8417 6.74421 12.1583 6.74421 12.3536 6.93948L19.707 14.293Z" style="fill: currentColor"/></g></svg>`;
+var ChevronUp = (props) => /* @__PURE__ */ jsx138(BaseIcon, { ...props, solidContent: solidContent137, lineContent: lineContent137 });
+var solidContent148 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_exclamation-mark-cr--solid"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM11 6V14H13V6H11Z" style="fill: currentColor"/></g></svg>`;
+var lineContent148 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_exclamation-mark-cr--line"><g id="Union"><path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" style="fill: currentColor"/><path d="M13 14H11V6H13V14Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" style="fill: currentColor"/></g></g></svg>`;
+var ExclamationMarkCr = (props) => /* @__PURE__ */ jsx149(BaseIcon, { ...props, solidContent: solidContent148, lineContent: lineContent148 });
+var solidContent172 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_remove--solid"><path id="Union" d="M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM12 10.5859L7.20703 5.79297L5.79297 7.20703L10.5859 12L5.79297 16.793L7.20703 18.207L12 13.4141L16.793 18.207L18.207 16.793L13.4141 12L18.207 7.20703L16.793 5.79297L12 10.5859Z" style="fill: currentColor"/></g></svg>`;
+var lineContent172 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_remove--line"><path id="Union" d="M20.0303 5.41455L13.4199 12.0249L20.0195 18.6245L18.6055 20.0386L12.0059 13.439L5.41406 20.0308L4 18.6167L10.5918 12.0249L4.00879 5.44189L5.42285 4.02783L12.0059 10.6108L18.6162 4.00049L20.0303 5.41455Z" style="fill: currentColor"/></g></svg>`;
+var Remove = (props) => /* @__PURE__ */ jsx173(BaseIcon, { ...props, solidContent: solidContent172, lineContent: lineContent172 });
 
 // src/useMultiSelectControl.tsx
 import {
@@ -767,17 +1101,17 @@ import {
 import React22 from "react";
 import styled6 from "styled-components";
 import React4 from "react";
-import { jsx as jsx389 } from "react/jsx-runtime";
+import { jsx as jsx723 } from "react/jsx-runtime";
 import styled22 from "styled-components";
 import { jsx as jsx2101 } from "react/jsx-runtime";
 import styled32 from "styled-components";
-import { jsx as jsx390 } from "react/jsx-runtime";
+import { jsx as jsx3100 } from "react/jsx-runtime";
 import { useResolvedTheme } from "@xsolla/xui-core";
 
 // ../icons/dist/web/index.mjs
 import React3 from "react";
 import styled5 from "styled-components";
-import { jsx as jsx388 } from "react/jsx-runtime";
+import { jsx as jsx722 } from "react/jsx-runtime";
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
@@ -935,12 +1269,12 @@ var StyledIcon3 = styled5(FilteredDiv3)`
   }
 `;
 var Icon3 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx388(StyledIcon3, { ...props, children });
+  return /* @__PURE__ */ jsx722(StyledIcon3, { ...props, children });
 };
 var X2 = (props) => /* @__PURE__ */ jsx2100(Icon3, { ...props, children: /* @__PURE__ */ jsx2100(X, { size: "100%" }) });
 
 // ../tag/dist/web/index.mjs
-import { jsx as jsx410, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4100, jsxs } from "react/jsx-runtime";
 function memoize3(fn) {
   var cache = {};
   return function(arg) {
@@ -1119,7 +1453,7 @@ var Box2 = React22.forwardRef(
     ...props
   }, ref) => {
     if (as === "img" && src) {
-      return /* @__PURE__ */ jsx389(
+      return /* @__PURE__ */ jsx723(
         "img",
         {
           src,
@@ -1139,7 +1473,7 @@ var Box2 = React22.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx389(
+    return /* @__PURE__ */ jsx723(
       StyledBox2,
       {
         ref,
@@ -1218,7 +1552,7 @@ var StyledIcon4 = styled32(FilteredDiv22)`
   }
 `;
 var Icon4 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx390(StyledIcon4, { ...props, children });
+  return /* @__PURE__ */ jsx3100(StyledIcon4, { ...props, children });
 };
 var Tag = ({
   size = "md",
@@ -1309,8 +1643,8 @@ var Tag = ({
         whiteSpace: "nowrap"
       },
       children: [
-        iconLeft && /* @__PURE__ */ jsx410(Icon4, { size: sizeStyles.iconSize, color: text, children: iconLeft }),
-        children && /* @__PURE__ */ jsx410(
+        iconLeft && /* @__PURE__ */ jsx4100(Icon4, { size: sizeStyles.iconSize, color: text, children: iconLeft }),
+        children && /* @__PURE__ */ jsx4100(
           Text2,
           {
             color: text,
@@ -1324,8 +1658,8 @@ var Tag = ({
             children
           }
         ),
-        iconRight && /* @__PURE__ */ jsx410(Icon4, { size: sizeStyles.iconSize, color: text, children: iconRight }),
-        onRemove && /* @__PURE__ */ jsx410(Box2, { onPress: onRemove, children: /* @__PURE__ */ jsx410(X2, { size: sizeStyles.iconSize, color: text }) })
+        iconRight && /* @__PURE__ */ jsx4100(Icon4, { size: sizeStyles.iconSize, color: text, children: iconRight }),
+        onRemove && /* @__PURE__ */ jsx4100(Box2, { onPress: onRemove, children: /* @__PURE__ */ jsx4100(X2, { size: sizeStyles.iconSize, color: text }) })
       ]
     }
   );
@@ -1333,7 +1667,7 @@ var Tag = ({
 
 // src/useMultiSelectControl.tsx
 import { useResolvedTheme as useResolvedTheme2 } from "@xsolla/xui-core";
-import { jsx as jsx391, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx724, jsxs as jsxs2 } from "react/jsx-runtime";
 var COUNT_ITEM_VALUE = "count-item";
 var useMultiSelectControl = ({
   variant,
@@ -1395,7 +1729,7 @@ var useMultiSelectControl = ({
   };
   const setPlaceholder = () => {
     setSelectedContent(
-      /* @__PURE__ */ jsx391(
+      /* @__PURE__ */ jsx724(
         Text,
         {
           color: theme.colors.control.input.placeholder,
@@ -1446,7 +1780,7 @@ var useMultiSelectControl = ({
       const isCount = item.value === COUNT_ITEM_VALUE;
       const isReducable = index4 === 0 && displayStateRef.current === 3 /* Render */ && displayedItemsCount === 0 || flexible;
       if (variant === "tag") {
-        return /* @__PURE__ */ jsx391(
+        return /* @__PURE__ */ jsx724(
           Box,
           {
             onPress: !isCount ? (e) => {
@@ -1458,7 +1792,7 @@ var useMultiSelectControl = ({
               opacity: disabled ? 0.5 : 1,
               cursor: disabled || isCount ? "not-allowed" : "pointer"
             },
-            children: /* @__PURE__ */ jsx391(
+            children: /* @__PURE__ */ jsx724(
               Tag,
               {
                 size,
@@ -1578,7 +1912,7 @@ var useMultiSelectControl = ({
 };
 
 // src/MultiSelectControl.tsx
-import { jsx as jsx392, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx725, jsxs as jsxs3 } from "react/jsx-runtime";
 var MultiSelectControl = forwardRef3(
   ({
     variant = "tag",
@@ -1681,8 +2015,8 @@ var MultiSelectControl = forwardRef3(
               gap: 8,
               style: { minWidth: 0 },
               children: [
-                iconLeft && /* @__PURE__ */ jsx392(Icon, { size: sizeStyles.iconSize, color: iconColor, variant: "line", children: iconLeft }),
-                /* @__PURE__ */ jsx392(
+                iconLeft && /* @__PURE__ */ jsx725(Icon, { size: sizeStyles.iconSize, color: iconColor, variant: "line", children: iconLeft }),
+                /* @__PURE__ */ jsx725(
                   Box,
                   {
                     ref: itemsRef,
@@ -1702,7 +2036,7 @@ var MultiSelectControl = forwardRef3(
             }
           ),
           /* @__PURE__ */ jsxs3(Box, { flexDirection: "row", alignItems: "center", gap: 4, children: [
-            extraClear && selectedItems.length > 0 && !isDisable && /* @__PURE__ */ jsx392(
+            extraClear && selectedItems.length > 0 && !isDisable && /* @__PURE__ */ jsx725(
               Box,
               {
                 onPress: (e) => {
@@ -1710,17 +2044,17 @@ var MultiSelectControl = forwardRef3(
                   removeAllValues();
                 },
                 style: { cursor: "pointer" },
-                children: /* @__PURE__ */ jsx392(Remove, { size: 18, color: iconColor, variant: "line" })
+                children: /* @__PURE__ */ jsx725(Remove, { size: 18, color: iconColor, variant: "line" })
               }
             ),
-            isError && /* @__PURE__ */ jsx392(
+            isError && /* @__PURE__ */ jsx725(
               ExclamationMarkCr,
               {
                 size: 18,
                 color: theme.colors.content.alert.primary
               }
             ),
-            iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx392(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx392(ChevronDown, { size: 18, color: iconColor })
+            iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx725(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx725(ChevronDown, { size: 18, color: iconColor })
           ] })
         ]
       }
@@ -1821,7 +2155,7 @@ var useMultiSelect = ({
 };
 
 // src/MultiSelect.tsx
-import { Fragment, jsx as jsx393, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx726, jsxs as jsxs4 } from "react/jsx-runtime";
 var MultiSelect = forwardRef4(
   ({
     options,
@@ -1888,7 +2222,7 @@ var MultiSelect = forwardRef4(
       onChoose(newValues.map(String));
     };
     return /* @__PURE__ */ jsxs4(Box, { flexDirection: "column", gap: sizeStyles.fieldGap, children: [
-      label && /* @__PURE__ */ jsx393(
+      label && /* @__PURE__ */ jsx726(
         Text,
         {
           color: theme.colors.content.secondary,
@@ -1905,7 +2239,7 @@ var MultiSelect = forwardRef4(
             position: "relative"
           },
           children: [
-            /* @__PURE__ */ jsx393(
+            /* @__PURE__ */ jsx726(
               MultiSelectControl,
               {
                 ref: controlRef,
@@ -1930,7 +2264,7 @@ var MultiSelect = forwardRef4(
               }
             ),
             isOpen && !isDisable && /* @__PURE__ */ jsxs4(Fragment, { children: [
-              /* @__PURE__ */ jsx393(
+              /* @__PURE__ */ jsx726(
                 Box,
                 {
                   style: {
@@ -1945,7 +2279,7 @@ var MultiSelect = forwardRef4(
                   onPress: onClose
                 }
               ),
-              /* @__PURE__ */ jsx393(
+              /* @__PURE__ */ jsx726(
                 Box,
                 {
                   ref: menuRef,
@@ -1969,7 +2303,7 @@ var MultiSelect = forwardRef4(
                   children: menuItems.map((item, _index) => {
                     const brandColors = theme.colors.control.brand.primary;
                     const contentColors = theme.colors.content;
-                    return /* @__PURE__ */ jsx393(
+                    return /* @__PURE__ */ jsx726(
                       Box,
                       {
                         paddingHorizontal: sizeStyles.paddingHorizontal,
@@ -1990,7 +2324,7 @@ var MultiSelect = forwardRef4(
                           cursor: item.disabled ? "not-allowed" : "pointer",
                           opacity: item.disabled ? 0.5 : 1
                         },
-                        children: /* @__PURE__ */ jsx393(
+                        children: /* @__PURE__ */ jsx726(
                           Text,
                           {
                             color: item.checked ? contentColors.on.brand : theme.colors.content.secondary,
@@ -2009,7 +2343,7 @@ var MultiSelect = forwardRef4(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx393(
+      errorMessage && /* @__PURE__ */ jsx726(
         Text,
         {
           color: theme.colors.content.alert.primary,