@blerp/design 1.0.96 → 1.0.99

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +139 -64
  2. package/dist/index.esm.js +138 -65
  3. package/dist/index.umd.js +139 -64
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -533,8 +533,38 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
533
533
  }, title || bite.title)));
534
534
  };
535
535
 
536
- var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
536
+ var PresentGiftIcon = function PresentGiftIcon(_ref) {
537
537
  var sx = _ref.sx;
538
+ return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
539
+ sx: sx
540
+ }, /*#__PURE__*/React__default['default'].createElement("svg", {
541
+ width: "24",
542
+ height: "24",
543
+ viewBox: "0 0 24 24",
544
+ xmlns: "http://www.w3.org/2000/svg"
545
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
546
+ "fill-rule": "evenodd",
547
+ "clip-rule": "evenodd",
548
+ d: "M9.52851 4.05582C10.2735 4.58225 10.9836 5.27026 11.5238 5.98594C12.064 5.27026 12.7741 4.58225 13.5191 4.05582C14.1172 3.6332 14.7839 3.28121 15.4574 3.11073C16.132 2.93995 16.8833 2.93649 17.5556 3.31973C18.7454 3.99788 19.0667 5.56851 18.5299 6.68922C18.4689 6.81663 18.3996 6.93594 18.3232 7.04762H20.4286C21.3227 7.04762 22.0476 7.77249 22.0476 8.66667V11.0952C22.0476 11.9894 21.3227 12.7143 20.4286 12.7143V18.381C20.4286 19.2751 19.7037 20 18.8095 20H4.2381C3.34392 20 2.61905 19.2751 2.61905 18.381V12.7143C1.72487 12.7143 1 11.9894 1 11.0952V8.66667C1 7.77249 1.72487 7.04762 2.61905 7.04762H4.72438C4.64803 6.93594 4.57873 6.81663 4.5177 6.68922C3.98094 5.56851 4.30225 3.99788 5.49196 3.31973C6.16427 2.93649 6.91562 2.93995 7.59023 3.11073C8.26369 3.28121 8.9304 3.6332 9.52851 4.05582ZM14.7551 7.01891C14.5252 7.03815 14.2932 7.04702 14.0642 7.04762H14.0144C13.5892 7.04651 13.1756 7.01726 12.8071 6.97327C13.2274 6.41385 13.8102 5.8326 14.4534 5.37808C14.9483 5.02841 15.4334 4.78692 15.8547 4.68027C16.2749 4.5739 16.5613 4.61654 16.7539 4.72631C17.0981 4.92251 17.2956 5.51816 17.0697 5.98985C16.9417 6.25716 16.6928 6.48772 16.2844 6.67092C15.8712 6.85625 15.3425 6.96974 14.7551 7.01891ZM10.2405 6.97327C9.87199 7.01726 9.45845 7.04651 9.03317 7.04762H8.98341C8.75442 7.04702 8.52241 7.03815 8.29254 7.01891C7.70512 6.96974 7.17643 6.85625 6.76322 6.67092C6.35477 6.48772 6.10594 6.25716 5.97791 5.98985C5.75199 5.51816 5.94952 4.92251 6.29373 4.72631C6.48631 4.61654 6.77273 4.5739 7.19291 4.68027C7.61423 4.78692 8.09933 5.02841 8.5942 5.37808C9.23744 5.8326 9.82024 6.41385 10.2405 6.97327ZM12.3333 12.7143H18.8095L18.8095 18.381H12.3333V12.7143ZM12.3333 11.0952H18.8095L18.8119 11.0952H20.4286V8.66667L12.3333 8.66667V11.0952ZM10.7143 8.66667V11.0952H4.2381H4.23734H2.61905L2.61905 8.66667L10.7143 8.66667ZM10.7143 12.7143V18.381H4.2381V12.7143H10.7143Z"
549
+ })));
550
+ };
551
+ var SparkleGiftIcon = function SparkleGiftIcon(_ref2) {
552
+ var sx = _ref2.sx;
553
+ return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
554
+ sx: sx
555
+ }, /*#__PURE__*/React__default['default'].createElement("svg", {
556
+ width: "24",
557
+ height: "24",
558
+ viewBox: "0 0 24 24",
559
+ xmlns: "http://www.w3.org/2000/svg"
560
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
561
+ d: "M13.7788 14.107L12.645 13.6814C11.5236 13.26 10.6431 12.3667 10.2278 11.2289L9.8083 10.0786C9.70239 9.7899 9.43036 9.59607 9.12717 9.59607C8.82398 9.59607 8.55195 9.7878 8.44604 10.0786L8.02656 11.2289C7.61124 12.3667 6.73075 13.26 5.60938 13.6814L4.47555 14.107C4.19105 14.2144 4 14.4904 4 14.798C4 15.1057 4.18897 15.3817 4.47555 15.4891L5.60938 15.9147C6.73075 16.3361 7.61124 17.2294 8.02656 18.3672L8.44604 19.5175C8.55195 19.8062 8.82398 20 9.12717 20C9.43036 20 9.70239 19.8083 9.8083 19.5175L10.2278 18.3672C10.6431 17.2294 11.5236 16.3361 12.645 15.9147L13.7788 15.4891C14.0633 15.3817 14.2543 15.1057 14.2543 14.798C14.2543 14.4904 14.0633 14.2144 13.7788 14.107ZM9.12717 17.0119C8.59556 15.9564 7.9855 15.3353 6.94512 14.798C7.9855 14.2587 8.59763 13.6397 9.12717 12.5842C9.65878 13.6397 10.2688 14.2608 11.3092 14.798C10.2688 15.3374 9.65671 15.9564 9.12717 17.0119Z"
562
+ }), /*#__PURE__*/React__default['default'].createElement("path", {
563
+ d: "M19.6022 6.79143L18.904 6.52886C18.2561 6.28566 17.7472 5.76932 17.5075 5.11199L17.2487 4.40356C17.1601 4.16213 16.9326 4 16.679 4C16.4254 4 16.1979 4.16037 16.1093 4.40356L15.8505 5.11199C15.6108 5.76932 15.1018 6.28566 14.454 6.52886L13.7557 6.79143C13.5178 6.88131 13.358 7.11217 13.358 7.36946C13.358 7.62675 13.516 7.85761 13.7557 7.94748L14.454 8.21006C15.1018 8.45325 15.6108 8.9696 15.8505 9.62693L16.1093 10.3354C16.1979 10.5768 16.4254 10.7389 16.679 10.7389C16.9326 10.7389 17.1601 10.5785 17.2487 10.3354L17.5075 9.62693C17.7472 8.9696 18.2561 8.45325 18.904 8.21006L19.6022 7.94748C19.8402 7.85761 20 7.62675 20 7.36946C20 7.11217 19.8419 6.88131 19.6022 6.79143Z"
564
+ })));
565
+ };
566
+ var PlayOutlineIcon = function PlayOutlineIcon(_ref3) {
567
+ var sx = _ref3.sx;
538
568
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
539
569
  sx: sx
540
570
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -547,8 +577,8 @@ var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
547
577
  d: "M3.9,1C3.3,1,2.6,1.4,2.6,2.2v11.6c0,1,1.3,1.6,2,1l8.1-5.6c0.8-0.5,0.8-1.8,0-2.3L4.7,1.2 C4.5,1,4.2,1,3.9,1 M3.7-1L3.7-1c0.6,0,1.2,0.2,1.7,0.5l0,0L14,5.6C14.7,6.1,15.2,7,15.2,8c0,1-0.5,1.9-1.2,2.5l-8.6,6 c-0.5,0.3-1,0.5-1.6,0.5c-0.7,0-1.4-0.3-2-0.7c-0.6-0.5-1-1.3-1-2.1V1.8c0-0.9,0.3-1.6,1-2.1C2.3-0.8,3-1,3.7-1z"
548
578
  }))));
549
579
  };
550
- var PlaySolidIcon = function PlaySolidIcon(_ref2) {
551
- var sx = _ref2.sx;
580
+ var PlaySolidIcon = function PlaySolidIcon(_ref4) {
581
+ var sx = _ref4.sx;
552
582
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
553
583
  sx: sx
554
584
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -560,8 +590,8 @@ var PlaySolidIcon = function PlaySolidIcon(_ref2) {
560
590
  d: "M7.2,4.3c-0.2,0-0.3,0-0.5,0.1C6.4,4.6,6.3,4.8,6.3,5.1v13.8c0,0.4,0.3,0.6,0.4,0.7c0.3,0.2,0.7,0.2,0.9,0 l9.6-6.7c0.2-0.2,0.4-0.4,0.4-0.7c0-0.3,0-0.6-0.2-0.8c-0.1-0.1-0.1-0.1-0.2-0.2L7.7,4.5C7.6,4.4,7.4,4.3,7.2,4.3z"
561
591
  })));
562
592
  };
563
- var TwitchBitIcon = function TwitchBitIcon(_ref3) {
564
- var sx = _ref3.sx;
593
+ var TwitchBitIcon = function TwitchBitIcon(_ref5) {
594
+ var sx = _ref5.sx;
565
595
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
566
596
  sx: sx
567
597
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -574,8 +604,8 @@ var TwitchBitIcon = function TwitchBitIcon(_ref3) {
574
604
  d: "M12,21c-0.2,0-0.3-0.1-0.5-0.2l-6.8-5.4c-0.3-0.2-0.4-0.6-0.2-1l6.8-11.2C11.6,3.1,11.8,3,12,3c0,0,0,0,0,0 c0.3,0,0.5,0.1,0.6,0.4l6.7,11.2c0.2,0.3,0.1,0.7-0.2,1l-6.7,5.4C12.4,20.9,12.2,21,12,21z M6.2,14.7l5.8,4.6l5.7-4.6L12,5.2 L6.2,14.7z"
575
605
  }))));
576
606
  };
577
- var BlerpCoinsIcon = function BlerpCoinsIcon(_ref4) {
578
- var sx = _ref4.sx;
607
+ var BlerpCoinsIcon = function BlerpCoinsIcon(_ref6) {
608
+ var sx = _ref6.sx;
579
609
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
580
610
  sx: sx
581
611
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -591,8 +621,8 @@ var BlerpCoinsIcon = function BlerpCoinsIcon(_ref4) {
591
621
  d: "M11,21c-4.4,0-8-3.6-8-8c0-2.6,1.3-5,3.4-6.5c-2.2,3.2-1.8,7.4,0.9,10.2 c2.7,2.7,7,3.1,10.2,0.9C16,19.7,13.6,21,11,21z"
592
622
  })));
593
623
  };
594
- var ShortcutIcon = function ShortcutIcon(_ref5) {
595
- var sx = _ref5.sx;
624
+ var ShortcutIcon = function ShortcutIcon(_ref7) {
625
+ var sx = _ref7.sx;
596
626
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
597
627
  sx: sx
598
628
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -609,8 +639,8 @@ var ShortcutIcon = function ShortcutIcon(_ref5) {
609
639
  d: "M13.7,17H6.3C4.5,17,3,15.5,3,13.7V6.3C3,4.5,4.5,3,6.3,3h7.4C15.5,3,17,4.5,17,6.3 c0,0,0,0,0,0v7.4C17,15.5,15.5,17,13.7,17z M7.8,8.3c-0.1,0-0.2,0-0.3,0.1c-0.6,0.6-0.9,1.5-0.9,2.3c0,1.8,1.5,3.3,3.3,3.3 s3.3-1.5,3.3-3.3c0-1.3-0.7-2.5-1.7-3.3c-0.6-0.6-1.2-1.1-1.2-1.9c0-0.2-0.2-0.4-0.4-0.4c0,0,0,0,0,0c-0.1,0-0.3,0.1-0.3,0.2 C9,6.1,8.8,6.9,8.8,7.7C9,8.2,9.3,8.6,9.7,9c0.4,0.3,0.7,0.8,0.8,1.3c0,0.6-0.5,1.1-1.1,1.1h0c-0.6,0-1.1-0.5-1.1-1.1V8.7 c0-0.1,0-0.2-0.1-0.3C8.1,8.4,7.9,8.3,7.8,8.3z"
610
640
  })));
611
641
  };
612
- var LightbulbIcon = function LightbulbIcon(_ref6) {
613
- var sx = _ref6.sx;
642
+ var LightbulbIcon = function LightbulbIcon(_ref8) {
643
+ var sx = _ref8.sx;
614
644
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
615
645
  sx: sx
616
646
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -640,8 +670,8 @@ var LightbulbIcon = function LightbulbIcon(_ref6) {
640
670
  d: "M14,18.1H9.7c-0.1,0-0.2,0.1-0.2,0.2v1.1l0,0c0,0.1,0,0.6,0.2,0.9c0.2,0.2,0.8,0.8,0.8,0.8s0.1,0.1,0.2,0.1 h2.2c0.1,0,0.2,0,0.3-0.1c0,0,0.8-0.5,0.8-0.8c0.1-0.2,0.2-0.8,0.2-0.9l0,0v-1.1C14.1,18.1,14,18.1,14,18.1z"
641
671
  })))));
642
672
  };
643
- var TwitchIcon = function TwitchIcon(_ref7) {
644
- var sx = _ref7.sx;
673
+ var TwitchIcon = function TwitchIcon(_ref9) {
674
+ var sx = _ref9.sx;
645
675
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
646
676
  sx: sx
647
677
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -678,8 +708,8 @@ var TwitchIcon = function TwitchIcon(_ref7) {
678
708
  height: "3.7"
679
709
  })))))));
680
710
  };
681
- var BlerpyIcon = function BlerpyIcon(_ref8) {
682
- var sx = _ref8.sx;
711
+ var BlerpyIcon = function BlerpyIcon(_ref10) {
712
+ var sx = _ref10.sx;
683
713
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
684
714
  sx: sx
685
715
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -691,8 +721,8 @@ var BlerpyIcon = function BlerpyIcon(_ref8) {
691
721
  d: "M18,10.6c-0.4-1.9,1.3-3.3,0.2-4.8c-1.6-1.9-3.5,0.7-5.2-0.1c-1.1-0.5-2.3-2.2-4-1.6 S7.5,6.9,7,8c-0.9,1.7-4,0.9-4,3.4c0,1.8,2.2,1.8,3.2,3.5c1,1.7-1.2,3.8,0.7,5.4c2.4,2,4.8-2,6.9-2.8l0,0c2.1-0.8,6.5,0.8,7.1-2.3 C21.4,12.7,18.4,12.5,18,10.6z M12.7,14.3c-1.5,0.5-3.2-0.1-4.1-1.4c-0.2-0.3-0.1-0.6,0.1-0.8C8.7,12,8.8,12,8.9,12 c0.9-0.1,1.8-0.3,2.6-0.6c0.9-0.3,1.7-0.7,2.4-1.2c0.3-0.2,0.6-0.1,0.8,0.2c0.1,0.1,0.1,0.2,0.1,0.3C15.1,12.2,14.2,13.7,12.7,14.3 L12.7,14.3z"
692
722
  })));
693
723
  };
694
- var RadarDishIcon = function RadarDishIcon(_ref9) {
695
- var sx = _ref9.sx;
724
+ var RadarDishIcon = function RadarDishIcon(_ref11) {
725
+ var sx = _ref11.sx;
696
726
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
697
727
  sx: sx
698
728
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -712,8 +742,8 @@ var RadarDishIcon = function RadarDishIcon(_ref9) {
712
742
  d: "M19.1,4.9c-1.5-1.6-3.7-2.2-5.8-1.8c-0.4,0.1-0.6,0.4-0.6,0.8c0.1,0.4,0.5,0.6,0.8,0.6 c1.7-0.3,3.4,0.2,4.6,1.4c1.2,1.2,1.7,2.9,1.4,4.6c-0.1,0.4,0.2,0.8,0.6,0.8c0,0,0.1,0,0.1,0c0.3,0,0.6-0.2,0.7-0.6 C21.2,8.7,20.6,6.5,19.1,4.9z"
713
743
  }))));
714
744
  };
715
- var ChannelPointsIcon = function ChannelPointsIcon(_ref10) {
716
- var sx = _ref10.sx;
745
+ var ChannelPointsIcon = function ChannelPointsIcon(_ref12) {
746
+ var sx = _ref12.sx;
717
747
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
718
748
  sx: sx
719
749
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -733,8 +763,8 @@ var ChannelPointsIcon = function ChannelPointsIcon(_ref10) {
733
763
  d: "M16.6,11.3l-2.2,0c0-0.5-0.1-0.9-0.4-1.1c-0.4-0.4-1-0.4-1.3-0.4c0,0,0,0,0,0l0-2.2c0,0,0,0,0,0 c1.2,0,2.2,0.4,2.9,1.1C16.1,9,16.7,9.9,16.6,11.3z"
734
764
  })))));
735
765
  };
736
- var GiftIcon = function GiftIcon(_ref11) {
737
- var sx = _ref11.sx;
766
+ var GiftIcon = function GiftIcon(_ref13) {
767
+ var sx = _ref13.sx;
738
768
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
739
769
  sx: sx
740
770
  }, /*#__PURE__*/React__default['default'].createElement("path", {
@@ -743,8 +773,8 @@ var GiftIcon = function GiftIcon(_ref11) {
743
773
  d: "M19.4,7.7h-2c0.2-0.4,0.4-0.8,0.4-1.3c0-1.3-1.1-2.4-2.4-2.4c-1.8,0-2.8,1.4-3.3,2.5C11.5,5.4,10.4,4,8.7,4 C7.3,4,6.2,5.1,6.2,6.4c0,0.5,0.1,0.9,0.4,1.3h-2C4.3,7.7,4,8,4,8.3V12c0,0.3,0.3,0.6,0.6,0.6h0.9v6.9c0,0.3,0.3,0.6,0.6,0.6h11.9 c0.3,0,0.6-0.3,0.6-0.6v-6.9h0.9c0.3,0,0.6-0.3,0.6-0.6V8.3C20,8,19.7,7.7,19.4,7.7z M15.3,5.1c0.7,0,1.3,0.6,1.3,1.3 s-0.6,1.3-1.3,1.3h-2.6C13.1,6.8,13.9,5.1,15.3,5.1z M7.4,6.4c0-0.7,0.6-1.3,1.3-1.3c1.5,0,2.3,1.6,2.6,2.6H8.7 C7.9,7.7,7.4,7.1,7.4,6.4z M5.1,8.9h3.5h2.8v2.6H5.1V8.9z M6.6,12.6h4.8v6.3H6.6V12.6z M17.4,18.9h-4.8v-6.3h4.8V18.9z M18.9,11.4 h-6.3V8.9h2.8h3.5V11.4z"
744
774
  }));
745
775
  };
746
- var WalkonIcon = function WalkonIcon(_ref12) {
747
- var sx = _ref12.sx;
776
+ var WalkonIcon = function WalkonIcon(_ref14) {
777
+ var sx = _ref14.sx;
748
778
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
749
779
  sx: sx
750
780
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -756,8 +786,8 @@ var WalkonIcon = function WalkonIcon(_ref12) {
756
786
  d: "M8.5,3C7.1,3,6,5,6,7.5c0.1,1.7,0.3,3.4,0.6,5.1c0.3,1.8,0.9,3.2,1.9,3.2 s1.8-1,1.8-2.8c0-0.6-0.5-1.6-0.5-2.4c0-1.5,0.9-2.1,0.9-3.5C10.8,4.7,10,3,8.5,3L8.5,3z M15.5,8.1c-1.4,0-2.2,1.7-2.2,4.2 c0,1.4,1,2,0.9,3.5c0,0.8-0.5,1.8-0.5,2.4c0,1.8,0.7,2.8,1.8,2.8s1.7-1.5,1.9-3.2c0.3-1.7,0.5-3.4,0.6-5.1 C18,10.2,16.9,8.1,15.5,8.1L15.5,8.1z"
757
787
  })));
758
788
  };
759
- var PointerFingerIcon = function PointerFingerIcon(_ref13) {
760
- var sx = _ref13.sx;
789
+ var PointerFingerIcon = function PointerFingerIcon(_ref15) {
790
+ var sx = _ref15.sx;
761
791
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
762
792
  sx: sx
763
793
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -783,8 +813,8 @@ var PointerFingerIcon = function PointerFingerIcon(_ref13) {
783
813
  d: "M8.1,7c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.4,0-0.5L7,5.1C6.8,4.9,6.6,5,6.5,5.1 c-0.1,0.1-0.1,0.4,0,0.5L8.1,7z"
784
814
  }))));
785
815
  };
786
- var UnsafeIcon = function UnsafeIcon(_ref14) {
787
- var sx = _ref14.sx;
816
+ var UnsafeIcon = function UnsafeIcon(_ref16) {
817
+ var sx = _ref16.sx;
788
818
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
789
819
  sx: sx
790
820
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -799,8 +829,8 @@ var UnsafeIcon = function UnsafeIcon(_ref14) {
799
829
  d: "M12,21c-1.2-0.5-2.2-1.2-3.2-2c-1.5-1-2.7-2.3-3.7-3.8c-0.6-1.6-1-3.3-1-5 c-0.2-1.5,0-3,0.4-4.4C5.2,4.2,11.3,3,12,3c0.8,0,6.6,1.3,7.6,2.8s0.3,7.1-0.9,9.4c-1,1.5-2.2,2.7-3.6,3.8 C14.2,19.8,13.1,20.5,12,21z M11.8,12L11.8,12l2.4,2.3c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.3,0.2-0.4 c0-0.2-0.1-0.3-0.2-0.4l-2.4-2.3l2.4-2.3c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4C15,8,14.8,7.9,14.6,7.9 c-0.2,0-0.3,0.1-0.4,0.2l-2.4,2.3L9.5,8.2C9.4,8.1,9.2,8,9.1,8C8.9,8,8.7,8.1,8.6,8.2C8.5,8.3,8.4,8.5,8.4,8.6 c0,0.2,0.1,0.3,0.2,0.4l2.3,2.2l-2.3,2.2c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.3,0.2,0.4,0.2 c0.2,0,0.3-0.1,0.4-0.2L11.8,12L11.8,12z"
800
830
  }))));
801
831
  };
802
- var DiscordIcon = function DiscordIcon(_ref15) {
803
- var sx = _ref15.sx;
832
+ var DiscordIcon = function DiscordIcon(_ref17) {
833
+ var sx = _ref17.sx;
804
834
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
805
835
  sx: sx
806
836
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -819,8 +849,8 @@ var DiscordIcon = function DiscordIcon(_ref15) {
819
849
  d: "M751.7,928.6h-12.1c-1,0-1.8,0.8-1.8,1.9c0,0,0,0,0,0v12.2c0,1,0.8,1.9,1.8,1.9 c0,0,0,0,0,0h10.2l-0.5-1.7l1.2,1.1l1.1,1l1.9,1.7v-16.1C753.5,929.4,752.7,928.6,751.7,928.6 C751.7,928.6,751.7,928.6,751.7,928.6z M748.2,940.4c0,0-0.3-0.4-0.6-0.7c0.7-0.2,1.2-0.5,1.6-1.1c-0.3,0.2-0.7,0.4-1,0.5 c-0.4,0.2-0.9,0.3-1.3,0.4c-0.8,0.1-1.6,0.1-2.3,0c-0.5-0.1-0.9-0.2-1.3-0.4c-0.2-0.1-0.4-0.2-0.7-0.3c0,0-0.1,0-0.1,0 c0,0,0,0,0,0c-0.2-0.1-0.3-0.2-0.3-0.2c0.4,0.5,0.9,0.9,1.6,1.1c-0.3,0.3-0.6,0.7-0.6,0.7c-1.1,0-2.1-0.5-2.7-1.4 c0-1.8,0.5-3.6,1.3-5.2c0.7-0.6,1.6-0.9,2.5-0.9l0.1,0.1c-0.9,0.2-1.7,0.6-2.4,1.2c0,0,0.2-0.1,0.5-0.3c0.6-0.3,1.3-0.5,2-0.6 c0.1,0,0.1,0,0.2,0c0.6-0.1,1.2-0.1,1.8,0c1,0.1,1.9,0.4,2.7,0.9c-0.7-0.5-1.4-0.9-2.2-1.1l0.1-0.1c0.9,0,1.8,0.4,2.5,0.9 c0.8,1.6,1.3,3.4,1.3,5.2C750.3,939.9,749.3,940.4,748.2,940.4z"
820
850
  }))));
821
851
  };
822
- var NewDiscordIcon = function NewDiscordIcon(_ref16) {
823
- var sx = _ref16.sx;
852
+ var NewDiscordIcon = function NewDiscordIcon(_ref18) {
853
+ var sx = _ref18.sx;
824
854
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
825
855
  sx: sx
826
856
  }, /*#__PURE__*/React__default['default'].createElement("svg", {
@@ -844,8 +874,8 @@ var NewDiscordIcon = function NewDiscordIcon(_ref16) {
844
874
  fill: "white"
845
875
  })))));
846
876
  };
847
- var BookmarkAddRounded = function BookmarkAddRounded(_ref17) {
848
- var sx = _ref17.sx;
877
+ var BookmarkAddRounded = function BookmarkAddRounded(_ref19) {
878
+ var sx = _ref19.sx;
849
879
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
850
880
  sx: sx
851
881
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -865,8 +895,8 @@ var BookmarkAddRounded = function BookmarkAddRounded(_ref17) {
865
895
  d: "M14.2,18.6c-0.6,0-1.3-0.5-1.7-0.8l-2.1-1.5l-2.7,1.9c-0.3,0.3-0.8,0.4-1.3,0.3c-0.7-0.2-1-0.8-1-1.3 l0.1-8.2C5.5,8.5,5.7,8,6,7.6c0.5-0.4,1-0.7,1.6-0.7l3.4,0v1.5H7.6c-0.2,0-0.4,0.1-0.6,0.3C7,8.7,7,8.9,7,9.1L6.9,17l3.5-2.5 l3,2.2c0.2,0.1,0.3,0.2,0.5,0.3c0,0,0,0,0,0l0-5.3h1.5v5.3c0,0.6-0.2,1.5-1,1.7C14.3,18.6,14.2,18.6,14.2,18.6z"
866
896
  })))));
867
897
  };
868
- var DiamondIcon = function DiamondIcon(_ref18) {
869
- var sx = _ref18.sx;
898
+ var DiamondIcon = function DiamondIcon(_ref20) {
899
+ var sx = _ref20.sx;
870
900
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
871
901
  sx: sx
872
902
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -879,8 +909,8 @@ var DiamondIcon = function DiamondIcon(_ref18) {
879
909
  d: "M10118.5,660.2c-0.3,0-0.7-0.1-0.9-0.2l-7.5-7.4c-0.7-0.6-0.7-1.5-0.3-2.2l2.5-3.4 c0.6-0.7,1.5-1.1,2.4-1.1h7.7c0.9-0.1,1.8,0.3,2.4,1.1l2.6,3.5c0.4,0.7,0.2,1.6-0.4,2.1l-7.5,7.4 C10119.2,660.1,10118.8,660.2,10118.5,660.2z M10122.7,648.6c-0.1,0-0.2,0.1-0.2,0.2c0,0.2,0.2,0.5,0.4,0.7 c0.3,0.4,0.5,0.9,0.5,1.4c0,0.2-0.1,0.6-0.2,0.7c-0.4,0.7-1,1.4-1.6,2c-0.8,0.9-1.7,1.7-1.5,1.9l0.2,0.2c0.6,0,3.2-3.2,3.2-3.2 c0.3-0.4,0.5-0.8,0.6-1.3c-0.1-0.7-0.3-1.2-0.7-1.8C10123.3,649.2,10122.9,648.6,10122.7,648.6L10122.7,648.6z"
880
910
  })));
881
911
  };
882
- var BlerpCardIcon = function BlerpCardIcon(_ref19) {
883
- var sx = _ref19.sx;
912
+ var BlerpCardIcon = function BlerpCardIcon(_ref21) {
913
+ var sx = _ref21.sx;
884
914
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
885
915
  sx: sx
886
916
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -900,8 +930,8 @@ var BlerpCardIcon = function BlerpCardIcon(_ref19) {
900
930
  d: "M12.3,11.4c-0.4,0.2-0.7,0.4-1.1,0.6c-0.4,0.1-0.8,0.2-1.2,0.3c0,0-0.1,0-0.1,0.1c-0.1,0.1-0.1,0.3-0.1,0.4 c0.4,0.6,1.2,0.9,1.9,0.6l0,0c0.7-0.3,1.1-1,1-1.7c0,0,0-0.1,0-0.1C12.6,11.3,12.4,11.3,12.3,11.4z"
901
931
  })))));
902
932
  };
903
- var CrownIcon = function CrownIcon(_ref20) {
904
- var sx = _ref20.sx;
933
+ var CrownIcon = function CrownIcon(_ref22) {
934
+ var sx = _ref22.sx;
905
935
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
906
936
  sx: sx
907
937
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -913,8 +943,8 @@ var CrownIcon = function CrownIcon(_ref20) {
913
943
  d: "M17.8,17.4H6.2c-0.2,0-0.4,0.2-0.4,0.4v0.9c0,0.2,0.2,0.4,0.4,0.4h11.7 c0.2,0,0.4-0.2,0.4-0.4v-0.9C18.3,17.6,18.1,17.4,17.8,17.4C17.8,17.4,17.8,17.4,17.8,17.4z M19.6,8.4c-0.7,0-1.3,0.6-1.3,1.4 c0,0,0,0,0,0c0,0.2,0,0.4,0.1,0.6l-2,1.2c-0.4,0.3-1,0.1-1.2-0.3c0,0,0,0,0,0l-2.3-4c0.6-0.5,0.7-1.3,0.2-1.9 c-0.5-0.6-1.3-0.7-1.9-0.2C10.6,5.6,10.5,6.4,11,7c0.1,0.1,0.1,0.1,0.2,0.2l-2.3,4c-0.2,0.4-0.8,0.6-1.2,0.3c0,0,0,0,0,0l-2-1.2 c0.3-0.7,0-1.5-0.7-1.8s-1.5,0-1.8,0.7s0,1.5,0.7,1.8c0.2,0.1,0.4,0.1,0.6,0.1c0.1,0,0.1,0,0.2,0l2,5.4h10.8l2-5.4 c0.1,0,0.1,0,0.2,0c0.7,0,1.3-0.6,1.3-1.3C21,9,20.4,8.4,19.6,8.4L19.6,8.4z"
914
944
  })));
915
945
  };
916
- var CogIcon = function CogIcon(_ref21) {
917
- var sx = _ref21.sx;
946
+ var CogIcon = function CogIcon(_ref23) {
947
+ var sx = _ref23.sx;
918
948
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
919
949
  sx: sx
920
950
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -926,8 +956,8 @@ var CogIcon = function CogIcon(_ref21) {
926
956
  d: "M12,21c-0.9,0-1.6-0.7-1.6-1.6v-0.1c-0.1-0.8-0.7-1.3-1.4-1.3c-0.4,0-0.7,0.1-0.9,0.4 l0,0c-0.6,0.6-1.7,0.7-2.3,0s-0.7-1.7,0-2.3c0,0,0,0,0,0l0,0c0.5-0.5,0.5-1.4,0-1.9c-0.2-0.2-0.6-0.4-0.9-0.4H4.6 C3.7,13.7,3,13,3,12s0.7-1.6,1.6-1.6h0.1c0.6,0,1-0.4,1.2-0.9C6.1,9,6,8.4,5.7,8L5.6,8C5,7.4,5,6.3,5.6,5.7s1.7-0.6,2.3,0l0,0l0,0 c0.4,0.4,1,0.5,1.5,0.3h0.1c0.5-0.2,0.8-0.7,0.8-1.2V4.6C10.4,3.7,11.1,3,12,3c0.9,0,1.6,0.7,1.6,1.6v0.1c0,0.5,0.3,1,0.8,1.2 c0.5,0.2,1.1,0.1,1.5-0.3l0,0c0.3-0.3,0.7-0.5,1.2-0.5c0.9,0,1.6,0.7,1.6,1.6c0,0.4-0.2,0.8-0.5,1.2l0,0c-0.4,0.4-0.5,1-0.3,1.5 v0.1c0.2,0.5,0.7,0.8,1.2,0.8h0.1c0.9,0,1.6,0.7,1.7,1.6c0,0.9-0.7,1.6-1.6,1.7c0,0,0,0-0.1,0h-0.1c-0.7,0-1.4,0.6-1.3,1.4 c0,0.3,0.1,0.7,0.4,0.9l0,0c0.6,0.6,0.6,1.7,0,2.3c-0.6,0.6-1.7,0.6-2.3,0l0,0l0,0c-0.5-0.5-1.4-0.5-1.9,0 c-0.2,0.3-0.4,0.6-0.4,0.9v0.1C13.7,20.2,12.9,21,12,21z M12,9.5c-1.4,0-2.4,1.1-2.4,2.4s1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4l0,0 C14.4,10.6,13.3,9.5,12,9.5z"
927
957
  })));
928
958
  };
929
- var ClockIcon = function ClockIcon(_ref22) {
930
- var sx = _ref22.sx;
959
+ var ClockIcon = function ClockIcon(_ref24) {
960
+ var sx = _ref24.sx;
931
961
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
932
962
  sx: sx
933
963
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -939,8 +969,8 @@ var ClockIcon = function ClockIcon(_ref22) {
939
969
  d: "M12,18.9c4,0,7.2-3.2,7.2-7.2S16,4.5,12,4.5s-7.2,3.2-7.2,7.2S8,18.9,12,18.9 M12,2.7 c5,0,9,4,9,9s-4,9-9,9s-9-4-9-9S7,2.7,12,2.7 M12.4,7.2v4.7l4.1,2.4l-0.7,1.1l-4.7-2.8V7.2H12.4z"
940
970
  })));
941
971
  };
942
- var OpenLockIcon = function OpenLockIcon(_ref23) {
943
- var sx = _ref23.sx;
972
+ var OpenLockIcon = function OpenLockIcon(_ref25) {
973
+ var sx = _ref25.sx;
944
974
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
945
975
  sx: sx
946
976
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -951,8 +981,8 @@ var OpenLockIcon = function OpenLockIcon(_ref23) {
951
981
  d: "M19.5,3.2c-0.7-0.7-1.7-1-2.9-1c-1.1,0-2,0.4-2.7,1.1c-1.4,1.5-1.4,4.1-1.3,6.7H6.5c-1.4,0-2.5,1.1-2.5,2.4v6.1 c0,1.4,1.1,2.4,2.5,2.4h7.4c1.4,0,2.5-1.1,2.5-2.4v-6.1c0-1.3-1-2.3-2.3-2.4C14,7.8,14,5.4,15,4.4c0.4-0.4,0.9-0.6,1.6-0.6 c0.8,0,1.4,0.2,1.8,0.6c0.8,0.7,0.7,2.2,0.7,3l0,0.2h1.5l0-0.2C20.7,6.3,20.7,4.4,19.5,3.2z M11,15.2l-0.2,0.2v2 c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-2l-0.2-0.2C9.1,15,9,14.7,9,14.3v0c0-0.7,0.6-1.2,1.2-1.2c0.3,0,0.6,0.1,0.9,0.4 c0.2,0.2,0.4,0.5,0.4,0.9C11.4,14.7,11.3,15,11,15.2z"
952
982
  })));
953
983
  };
954
- var WindowsIcon = function WindowsIcon(_ref24) {
955
- var sx = _ref24.sx;
984
+ var WindowsIcon = function WindowsIcon(_ref26) {
985
+ var sx = _ref26.sx;
956
986
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
957
987
  sx: sx
958
988
  }, /*#__PURE__*/React__default['default'].createElement("path", {
@@ -960,8 +990,8 @@ var WindowsIcon = function WindowsIcon(_ref24) {
960
990
  d: "M3,5.5l7.4-1v7.1H3V5.5z M3,18.5l7.4,1v-7H3V18.5L3,18.5z M11.2,19.6L21,21v-8.5h-9.8V19.6z M11.2,4.4v7.2H21 V3L11.2,4.4z"
961
991
  }));
962
992
  };
963
- var BroomIcon = function BroomIcon(_ref25) {
964
- var sx = _ref25.sx;
993
+ var BroomIcon = function BroomIcon(_ref27) {
994
+ var sx = _ref27.sx;
965
995
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
966
996
  sx: sx
967
997
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -990,8 +1020,8 @@ var BroomIcon = function BroomIcon(_ref25) {
990
1020
  d: "M56.8,8.6h-1.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7c0.3,0,0.5,0.2,0.5,0.5C57.3,8.4,57.1,8.6,56.8,8.6z"
991
1021
  }))))));
992
1022
  };
993
- var TikTokIcon = function TikTokIcon(_ref26) {
994
- var sx = _ref26.sx;
1023
+ var TikTokIcon = function TikTokIcon(_ref28) {
1024
+ var sx = _ref28.sx;
995
1025
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
996
1026
  sx: sx
997
1027
  }, /*#__PURE__*/React__default['default'].createElement("svg", {
@@ -4348,22 +4378,23 @@ var SnackbarProvider = function SnackbarProvider(props) {
4348
4378
  sx: {
4349
4379
  minWidth: "30%"
4350
4380
  },
4351
- TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
4352
- return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
4353
- direction: snackbarValues.slideDirection
4354
- }));
4355
- } : function (props) {
4356
- return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
4357
- direction: snackbarValues.slideDirection
4358
- }));
4381
+ TransitionComponent: function TransitionComponent(props) {
4382
+ if (snackbarValues.transitionType === "fade") {
4383
+ return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
4384
+ direction: snackbarValues.slideDirection,
4385
+ unmountOnExit: true
4386
+ }));
4387
+ } else {
4388
+ return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
4389
+ direction: snackbarValues.slideDirection,
4390
+ unmountOnExit: true
4391
+ }));
4392
+ }
4359
4393
  },
4360
4394
  onClose: function onClose() {
4361
4395
  return setOpen(false);
4362
4396
  },
4363
- key: "snackbar-toast",
4364
- TransitionProps: {
4365
- unmountOnExit: true
4366
- }
4397
+ key: "snackbar-toast"
4367
4398
  }, /*#__PURE__*/React__default['default'].createElement(Alert, {
4368
4399
  severity: snackbarValues.severity,
4369
4400
  variant: "filled",
@@ -7410,6 +7441,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7410
7441
  var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
7411
7442
  primaryActionButton = _ref.primaryActionButton,
7412
7443
  secondaryActionButton = _ref.secondaryActionButton,
7444
+ bottomLeftIcon = _ref.bottomLeftIcon,
7445
+ handleClickBottomLeftIcon = _ref.handleClickBottomLeftIcon,
7413
7446
  fluid = _ref.fluid,
7414
7447
  fontSize = _ref.fontSize,
7415
7448
  isLink = _ref.isLink,
@@ -7476,7 +7509,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7476
7509
  }), /*#__PURE__*/React__default['default'].createElement(Box, {
7477
7510
  onClick: function onClick(e) {
7478
7511
  e.stopPropagation();
7479
- handleClickBackground();
7512
+ if (handleClickBackground) handleClickBackground();
7480
7513
  },
7481
7514
  sx: {
7482
7515
  borderRadius: "8px",
@@ -7726,6 +7759,46 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7726
7759
  borderRadius: "50%",
7727
7760
  pointerEvents: "none"
7728
7761
  }
7762
+ })), bottomLeftIcon ? bottomLeftIcon : /*#__PURE__*/React__default['default'].createElement(Stack, {
7763
+ sx: {
7764
+ zIndex: "3",
7765
+ justifyContent: "center",
7766
+ alignItems: "center",
7767
+ position: "absolute",
7768
+ width: "20px",
7769
+ height: "20px",
7770
+ borderRadius: "50%",
7771
+ bottom: "8px",
7772
+ right: "8px",
7773
+ padding: "2px",
7774
+ transition: "all .1s ease-in-out",
7775
+ "&:hover": {
7776
+ width: "24px",
7777
+ height: "24px",
7778
+ bottom: "8px",
7779
+ right: "8px"
7780
+ }
7781
+ }
7782
+ }, /*#__PURE__*/React__default['default'].createElement(PresentGiftIcon, {
7783
+ onClick: function onClick(e) {
7784
+ e.stopPropagation(); // NEEDS TO DIRECT TO CREATOR'S PROFILE
7785
+
7786
+ handleClickBottomLeftIcon();
7787
+ },
7788
+ sx: {
7789
+ position: "absolute",
7790
+ width: "100%",
7791
+ height: "100%",
7792
+ color: "white.main",
7793
+ backgroundColor: "notBlack.main",
7794
+ zIndex: "3",
7795
+ borderRadius: "50%",
7796
+ opacity: "1",
7797
+ "&:hover": {
7798
+ // backgroundColor: "grey4.main",
7799
+ opacity: "1"
7800
+ }
7801
+ }
7729
7802
  })), isLink ? /*#__PURE__*/React__default['default'].createElement("a", {
7730
7803
  href: "/sound-collection/".concat(collection._id),
7731
7804
  style: {
@@ -90304,6 +90377,7 @@ exports.Popover = Popover;
90304
90377
  exports.PremiumBlerpCheckoutModal = PremiumBlerpCheckoutModal;
90305
90378
  exports.PremiumCollectionCheckoutModal = PremiumCollectionCheckoutModal;
90306
90379
  exports.PremiumSubscriptionCheckoutModal = PremiumSubscriptionCheckoutModal;
90380
+ exports.PresentGiftIcon = PresentGiftIcon;
90307
90381
  exports.RadarDishIcon = RadarDishIcon;
90308
90382
  exports.RadioButton = RadioButton;
90309
90383
  exports.Rating = Rating;
@@ -90315,6 +90389,7 @@ exports.Slider = Slider;
90315
90389
  exports.Snackbar = Snackbar;
90316
90390
  exports.SnackbarContext = SnackbarContext;
90317
90391
  exports.SnackbarProvider = SnackbarProvider;
90392
+ exports.SparkleGiftIcon = SparkleGiftIcon;
90318
90393
  exports.SpeedDial = SpeedDial;
90319
90394
  exports.Stack = Stack;
90320
90395
  exports.Stepper = Stepper;
package/dist/index.esm.js CHANGED
@@ -464,8 +464,38 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
464
464
  }, title || bite.title)));
465
465
  };
466
466
 
467
- var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
467
+ var PresentGiftIcon = function PresentGiftIcon(_ref) {
468
468
  var sx = _ref.sx;
469
+ return /*#__PURE__*/React__default.createElement(SvgIcon, {
470
+ sx: sx
471
+ }, /*#__PURE__*/React__default.createElement("svg", {
472
+ width: "24",
473
+ height: "24",
474
+ viewBox: "0 0 24 24",
475
+ xmlns: "http://www.w3.org/2000/svg"
476
+ }, /*#__PURE__*/React__default.createElement("path", {
477
+ "fill-rule": "evenodd",
478
+ "clip-rule": "evenodd",
479
+ d: "M9.52851 4.05582C10.2735 4.58225 10.9836 5.27026 11.5238 5.98594C12.064 5.27026 12.7741 4.58225 13.5191 4.05582C14.1172 3.6332 14.7839 3.28121 15.4574 3.11073C16.132 2.93995 16.8833 2.93649 17.5556 3.31973C18.7454 3.99788 19.0667 5.56851 18.5299 6.68922C18.4689 6.81663 18.3996 6.93594 18.3232 7.04762H20.4286C21.3227 7.04762 22.0476 7.77249 22.0476 8.66667V11.0952C22.0476 11.9894 21.3227 12.7143 20.4286 12.7143V18.381C20.4286 19.2751 19.7037 20 18.8095 20H4.2381C3.34392 20 2.61905 19.2751 2.61905 18.381V12.7143C1.72487 12.7143 1 11.9894 1 11.0952V8.66667C1 7.77249 1.72487 7.04762 2.61905 7.04762H4.72438C4.64803 6.93594 4.57873 6.81663 4.5177 6.68922C3.98094 5.56851 4.30225 3.99788 5.49196 3.31973C6.16427 2.93649 6.91562 2.93995 7.59023 3.11073C8.26369 3.28121 8.9304 3.6332 9.52851 4.05582ZM14.7551 7.01891C14.5252 7.03815 14.2932 7.04702 14.0642 7.04762H14.0144C13.5892 7.04651 13.1756 7.01726 12.8071 6.97327C13.2274 6.41385 13.8102 5.8326 14.4534 5.37808C14.9483 5.02841 15.4334 4.78692 15.8547 4.68027C16.2749 4.5739 16.5613 4.61654 16.7539 4.72631C17.0981 4.92251 17.2956 5.51816 17.0697 5.98985C16.9417 6.25716 16.6928 6.48772 16.2844 6.67092C15.8712 6.85625 15.3425 6.96974 14.7551 7.01891ZM10.2405 6.97327C9.87199 7.01726 9.45845 7.04651 9.03317 7.04762H8.98341C8.75442 7.04702 8.52241 7.03815 8.29254 7.01891C7.70512 6.96974 7.17643 6.85625 6.76322 6.67092C6.35477 6.48772 6.10594 6.25716 5.97791 5.98985C5.75199 5.51816 5.94952 4.92251 6.29373 4.72631C6.48631 4.61654 6.77273 4.5739 7.19291 4.68027C7.61423 4.78692 8.09933 5.02841 8.5942 5.37808C9.23744 5.8326 9.82024 6.41385 10.2405 6.97327ZM12.3333 12.7143H18.8095L18.8095 18.381H12.3333V12.7143ZM12.3333 11.0952H18.8095L18.8119 11.0952H20.4286V8.66667L12.3333 8.66667V11.0952ZM10.7143 8.66667V11.0952H4.2381H4.23734H2.61905L2.61905 8.66667L10.7143 8.66667ZM10.7143 12.7143V18.381H4.2381V12.7143H10.7143Z"
480
+ })));
481
+ };
482
+ var SparkleGiftIcon = function SparkleGiftIcon(_ref2) {
483
+ var sx = _ref2.sx;
484
+ return /*#__PURE__*/React__default.createElement(SvgIcon, {
485
+ sx: sx
486
+ }, /*#__PURE__*/React__default.createElement("svg", {
487
+ width: "24",
488
+ height: "24",
489
+ viewBox: "0 0 24 24",
490
+ xmlns: "http://www.w3.org/2000/svg"
491
+ }, /*#__PURE__*/React__default.createElement("path", {
492
+ d: "M13.7788 14.107L12.645 13.6814C11.5236 13.26 10.6431 12.3667 10.2278 11.2289L9.8083 10.0786C9.70239 9.7899 9.43036 9.59607 9.12717 9.59607C8.82398 9.59607 8.55195 9.7878 8.44604 10.0786L8.02656 11.2289C7.61124 12.3667 6.73075 13.26 5.60938 13.6814L4.47555 14.107C4.19105 14.2144 4 14.4904 4 14.798C4 15.1057 4.18897 15.3817 4.47555 15.4891L5.60938 15.9147C6.73075 16.3361 7.61124 17.2294 8.02656 18.3672L8.44604 19.5175C8.55195 19.8062 8.82398 20 9.12717 20C9.43036 20 9.70239 19.8083 9.8083 19.5175L10.2278 18.3672C10.6431 17.2294 11.5236 16.3361 12.645 15.9147L13.7788 15.4891C14.0633 15.3817 14.2543 15.1057 14.2543 14.798C14.2543 14.4904 14.0633 14.2144 13.7788 14.107ZM9.12717 17.0119C8.59556 15.9564 7.9855 15.3353 6.94512 14.798C7.9855 14.2587 8.59763 13.6397 9.12717 12.5842C9.65878 13.6397 10.2688 14.2608 11.3092 14.798C10.2688 15.3374 9.65671 15.9564 9.12717 17.0119Z"
493
+ }), /*#__PURE__*/React__default.createElement("path", {
494
+ d: "M19.6022 6.79143L18.904 6.52886C18.2561 6.28566 17.7472 5.76932 17.5075 5.11199L17.2487 4.40356C17.1601 4.16213 16.9326 4 16.679 4C16.4254 4 16.1979 4.16037 16.1093 4.40356L15.8505 5.11199C15.6108 5.76932 15.1018 6.28566 14.454 6.52886L13.7557 6.79143C13.5178 6.88131 13.358 7.11217 13.358 7.36946C13.358 7.62675 13.516 7.85761 13.7557 7.94748L14.454 8.21006C15.1018 8.45325 15.6108 8.9696 15.8505 9.62693L16.1093 10.3354C16.1979 10.5768 16.4254 10.7389 16.679 10.7389C16.9326 10.7389 17.1601 10.5785 17.2487 10.3354L17.5075 9.62693C17.7472 8.9696 18.2561 8.45325 18.904 8.21006L19.6022 7.94748C19.8402 7.85761 20 7.62675 20 7.36946C20 7.11217 19.8419 6.88131 19.6022 6.79143Z"
495
+ })));
496
+ };
497
+ var PlayOutlineIcon = function PlayOutlineIcon(_ref3) {
498
+ var sx = _ref3.sx;
469
499
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
470
500
  sx: sx
471
501
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -478,8 +508,8 @@ var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
478
508
  d: "M3.9,1C3.3,1,2.6,1.4,2.6,2.2v11.6c0,1,1.3,1.6,2,1l8.1-5.6c0.8-0.5,0.8-1.8,0-2.3L4.7,1.2 C4.5,1,4.2,1,3.9,1 M3.7-1L3.7-1c0.6,0,1.2,0.2,1.7,0.5l0,0L14,5.6C14.7,6.1,15.2,7,15.2,8c0,1-0.5,1.9-1.2,2.5l-8.6,6 c-0.5,0.3-1,0.5-1.6,0.5c-0.7,0-1.4-0.3-2-0.7c-0.6-0.5-1-1.3-1-2.1V1.8c0-0.9,0.3-1.6,1-2.1C2.3-0.8,3-1,3.7-1z"
479
509
  }))));
480
510
  };
481
- var PlaySolidIcon = function PlaySolidIcon(_ref2) {
482
- var sx = _ref2.sx;
511
+ var PlaySolidIcon = function PlaySolidIcon(_ref4) {
512
+ var sx = _ref4.sx;
483
513
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
484
514
  sx: sx
485
515
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -491,8 +521,8 @@ var PlaySolidIcon = function PlaySolidIcon(_ref2) {
491
521
  d: "M7.2,4.3c-0.2,0-0.3,0-0.5,0.1C6.4,4.6,6.3,4.8,6.3,5.1v13.8c0,0.4,0.3,0.6,0.4,0.7c0.3,0.2,0.7,0.2,0.9,0 l9.6-6.7c0.2-0.2,0.4-0.4,0.4-0.7c0-0.3,0-0.6-0.2-0.8c-0.1-0.1-0.1-0.1-0.2-0.2L7.7,4.5C7.6,4.4,7.4,4.3,7.2,4.3z"
492
522
  })));
493
523
  };
494
- var TwitchBitIcon = function TwitchBitIcon(_ref3) {
495
- var sx = _ref3.sx;
524
+ var TwitchBitIcon = function TwitchBitIcon(_ref5) {
525
+ var sx = _ref5.sx;
496
526
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
497
527
  sx: sx
498
528
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -505,8 +535,8 @@ var TwitchBitIcon = function TwitchBitIcon(_ref3) {
505
535
  d: "M12,21c-0.2,0-0.3-0.1-0.5-0.2l-6.8-5.4c-0.3-0.2-0.4-0.6-0.2-1l6.8-11.2C11.6,3.1,11.8,3,12,3c0,0,0,0,0,0 c0.3,0,0.5,0.1,0.6,0.4l6.7,11.2c0.2,0.3,0.1,0.7-0.2,1l-6.7,5.4C12.4,20.9,12.2,21,12,21z M6.2,14.7l5.8,4.6l5.7-4.6L12,5.2 L6.2,14.7z"
506
536
  }))));
507
537
  };
508
- var BlerpCoinsIcon = function BlerpCoinsIcon(_ref4) {
509
- var sx = _ref4.sx;
538
+ var BlerpCoinsIcon = function BlerpCoinsIcon(_ref6) {
539
+ var sx = _ref6.sx;
510
540
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
511
541
  sx: sx
512
542
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -522,8 +552,8 @@ var BlerpCoinsIcon = function BlerpCoinsIcon(_ref4) {
522
552
  d: "M11,21c-4.4,0-8-3.6-8-8c0-2.6,1.3-5,3.4-6.5c-2.2,3.2-1.8,7.4,0.9,10.2 c2.7,2.7,7,3.1,10.2,0.9C16,19.7,13.6,21,11,21z"
523
553
  })));
524
554
  };
525
- var ShortcutIcon = function ShortcutIcon(_ref5) {
526
- var sx = _ref5.sx;
555
+ var ShortcutIcon = function ShortcutIcon(_ref7) {
556
+ var sx = _ref7.sx;
527
557
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
528
558
  sx: sx
529
559
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -540,8 +570,8 @@ var ShortcutIcon = function ShortcutIcon(_ref5) {
540
570
  d: "M13.7,17H6.3C4.5,17,3,15.5,3,13.7V6.3C3,4.5,4.5,3,6.3,3h7.4C15.5,3,17,4.5,17,6.3 c0,0,0,0,0,0v7.4C17,15.5,15.5,17,13.7,17z M7.8,8.3c-0.1,0-0.2,0-0.3,0.1c-0.6,0.6-0.9,1.5-0.9,2.3c0,1.8,1.5,3.3,3.3,3.3 s3.3-1.5,3.3-3.3c0-1.3-0.7-2.5-1.7-3.3c-0.6-0.6-1.2-1.1-1.2-1.9c0-0.2-0.2-0.4-0.4-0.4c0,0,0,0,0,0c-0.1,0-0.3,0.1-0.3,0.2 C9,6.1,8.8,6.9,8.8,7.7C9,8.2,9.3,8.6,9.7,9c0.4,0.3,0.7,0.8,0.8,1.3c0,0.6-0.5,1.1-1.1,1.1h0c-0.6,0-1.1-0.5-1.1-1.1V8.7 c0-0.1,0-0.2-0.1-0.3C8.1,8.4,7.9,8.3,7.8,8.3z"
541
571
  })));
542
572
  };
543
- var LightbulbIcon = function LightbulbIcon(_ref6) {
544
- var sx = _ref6.sx;
573
+ var LightbulbIcon = function LightbulbIcon(_ref8) {
574
+ var sx = _ref8.sx;
545
575
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
546
576
  sx: sx
547
577
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -571,8 +601,8 @@ var LightbulbIcon = function LightbulbIcon(_ref6) {
571
601
  d: "M14,18.1H9.7c-0.1,0-0.2,0.1-0.2,0.2v1.1l0,0c0,0.1,0,0.6,0.2,0.9c0.2,0.2,0.8,0.8,0.8,0.8s0.1,0.1,0.2,0.1 h2.2c0.1,0,0.2,0,0.3-0.1c0,0,0.8-0.5,0.8-0.8c0.1-0.2,0.2-0.8,0.2-0.9l0,0v-1.1C14.1,18.1,14,18.1,14,18.1z"
572
602
  })))));
573
603
  };
574
- var TwitchIcon = function TwitchIcon(_ref7) {
575
- var sx = _ref7.sx;
604
+ var TwitchIcon = function TwitchIcon(_ref9) {
605
+ var sx = _ref9.sx;
576
606
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
577
607
  sx: sx
578
608
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -609,8 +639,8 @@ var TwitchIcon = function TwitchIcon(_ref7) {
609
639
  height: "3.7"
610
640
  })))))));
611
641
  };
612
- var BlerpyIcon = function BlerpyIcon(_ref8) {
613
- var sx = _ref8.sx;
642
+ var BlerpyIcon = function BlerpyIcon(_ref10) {
643
+ var sx = _ref10.sx;
614
644
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
615
645
  sx: sx
616
646
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -622,8 +652,8 @@ var BlerpyIcon = function BlerpyIcon(_ref8) {
622
652
  d: "M18,10.6c-0.4-1.9,1.3-3.3,0.2-4.8c-1.6-1.9-3.5,0.7-5.2-0.1c-1.1-0.5-2.3-2.2-4-1.6 S7.5,6.9,7,8c-0.9,1.7-4,0.9-4,3.4c0,1.8,2.2,1.8,3.2,3.5c1,1.7-1.2,3.8,0.7,5.4c2.4,2,4.8-2,6.9-2.8l0,0c2.1-0.8,6.5,0.8,7.1-2.3 C21.4,12.7,18.4,12.5,18,10.6z M12.7,14.3c-1.5,0.5-3.2-0.1-4.1-1.4c-0.2-0.3-0.1-0.6,0.1-0.8C8.7,12,8.8,12,8.9,12 c0.9-0.1,1.8-0.3,2.6-0.6c0.9-0.3,1.7-0.7,2.4-1.2c0.3-0.2,0.6-0.1,0.8,0.2c0.1,0.1,0.1,0.2,0.1,0.3C15.1,12.2,14.2,13.7,12.7,14.3 L12.7,14.3z"
623
653
  })));
624
654
  };
625
- var RadarDishIcon = function RadarDishIcon(_ref9) {
626
- var sx = _ref9.sx;
655
+ var RadarDishIcon = function RadarDishIcon(_ref11) {
656
+ var sx = _ref11.sx;
627
657
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
628
658
  sx: sx
629
659
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -643,8 +673,8 @@ var RadarDishIcon = function RadarDishIcon(_ref9) {
643
673
  d: "M19.1,4.9c-1.5-1.6-3.7-2.2-5.8-1.8c-0.4,0.1-0.6,0.4-0.6,0.8c0.1,0.4,0.5,0.6,0.8,0.6 c1.7-0.3,3.4,0.2,4.6,1.4c1.2,1.2,1.7,2.9,1.4,4.6c-0.1,0.4,0.2,0.8,0.6,0.8c0,0,0.1,0,0.1,0c0.3,0,0.6-0.2,0.7-0.6 C21.2,8.7,20.6,6.5,19.1,4.9z"
644
674
  }))));
645
675
  };
646
- var ChannelPointsIcon = function ChannelPointsIcon(_ref10) {
647
- var sx = _ref10.sx;
676
+ var ChannelPointsIcon = function ChannelPointsIcon(_ref12) {
677
+ var sx = _ref12.sx;
648
678
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
649
679
  sx: sx
650
680
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -664,8 +694,8 @@ var ChannelPointsIcon = function ChannelPointsIcon(_ref10) {
664
694
  d: "M16.6,11.3l-2.2,0c0-0.5-0.1-0.9-0.4-1.1c-0.4-0.4-1-0.4-1.3-0.4c0,0,0,0,0,0l0-2.2c0,0,0,0,0,0 c1.2,0,2.2,0.4,2.9,1.1C16.1,9,16.7,9.9,16.6,11.3z"
665
695
  })))));
666
696
  };
667
- var GiftIcon = function GiftIcon(_ref11) {
668
- var sx = _ref11.sx;
697
+ var GiftIcon = function GiftIcon(_ref13) {
698
+ var sx = _ref13.sx;
669
699
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
670
700
  sx: sx
671
701
  }, /*#__PURE__*/React__default.createElement("path", {
@@ -674,8 +704,8 @@ var GiftIcon = function GiftIcon(_ref11) {
674
704
  d: "M19.4,7.7h-2c0.2-0.4,0.4-0.8,0.4-1.3c0-1.3-1.1-2.4-2.4-2.4c-1.8,0-2.8,1.4-3.3,2.5C11.5,5.4,10.4,4,8.7,4 C7.3,4,6.2,5.1,6.2,6.4c0,0.5,0.1,0.9,0.4,1.3h-2C4.3,7.7,4,8,4,8.3V12c0,0.3,0.3,0.6,0.6,0.6h0.9v6.9c0,0.3,0.3,0.6,0.6,0.6h11.9 c0.3,0,0.6-0.3,0.6-0.6v-6.9h0.9c0.3,0,0.6-0.3,0.6-0.6V8.3C20,8,19.7,7.7,19.4,7.7z M15.3,5.1c0.7,0,1.3,0.6,1.3,1.3 s-0.6,1.3-1.3,1.3h-2.6C13.1,6.8,13.9,5.1,15.3,5.1z M7.4,6.4c0-0.7,0.6-1.3,1.3-1.3c1.5,0,2.3,1.6,2.6,2.6H8.7 C7.9,7.7,7.4,7.1,7.4,6.4z M5.1,8.9h3.5h2.8v2.6H5.1V8.9z M6.6,12.6h4.8v6.3H6.6V12.6z M17.4,18.9h-4.8v-6.3h4.8V18.9z M18.9,11.4 h-6.3V8.9h2.8h3.5V11.4z"
675
705
  }));
676
706
  };
677
- var WalkonIcon = function WalkonIcon(_ref12) {
678
- var sx = _ref12.sx;
707
+ var WalkonIcon = function WalkonIcon(_ref14) {
708
+ var sx = _ref14.sx;
679
709
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
680
710
  sx: sx
681
711
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -687,8 +717,8 @@ var WalkonIcon = function WalkonIcon(_ref12) {
687
717
  d: "M8.5,3C7.1,3,6,5,6,7.5c0.1,1.7,0.3,3.4,0.6,5.1c0.3,1.8,0.9,3.2,1.9,3.2 s1.8-1,1.8-2.8c0-0.6-0.5-1.6-0.5-2.4c0-1.5,0.9-2.1,0.9-3.5C10.8,4.7,10,3,8.5,3L8.5,3z M15.5,8.1c-1.4,0-2.2,1.7-2.2,4.2 c0,1.4,1,2,0.9,3.5c0,0.8-0.5,1.8-0.5,2.4c0,1.8,0.7,2.8,1.8,2.8s1.7-1.5,1.9-3.2c0.3-1.7,0.5-3.4,0.6-5.1 C18,10.2,16.9,8.1,15.5,8.1L15.5,8.1z"
688
718
  })));
689
719
  };
690
- var PointerFingerIcon = function PointerFingerIcon(_ref13) {
691
- var sx = _ref13.sx;
720
+ var PointerFingerIcon = function PointerFingerIcon(_ref15) {
721
+ var sx = _ref15.sx;
692
722
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
693
723
  sx: sx
694
724
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -714,8 +744,8 @@ var PointerFingerIcon = function PointerFingerIcon(_ref13) {
714
744
  d: "M8.1,7c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.4,0-0.5L7,5.1C6.8,4.9,6.6,5,6.5,5.1 c-0.1,0.1-0.1,0.4,0,0.5L8.1,7z"
715
745
  }))));
716
746
  };
717
- var UnsafeIcon = function UnsafeIcon(_ref14) {
718
- var sx = _ref14.sx;
747
+ var UnsafeIcon = function UnsafeIcon(_ref16) {
748
+ var sx = _ref16.sx;
719
749
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
720
750
  sx: sx
721
751
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -730,8 +760,8 @@ var UnsafeIcon = function UnsafeIcon(_ref14) {
730
760
  d: "M12,21c-1.2-0.5-2.2-1.2-3.2-2c-1.5-1-2.7-2.3-3.7-3.8c-0.6-1.6-1-3.3-1-5 c-0.2-1.5,0-3,0.4-4.4C5.2,4.2,11.3,3,12,3c0.8,0,6.6,1.3,7.6,2.8s0.3,7.1-0.9,9.4c-1,1.5-2.2,2.7-3.6,3.8 C14.2,19.8,13.1,20.5,12,21z M11.8,12L11.8,12l2.4,2.3c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.3,0.2-0.4 c0-0.2-0.1-0.3-0.2-0.4l-2.4-2.3l2.4-2.3c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4C15,8,14.8,7.9,14.6,7.9 c-0.2,0-0.3,0.1-0.4,0.2l-2.4,2.3L9.5,8.2C9.4,8.1,9.2,8,9.1,8C8.9,8,8.7,8.1,8.6,8.2C8.5,8.3,8.4,8.5,8.4,8.6 c0,0.2,0.1,0.3,0.2,0.4l2.3,2.2l-2.3,2.2c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.3,0.2,0.4,0.2 c0.2,0,0.3-0.1,0.4-0.2L11.8,12L11.8,12z"
731
761
  }))));
732
762
  };
733
- var DiscordIcon = function DiscordIcon(_ref15) {
734
- var sx = _ref15.sx;
763
+ var DiscordIcon = function DiscordIcon(_ref17) {
764
+ var sx = _ref17.sx;
735
765
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
736
766
  sx: sx
737
767
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -750,8 +780,8 @@ var DiscordIcon = function DiscordIcon(_ref15) {
750
780
  d: "M751.7,928.6h-12.1c-1,0-1.8,0.8-1.8,1.9c0,0,0,0,0,0v12.2c0,1,0.8,1.9,1.8,1.9 c0,0,0,0,0,0h10.2l-0.5-1.7l1.2,1.1l1.1,1l1.9,1.7v-16.1C753.5,929.4,752.7,928.6,751.7,928.6 C751.7,928.6,751.7,928.6,751.7,928.6z M748.2,940.4c0,0-0.3-0.4-0.6-0.7c0.7-0.2,1.2-0.5,1.6-1.1c-0.3,0.2-0.7,0.4-1,0.5 c-0.4,0.2-0.9,0.3-1.3,0.4c-0.8,0.1-1.6,0.1-2.3,0c-0.5-0.1-0.9-0.2-1.3-0.4c-0.2-0.1-0.4-0.2-0.7-0.3c0,0-0.1,0-0.1,0 c0,0,0,0,0,0c-0.2-0.1-0.3-0.2-0.3-0.2c0.4,0.5,0.9,0.9,1.6,1.1c-0.3,0.3-0.6,0.7-0.6,0.7c-1.1,0-2.1-0.5-2.7-1.4 c0-1.8,0.5-3.6,1.3-5.2c0.7-0.6,1.6-0.9,2.5-0.9l0.1,0.1c-0.9,0.2-1.7,0.6-2.4,1.2c0,0,0.2-0.1,0.5-0.3c0.6-0.3,1.3-0.5,2-0.6 c0.1,0,0.1,0,0.2,0c0.6-0.1,1.2-0.1,1.8,0c1,0.1,1.9,0.4,2.7,0.9c-0.7-0.5-1.4-0.9-2.2-1.1l0.1-0.1c0.9,0,1.8,0.4,2.5,0.9 c0.8,1.6,1.3,3.4,1.3,5.2C750.3,939.9,749.3,940.4,748.2,940.4z"
751
781
  }))));
752
782
  };
753
- var NewDiscordIcon = function NewDiscordIcon(_ref16) {
754
- var sx = _ref16.sx;
783
+ var NewDiscordIcon = function NewDiscordIcon(_ref18) {
784
+ var sx = _ref18.sx;
755
785
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
756
786
  sx: sx
757
787
  }, /*#__PURE__*/React__default.createElement("svg", {
@@ -775,8 +805,8 @@ var NewDiscordIcon = function NewDiscordIcon(_ref16) {
775
805
  fill: "white"
776
806
  })))));
777
807
  };
778
- var BookmarkAddRounded = function BookmarkAddRounded(_ref17) {
779
- var sx = _ref17.sx;
808
+ var BookmarkAddRounded = function BookmarkAddRounded(_ref19) {
809
+ var sx = _ref19.sx;
780
810
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
781
811
  sx: sx
782
812
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -796,8 +826,8 @@ var BookmarkAddRounded = function BookmarkAddRounded(_ref17) {
796
826
  d: "M14.2,18.6c-0.6,0-1.3-0.5-1.7-0.8l-2.1-1.5l-2.7,1.9c-0.3,0.3-0.8,0.4-1.3,0.3c-0.7-0.2-1-0.8-1-1.3 l0.1-8.2C5.5,8.5,5.7,8,6,7.6c0.5-0.4,1-0.7,1.6-0.7l3.4,0v1.5H7.6c-0.2,0-0.4,0.1-0.6,0.3C7,8.7,7,8.9,7,9.1L6.9,17l3.5-2.5 l3,2.2c0.2,0.1,0.3,0.2,0.5,0.3c0,0,0,0,0,0l0-5.3h1.5v5.3c0,0.6-0.2,1.5-1,1.7C14.3,18.6,14.2,18.6,14.2,18.6z"
797
827
  })))));
798
828
  };
799
- var DiamondIcon = function DiamondIcon(_ref18) {
800
- var sx = _ref18.sx;
829
+ var DiamondIcon = function DiamondIcon(_ref20) {
830
+ var sx = _ref20.sx;
801
831
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
802
832
  sx: sx
803
833
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -810,8 +840,8 @@ var DiamondIcon = function DiamondIcon(_ref18) {
810
840
  d: "M10118.5,660.2c-0.3,0-0.7-0.1-0.9-0.2l-7.5-7.4c-0.7-0.6-0.7-1.5-0.3-2.2l2.5-3.4 c0.6-0.7,1.5-1.1,2.4-1.1h7.7c0.9-0.1,1.8,0.3,2.4,1.1l2.6,3.5c0.4,0.7,0.2,1.6-0.4,2.1l-7.5,7.4 C10119.2,660.1,10118.8,660.2,10118.5,660.2z M10122.7,648.6c-0.1,0-0.2,0.1-0.2,0.2c0,0.2,0.2,0.5,0.4,0.7 c0.3,0.4,0.5,0.9,0.5,1.4c0,0.2-0.1,0.6-0.2,0.7c-0.4,0.7-1,1.4-1.6,2c-0.8,0.9-1.7,1.7-1.5,1.9l0.2,0.2c0.6,0,3.2-3.2,3.2-3.2 c0.3-0.4,0.5-0.8,0.6-1.3c-0.1-0.7-0.3-1.2-0.7-1.8C10123.3,649.2,10122.9,648.6,10122.7,648.6L10122.7,648.6z"
811
841
  })));
812
842
  };
813
- var BlerpCardIcon = function BlerpCardIcon(_ref19) {
814
- var sx = _ref19.sx;
843
+ var BlerpCardIcon = function BlerpCardIcon(_ref21) {
844
+ var sx = _ref21.sx;
815
845
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
816
846
  sx: sx
817
847
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -831,8 +861,8 @@ var BlerpCardIcon = function BlerpCardIcon(_ref19) {
831
861
  d: "M12.3,11.4c-0.4,0.2-0.7,0.4-1.1,0.6c-0.4,0.1-0.8,0.2-1.2,0.3c0,0-0.1,0-0.1,0.1c-0.1,0.1-0.1,0.3-0.1,0.4 c0.4,0.6,1.2,0.9,1.9,0.6l0,0c0.7-0.3,1.1-1,1-1.7c0,0,0-0.1,0-0.1C12.6,11.3,12.4,11.3,12.3,11.4z"
832
862
  })))));
833
863
  };
834
- var CrownIcon = function CrownIcon(_ref20) {
835
- var sx = _ref20.sx;
864
+ var CrownIcon = function CrownIcon(_ref22) {
865
+ var sx = _ref22.sx;
836
866
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
837
867
  sx: sx
838
868
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -844,8 +874,8 @@ var CrownIcon = function CrownIcon(_ref20) {
844
874
  d: "M17.8,17.4H6.2c-0.2,0-0.4,0.2-0.4,0.4v0.9c0,0.2,0.2,0.4,0.4,0.4h11.7 c0.2,0,0.4-0.2,0.4-0.4v-0.9C18.3,17.6,18.1,17.4,17.8,17.4C17.8,17.4,17.8,17.4,17.8,17.4z M19.6,8.4c-0.7,0-1.3,0.6-1.3,1.4 c0,0,0,0,0,0c0,0.2,0,0.4,0.1,0.6l-2,1.2c-0.4,0.3-1,0.1-1.2-0.3c0,0,0,0,0,0l-2.3-4c0.6-0.5,0.7-1.3,0.2-1.9 c-0.5-0.6-1.3-0.7-1.9-0.2C10.6,5.6,10.5,6.4,11,7c0.1,0.1,0.1,0.1,0.2,0.2l-2.3,4c-0.2,0.4-0.8,0.6-1.2,0.3c0,0,0,0,0,0l-2-1.2 c0.3-0.7,0-1.5-0.7-1.8s-1.5,0-1.8,0.7s0,1.5,0.7,1.8c0.2,0.1,0.4,0.1,0.6,0.1c0.1,0,0.1,0,0.2,0l2,5.4h10.8l2-5.4 c0.1,0,0.1,0,0.2,0c0.7,0,1.3-0.6,1.3-1.3C21,9,20.4,8.4,19.6,8.4L19.6,8.4z"
845
875
  })));
846
876
  };
847
- var CogIcon = function CogIcon(_ref21) {
848
- var sx = _ref21.sx;
877
+ var CogIcon = function CogIcon(_ref23) {
878
+ var sx = _ref23.sx;
849
879
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
850
880
  sx: sx
851
881
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -857,8 +887,8 @@ var CogIcon = function CogIcon(_ref21) {
857
887
  d: "M12,21c-0.9,0-1.6-0.7-1.6-1.6v-0.1c-0.1-0.8-0.7-1.3-1.4-1.3c-0.4,0-0.7,0.1-0.9,0.4 l0,0c-0.6,0.6-1.7,0.7-2.3,0s-0.7-1.7,0-2.3c0,0,0,0,0,0l0,0c0.5-0.5,0.5-1.4,0-1.9c-0.2-0.2-0.6-0.4-0.9-0.4H4.6 C3.7,13.7,3,13,3,12s0.7-1.6,1.6-1.6h0.1c0.6,0,1-0.4,1.2-0.9C6.1,9,6,8.4,5.7,8L5.6,8C5,7.4,5,6.3,5.6,5.7s1.7-0.6,2.3,0l0,0l0,0 c0.4,0.4,1,0.5,1.5,0.3h0.1c0.5-0.2,0.8-0.7,0.8-1.2V4.6C10.4,3.7,11.1,3,12,3c0.9,0,1.6,0.7,1.6,1.6v0.1c0,0.5,0.3,1,0.8,1.2 c0.5,0.2,1.1,0.1,1.5-0.3l0,0c0.3-0.3,0.7-0.5,1.2-0.5c0.9,0,1.6,0.7,1.6,1.6c0,0.4-0.2,0.8-0.5,1.2l0,0c-0.4,0.4-0.5,1-0.3,1.5 v0.1c0.2,0.5,0.7,0.8,1.2,0.8h0.1c0.9,0,1.6,0.7,1.7,1.6c0,0.9-0.7,1.6-1.6,1.7c0,0,0,0-0.1,0h-0.1c-0.7,0-1.4,0.6-1.3,1.4 c0,0.3,0.1,0.7,0.4,0.9l0,0c0.6,0.6,0.6,1.7,0,2.3c-0.6,0.6-1.7,0.6-2.3,0l0,0l0,0c-0.5-0.5-1.4-0.5-1.9,0 c-0.2,0.3-0.4,0.6-0.4,0.9v0.1C13.7,20.2,12.9,21,12,21z M12,9.5c-1.4,0-2.4,1.1-2.4,2.4s1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4l0,0 C14.4,10.6,13.3,9.5,12,9.5z"
858
888
  })));
859
889
  };
860
- var ClockIcon = function ClockIcon(_ref22) {
861
- var sx = _ref22.sx;
890
+ var ClockIcon = function ClockIcon(_ref24) {
891
+ var sx = _ref24.sx;
862
892
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
863
893
  sx: sx
864
894
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -870,8 +900,8 @@ var ClockIcon = function ClockIcon(_ref22) {
870
900
  d: "M12,18.9c4,0,7.2-3.2,7.2-7.2S16,4.5,12,4.5s-7.2,3.2-7.2,7.2S8,18.9,12,18.9 M12,2.7 c5,0,9,4,9,9s-4,9-9,9s-9-4-9-9S7,2.7,12,2.7 M12.4,7.2v4.7l4.1,2.4l-0.7,1.1l-4.7-2.8V7.2H12.4z"
871
901
  })));
872
902
  };
873
- var OpenLockIcon = function OpenLockIcon(_ref23) {
874
- var sx = _ref23.sx;
903
+ var OpenLockIcon = function OpenLockIcon(_ref25) {
904
+ var sx = _ref25.sx;
875
905
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
876
906
  sx: sx
877
907
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -882,8 +912,8 @@ var OpenLockIcon = function OpenLockIcon(_ref23) {
882
912
  d: "M19.5,3.2c-0.7-0.7-1.7-1-2.9-1c-1.1,0-2,0.4-2.7,1.1c-1.4,1.5-1.4,4.1-1.3,6.7H6.5c-1.4,0-2.5,1.1-2.5,2.4v6.1 c0,1.4,1.1,2.4,2.5,2.4h7.4c1.4,0,2.5-1.1,2.5-2.4v-6.1c0-1.3-1-2.3-2.3-2.4C14,7.8,14,5.4,15,4.4c0.4-0.4,0.9-0.6,1.6-0.6 c0.8,0,1.4,0.2,1.8,0.6c0.8,0.7,0.7,2.2,0.7,3l0,0.2h1.5l0-0.2C20.7,6.3,20.7,4.4,19.5,3.2z M11,15.2l-0.2,0.2v2 c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-2l-0.2-0.2C9.1,15,9,14.7,9,14.3v0c0-0.7,0.6-1.2,1.2-1.2c0.3,0,0.6,0.1,0.9,0.4 c0.2,0.2,0.4,0.5,0.4,0.9C11.4,14.7,11.3,15,11,15.2z"
883
913
  })));
884
914
  };
885
- var WindowsIcon = function WindowsIcon(_ref24) {
886
- var sx = _ref24.sx;
915
+ var WindowsIcon = function WindowsIcon(_ref26) {
916
+ var sx = _ref26.sx;
887
917
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
888
918
  sx: sx
889
919
  }, /*#__PURE__*/React__default.createElement("path", {
@@ -891,8 +921,8 @@ var WindowsIcon = function WindowsIcon(_ref24) {
891
921
  d: "M3,5.5l7.4-1v7.1H3V5.5z M3,18.5l7.4,1v-7H3V18.5L3,18.5z M11.2,19.6L21,21v-8.5h-9.8V19.6z M11.2,4.4v7.2H21 V3L11.2,4.4z"
892
922
  }));
893
923
  };
894
- var BroomIcon = function BroomIcon(_ref25) {
895
- var sx = _ref25.sx;
924
+ var BroomIcon = function BroomIcon(_ref27) {
925
+ var sx = _ref27.sx;
896
926
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
897
927
  sx: sx
898
928
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -921,8 +951,8 @@ var BroomIcon = function BroomIcon(_ref25) {
921
951
  d: "M56.8,8.6h-1.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7c0.3,0,0.5,0.2,0.5,0.5C57.3,8.4,57.1,8.6,56.8,8.6z"
922
952
  }))))));
923
953
  };
924
- var TikTokIcon = function TikTokIcon(_ref26) {
925
- var sx = _ref26.sx;
954
+ var TikTokIcon = function TikTokIcon(_ref28) {
955
+ var sx = _ref28.sx;
926
956
  return /*#__PURE__*/React__default.createElement(SvgIcon, {
927
957
  sx: sx
928
958
  }, /*#__PURE__*/React__default.createElement("svg", {
@@ -4279,22 +4309,23 @@ var SnackbarProvider = function SnackbarProvider(props) {
4279
4309
  sx: {
4280
4310
  minWidth: "30%"
4281
4311
  },
4282
- TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
4283
- return /*#__PURE__*/React__default.createElement(Fade, _extends({}, props, {
4284
- direction: snackbarValues.slideDirection
4285
- }));
4286
- } : function (props) {
4287
- return /*#__PURE__*/React__default.createElement(Slide, _extends({}, props, {
4288
- direction: snackbarValues.slideDirection
4289
- }));
4312
+ TransitionComponent: function TransitionComponent(props) {
4313
+ if (snackbarValues.transitionType === "fade") {
4314
+ return /*#__PURE__*/React__default.createElement(Fade, _extends({}, props, {
4315
+ direction: snackbarValues.slideDirection,
4316
+ unmountOnExit: true
4317
+ }));
4318
+ } else {
4319
+ return /*#__PURE__*/React__default.createElement(Slide, _extends({}, props, {
4320
+ direction: snackbarValues.slideDirection,
4321
+ unmountOnExit: true
4322
+ }));
4323
+ }
4290
4324
  },
4291
4325
  onClose: function onClose() {
4292
4326
  return setOpen(false);
4293
4327
  },
4294
- key: "snackbar-toast",
4295
- TransitionProps: {
4296
- unmountOnExit: true
4297
- }
4328
+ key: "snackbar-toast"
4298
4329
  }, /*#__PURE__*/React__default.createElement(Alert, {
4299
4330
  severity: snackbarValues.severity,
4300
4331
  variant: "filled",
@@ -7341,6 +7372,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7341
7372
  var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
7342
7373
  primaryActionButton = _ref.primaryActionButton,
7343
7374
  secondaryActionButton = _ref.secondaryActionButton,
7375
+ bottomLeftIcon = _ref.bottomLeftIcon,
7376
+ handleClickBottomLeftIcon = _ref.handleClickBottomLeftIcon,
7344
7377
  fluid = _ref.fluid,
7345
7378
  fontSize = _ref.fontSize,
7346
7379
  isLink = _ref.isLink,
@@ -7407,7 +7440,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7407
7440
  }), /*#__PURE__*/React__default.createElement(Box, {
7408
7441
  onClick: function onClick(e) {
7409
7442
  e.stopPropagation();
7410
- handleClickBackground();
7443
+ if (handleClickBackground) handleClickBackground();
7411
7444
  },
7412
7445
  sx: {
7413
7446
  borderRadius: "8px",
@@ -7657,6 +7690,46 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7657
7690
  borderRadius: "50%",
7658
7691
  pointerEvents: "none"
7659
7692
  }
7693
+ })), bottomLeftIcon ? bottomLeftIcon : /*#__PURE__*/React__default.createElement(Stack, {
7694
+ sx: {
7695
+ zIndex: "3",
7696
+ justifyContent: "center",
7697
+ alignItems: "center",
7698
+ position: "absolute",
7699
+ width: "20px",
7700
+ height: "20px",
7701
+ borderRadius: "50%",
7702
+ bottom: "8px",
7703
+ right: "8px",
7704
+ padding: "2px",
7705
+ transition: "all .1s ease-in-out",
7706
+ "&:hover": {
7707
+ width: "24px",
7708
+ height: "24px",
7709
+ bottom: "8px",
7710
+ right: "8px"
7711
+ }
7712
+ }
7713
+ }, /*#__PURE__*/React__default.createElement(PresentGiftIcon, {
7714
+ onClick: function onClick(e) {
7715
+ e.stopPropagation(); // NEEDS TO DIRECT TO CREATOR'S PROFILE
7716
+
7717
+ handleClickBottomLeftIcon();
7718
+ },
7719
+ sx: {
7720
+ position: "absolute",
7721
+ width: "100%",
7722
+ height: "100%",
7723
+ color: "white.main",
7724
+ backgroundColor: "notBlack.main",
7725
+ zIndex: "3",
7726
+ borderRadius: "50%",
7727
+ opacity: "1",
7728
+ "&:hover": {
7729
+ // backgroundColor: "grey4.main",
7730
+ opacity: "1"
7731
+ }
7732
+ }
7660
7733
  })), isLink ? /*#__PURE__*/React__default.createElement("a", {
7661
7734
  href: "/sound-collection/".concat(collection._id),
7662
7735
  style: {
@@ -90169,4 +90242,4 @@ var Themes = {
90169
90242
  // };
90170
90243
  // export default returnLibrary();
90171
90244
 
90172
- export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpCardIcon, BlerpCoinsIcon, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BlerpyIcon, BookmarkAddRounded, BottomNavigation, Box, Breadcrumbs, BroomIcon, Button, ButtonGroup, Card, ChannelPointsIcon, Checkbox, CheckoutModal, Chip, ClockIcon, CogIcon, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, CrownIcon, Dialog, DiamondIcon, DiscordIcon, Divider, Drawer, Dropdown, FloatingActionButton, GiftIcon, Grid, IconButton, ImageList, Input, InputAdornment, LightbulbIcon, LinearProgress, Link, List, Menu, MenuItem, Modal, NewCollectionModal, NewDiscordIcon, OpenLockIcon, Pagination, Paper, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, Popover, PremiumBlerpCheckoutModal, PremiumCollectionCheckoutModal, PremiumSubscriptionCheckoutModal, RadarDishIcon, RadioButton, Rating, ReactionButtons, Select, ShortcutIcon, Skeleton, Slider, Snackbar, SnackbarContext, SnackbarProvider, SpeedDial, Stack, Stepper, Switch, Table, Tabs, Text, Theme, Themes, TikTokIcon, Toggle, Toolbar, Tooltip, TwitchBitIcon, TwitchIcon, UnsafeIcon, UserLibraryHeader, UserProfileHeader, WalkonIcon, WindowsIcon, darkThemeV1, lightThemeV1, mainTheme };
90245
+ export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpCardIcon, BlerpCoinsIcon, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BlerpyIcon, BookmarkAddRounded, BottomNavigation, Box, Breadcrumbs, BroomIcon, Button, ButtonGroup, Card, ChannelPointsIcon, Checkbox, CheckoutModal, Chip, ClockIcon, CogIcon, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, CrownIcon, Dialog, DiamondIcon, DiscordIcon, Divider, Drawer, Dropdown, FloatingActionButton, GiftIcon, Grid, IconButton, ImageList, Input, InputAdornment, LightbulbIcon, LinearProgress, Link, List, Menu, MenuItem, Modal, NewCollectionModal, NewDiscordIcon, OpenLockIcon, Pagination, Paper, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, Popover, PremiumBlerpCheckoutModal, PremiumCollectionCheckoutModal, PremiumSubscriptionCheckoutModal, PresentGiftIcon, RadarDishIcon, RadioButton, Rating, ReactionButtons, Select, ShortcutIcon, Skeleton, Slider, Snackbar, SnackbarContext, SnackbarProvider, SparkleGiftIcon, SpeedDial, Stack, Stepper, Switch, Table, Tabs, Text, Theme, Themes, TikTokIcon, Toggle, Toolbar, Tooltip, TwitchBitIcon, TwitchIcon, UnsafeIcon, UserLibraryHeader, UserProfileHeader, WalkonIcon, WindowsIcon, darkThemeV1, lightThemeV1, mainTheme };
package/dist/index.umd.js CHANGED
@@ -485,8 +485,38 @@
485
485
  }, title || bite.title)));
486
486
  };
487
487
 
488
- var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
488
+ var PresentGiftIcon = function PresentGiftIcon(_ref) {
489
489
  var sx = _ref.sx;
490
+ return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
491
+ sx: sx
492
+ }, /*#__PURE__*/React__default['default'].createElement("svg", {
493
+ width: "24",
494
+ height: "24",
495
+ viewBox: "0 0 24 24",
496
+ xmlns: "http://www.w3.org/2000/svg"
497
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
498
+ "fill-rule": "evenodd",
499
+ "clip-rule": "evenodd",
500
+ d: "M9.52851 4.05582C10.2735 4.58225 10.9836 5.27026 11.5238 5.98594C12.064 5.27026 12.7741 4.58225 13.5191 4.05582C14.1172 3.6332 14.7839 3.28121 15.4574 3.11073C16.132 2.93995 16.8833 2.93649 17.5556 3.31973C18.7454 3.99788 19.0667 5.56851 18.5299 6.68922C18.4689 6.81663 18.3996 6.93594 18.3232 7.04762H20.4286C21.3227 7.04762 22.0476 7.77249 22.0476 8.66667V11.0952C22.0476 11.9894 21.3227 12.7143 20.4286 12.7143V18.381C20.4286 19.2751 19.7037 20 18.8095 20H4.2381C3.34392 20 2.61905 19.2751 2.61905 18.381V12.7143C1.72487 12.7143 1 11.9894 1 11.0952V8.66667C1 7.77249 1.72487 7.04762 2.61905 7.04762H4.72438C4.64803 6.93594 4.57873 6.81663 4.5177 6.68922C3.98094 5.56851 4.30225 3.99788 5.49196 3.31973C6.16427 2.93649 6.91562 2.93995 7.59023 3.11073C8.26369 3.28121 8.9304 3.6332 9.52851 4.05582ZM14.7551 7.01891C14.5252 7.03815 14.2932 7.04702 14.0642 7.04762H14.0144C13.5892 7.04651 13.1756 7.01726 12.8071 6.97327C13.2274 6.41385 13.8102 5.8326 14.4534 5.37808C14.9483 5.02841 15.4334 4.78692 15.8547 4.68027C16.2749 4.5739 16.5613 4.61654 16.7539 4.72631C17.0981 4.92251 17.2956 5.51816 17.0697 5.98985C16.9417 6.25716 16.6928 6.48772 16.2844 6.67092C15.8712 6.85625 15.3425 6.96974 14.7551 7.01891ZM10.2405 6.97327C9.87199 7.01726 9.45845 7.04651 9.03317 7.04762H8.98341C8.75442 7.04702 8.52241 7.03815 8.29254 7.01891C7.70512 6.96974 7.17643 6.85625 6.76322 6.67092C6.35477 6.48772 6.10594 6.25716 5.97791 5.98985C5.75199 5.51816 5.94952 4.92251 6.29373 4.72631C6.48631 4.61654 6.77273 4.5739 7.19291 4.68027C7.61423 4.78692 8.09933 5.02841 8.5942 5.37808C9.23744 5.8326 9.82024 6.41385 10.2405 6.97327ZM12.3333 12.7143H18.8095L18.8095 18.381H12.3333V12.7143ZM12.3333 11.0952H18.8095L18.8119 11.0952H20.4286V8.66667L12.3333 8.66667V11.0952ZM10.7143 8.66667V11.0952H4.2381H4.23734H2.61905L2.61905 8.66667L10.7143 8.66667ZM10.7143 12.7143V18.381H4.2381V12.7143H10.7143Z"
501
+ })));
502
+ };
503
+ var SparkleGiftIcon = function SparkleGiftIcon(_ref2) {
504
+ var sx = _ref2.sx;
505
+ return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
506
+ sx: sx
507
+ }, /*#__PURE__*/React__default['default'].createElement("svg", {
508
+ width: "24",
509
+ height: "24",
510
+ viewBox: "0 0 24 24",
511
+ xmlns: "http://www.w3.org/2000/svg"
512
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
513
+ d: "M13.7788 14.107L12.645 13.6814C11.5236 13.26 10.6431 12.3667 10.2278 11.2289L9.8083 10.0786C9.70239 9.7899 9.43036 9.59607 9.12717 9.59607C8.82398 9.59607 8.55195 9.7878 8.44604 10.0786L8.02656 11.2289C7.61124 12.3667 6.73075 13.26 5.60938 13.6814L4.47555 14.107C4.19105 14.2144 4 14.4904 4 14.798C4 15.1057 4.18897 15.3817 4.47555 15.4891L5.60938 15.9147C6.73075 16.3361 7.61124 17.2294 8.02656 18.3672L8.44604 19.5175C8.55195 19.8062 8.82398 20 9.12717 20C9.43036 20 9.70239 19.8083 9.8083 19.5175L10.2278 18.3672C10.6431 17.2294 11.5236 16.3361 12.645 15.9147L13.7788 15.4891C14.0633 15.3817 14.2543 15.1057 14.2543 14.798C14.2543 14.4904 14.0633 14.2144 13.7788 14.107ZM9.12717 17.0119C8.59556 15.9564 7.9855 15.3353 6.94512 14.798C7.9855 14.2587 8.59763 13.6397 9.12717 12.5842C9.65878 13.6397 10.2688 14.2608 11.3092 14.798C10.2688 15.3374 9.65671 15.9564 9.12717 17.0119Z"
514
+ }), /*#__PURE__*/React__default['default'].createElement("path", {
515
+ d: "M19.6022 6.79143L18.904 6.52886C18.2561 6.28566 17.7472 5.76932 17.5075 5.11199L17.2487 4.40356C17.1601 4.16213 16.9326 4 16.679 4C16.4254 4 16.1979 4.16037 16.1093 4.40356L15.8505 5.11199C15.6108 5.76932 15.1018 6.28566 14.454 6.52886L13.7557 6.79143C13.5178 6.88131 13.358 7.11217 13.358 7.36946C13.358 7.62675 13.516 7.85761 13.7557 7.94748L14.454 8.21006C15.1018 8.45325 15.6108 8.9696 15.8505 9.62693L16.1093 10.3354C16.1979 10.5768 16.4254 10.7389 16.679 10.7389C16.9326 10.7389 17.1601 10.5785 17.2487 10.3354L17.5075 9.62693C17.7472 8.9696 18.2561 8.45325 18.904 8.21006L19.6022 7.94748C19.8402 7.85761 20 7.62675 20 7.36946C20 7.11217 19.8419 6.88131 19.6022 6.79143Z"
516
+ })));
517
+ };
518
+ var PlayOutlineIcon = function PlayOutlineIcon(_ref3) {
519
+ var sx = _ref3.sx;
490
520
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
491
521
  sx: sx
492
522
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -499,8 +529,8 @@
499
529
  d: "M3.9,1C3.3,1,2.6,1.4,2.6,2.2v11.6c0,1,1.3,1.6,2,1l8.1-5.6c0.8-0.5,0.8-1.8,0-2.3L4.7,1.2 C4.5,1,4.2,1,3.9,1 M3.7-1L3.7-1c0.6,0,1.2,0.2,1.7,0.5l0,0L14,5.6C14.7,6.1,15.2,7,15.2,8c0,1-0.5,1.9-1.2,2.5l-8.6,6 c-0.5,0.3-1,0.5-1.6,0.5c-0.7,0-1.4-0.3-2-0.7c-0.6-0.5-1-1.3-1-2.1V1.8c0-0.9,0.3-1.6,1-2.1C2.3-0.8,3-1,3.7-1z"
500
530
  }))));
501
531
  };
502
- var PlaySolidIcon = function PlaySolidIcon(_ref2) {
503
- var sx = _ref2.sx;
532
+ var PlaySolidIcon = function PlaySolidIcon(_ref4) {
533
+ var sx = _ref4.sx;
504
534
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
505
535
  sx: sx
506
536
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -512,8 +542,8 @@
512
542
  d: "M7.2,4.3c-0.2,0-0.3,0-0.5,0.1C6.4,4.6,6.3,4.8,6.3,5.1v13.8c0,0.4,0.3,0.6,0.4,0.7c0.3,0.2,0.7,0.2,0.9,0 l9.6-6.7c0.2-0.2,0.4-0.4,0.4-0.7c0-0.3,0-0.6-0.2-0.8c-0.1-0.1-0.1-0.1-0.2-0.2L7.7,4.5C7.6,4.4,7.4,4.3,7.2,4.3z"
513
543
  })));
514
544
  };
515
- var TwitchBitIcon = function TwitchBitIcon(_ref3) {
516
- var sx = _ref3.sx;
545
+ var TwitchBitIcon = function TwitchBitIcon(_ref5) {
546
+ var sx = _ref5.sx;
517
547
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
518
548
  sx: sx
519
549
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -526,8 +556,8 @@
526
556
  d: "M12,21c-0.2,0-0.3-0.1-0.5-0.2l-6.8-5.4c-0.3-0.2-0.4-0.6-0.2-1l6.8-11.2C11.6,3.1,11.8,3,12,3c0,0,0,0,0,0 c0.3,0,0.5,0.1,0.6,0.4l6.7,11.2c0.2,0.3,0.1,0.7-0.2,1l-6.7,5.4C12.4,20.9,12.2,21,12,21z M6.2,14.7l5.8,4.6l5.7-4.6L12,5.2 L6.2,14.7z"
527
557
  }))));
528
558
  };
529
- var BlerpCoinsIcon = function BlerpCoinsIcon(_ref4) {
530
- var sx = _ref4.sx;
559
+ var BlerpCoinsIcon = function BlerpCoinsIcon(_ref6) {
560
+ var sx = _ref6.sx;
531
561
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
532
562
  sx: sx
533
563
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -543,8 +573,8 @@
543
573
  d: "M11,21c-4.4,0-8-3.6-8-8c0-2.6,1.3-5,3.4-6.5c-2.2,3.2-1.8,7.4,0.9,10.2 c2.7,2.7,7,3.1,10.2,0.9C16,19.7,13.6,21,11,21z"
544
574
  })));
545
575
  };
546
- var ShortcutIcon = function ShortcutIcon(_ref5) {
547
- var sx = _ref5.sx;
576
+ var ShortcutIcon = function ShortcutIcon(_ref7) {
577
+ var sx = _ref7.sx;
548
578
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
549
579
  sx: sx
550
580
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -561,8 +591,8 @@
561
591
  d: "M13.7,17H6.3C4.5,17,3,15.5,3,13.7V6.3C3,4.5,4.5,3,6.3,3h7.4C15.5,3,17,4.5,17,6.3 c0,0,0,0,0,0v7.4C17,15.5,15.5,17,13.7,17z M7.8,8.3c-0.1,0-0.2,0-0.3,0.1c-0.6,0.6-0.9,1.5-0.9,2.3c0,1.8,1.5,3.3,3.3,3.3 s3.3-1.5,3.3-3.3c0-1.3-0.7-2.5-1.7-3.3c-0.6-0.6-1.2-1.1-1.2-1.9c0-0.2-0.2-0.4-0.4-0.4c0,0,0,0,0,0c-0.1,0-0.3,0.1-0.3,0.2 C9,6.1,8.8,6.9,8.8,7.7C9,8.2,9.3,8.6,9.7,9c0.4,0.3,0.7,0.8,0.8,1.3c0,0.6-0.5,1.1-1.1,1.1h0c-0.6,0-1.1-0.5-1.1-1.1V8.7 c0-0.1,0-0.2-0.1-0.3C8.1,8.4,7.9,8.3,7.8,8.3z"
562
592
  })));
563
593
  };
564
- var LightbulbIcon = function LightbulbIcon(_ref6) {
565
- var sx = _ref6.sx;
594
+ var LightbulbIcon = function LightbulbIcon(_ref8) {
595
+ var sx = _ref8.sx;
566
596
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
567
597
  sx: sx
568
598
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -592,8 +622,8 @@
592
622
  d: "M14,18.1H9.7c-0.1,0-0.2,0.1-0.2,0.2v1.1l0,0c0,0.1,0,0.6,0.2,0.9c0.2,0.2,0.8,0.8,0.8,0.8s0.1,0.1,0.2,0.1 h2.2c0.1,0,0.2,0,0.3-0.1c0,0,0.8-0.5,0.8-0.8c0.1-0.2,0.2-0.8,0.2-0.9l0,0v-1.1C14.1,18.1,14,18.1,14,18.1z"
593
623
  })))));
594
624
  };
595
- var TwitchIcon = function TwitchIcon(_ref7) {
596
- var sx = _ref7.sx;
625
+ var TwitchIcon = function TwitchIcon(_ref9) {
626
+ var sx = _ref9.sx;
597
627
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
598
628
  sx: sx
599
629
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -630,8 +660,8 @@
630
660
  height: "3.7"
631
661
  })))))));
632
662
  };
633
- var BlerpyIcon = function BlerpyIcon(_ref8) {
634
- var sx = _ref8.sx;
663
+ var BlerpyIcon = function BlerpyIcon(_ref10) {
664
+ var sx = _ref10.sx;
635
665
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
636
666
  sx: sx
637
667
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -643,8 +673,8 @@
643
673
  d: "M18,10.6c-0.4-1.9,1.3-3.3,0.2-4.8c-1.6-1.9-3.5,0.7-5.2-0.1c-1.1-0.5-2.3-2.2-4-1.6 S7.5,6.9,7,8c-0.9,1.7-4,0.9-4,3.4c0,1.8,2.2,1.8,3.2,3.5c1,1.7-1.2,3.8,0.7,5.4c2.4,2,4.8-2,6.9-2.8l0,0c2.1-0.8,6.5,0.8,7.1-2.3 C21.4,12.7,18.4,12.5,18,10.6z M12.7,14.3c-1.5,0.5-3.2-0.1-4.1-1.4c-0.2-0.3-0.1-0.6,0.1-0.8C8.7,12,8.8,12,8.9,12 c0.9-0.1,1.8-0.3,2.6-0.6c0.9-0.3,1.7-0.7,2.4-1.2c0.3-0.2,0.6-0.1,0.8,0.2c0.1,0.1,0.1,0.2,0.1,0.3C15.1,12.2,14.2,13.7,12.7,14.3 L12.7,14.3z"
644
674
  })));
645
675
  };
646
- var RadarDishIcon = function RadarDishIcon(_ref9) {
647
- var sx = _ref9.sx;
676
+ var RadarDishIcon = function RadarDishIcon(_ref11) {
677
+ var sx = _ref11.sx;
648
678
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
649
679
  sx: sx
650
680
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -664,8 +694,8 @@
664
694
  d: "M19.1,4.9c-1.5-1.6-3.7-2.2-5.8-1.8c-0.4,0.1-0.6,0.4-0.6,0.8c0.1,0.4,0.5,0.6,0.8,0.6 c1.7-0.3,3.4,0.2,4.6,1.4c1.2,1.2,1.7,2.9,1.4,4.6c-0.1,0.4,0.2,0.8,0.6,0.8c0,0,0.1,0,0.1,0c0.3,0,0.6-0.2,0.7-0.6 C21.2,8.7,20.6,6.5,19.1,4.9z"
665
695
  }))));
666
696
  };
667
- var ChannelPointsIcon = function ChannelPointsIcon(_ref10) {
668
- var sx = _ref10.sx;
697
+ var ChannelPointsIcon = function ChannelPointsIcon(_ref12) {
698
+ var sx = _ref12.sx;
669
699
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
670
700
  sx: sx
671
701
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -685,8 +715,8 @@
685
715
  d: "M16.6,11.3l-2.2,0c0-0.5-0.1-0.9-0.4-1.1c-0.4-0.4-1-0.4-1.3-0.4c0,0,0,0,0,0l0-2.2c0,0,0,0,0,0 c1.2,0,2.2,0.4,2.9,1.1C16.1,9,16.7,9.9,16.6,11.3z"
686
716
  })))));
687
717
  };
688
- var GiftIcon = function GiftIcon(_ref11) {
689
- var sx = _ref11.sx;
718
+ var GiftIcon = function GiftIcon(_ref13) {
719
+ var sx = _ref13.sx;
690
720
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
691
721
  sx: sx
692
722
  }, /*#__PURE__*/React__default['default'].createElement("path", {
@@ -695,8 +725,8 @@
695
725
  d: "M19.4,7.7h-2c0.2-0.4,0.4-0.8,0.4-1.3c0-1.3-1.1-2.4-2.4-2.4c-1.8,0-2.8,1.4-3.3,2.5C11.5,5.4,10.4,4,8.7,4 C7.3,4,6.2,5.1,6.2,6.4c0,0.5,0.1,0.9,0.4,1.3h-2C4.3,7.7,4,8,4,8.3V12c0,0.3,0.3,0.6,0.6,0.6h0.9v6.9c0,0.3,0.3,0.6,0.6,0.6h11.9 c0.3,0,0.6-0.3,0.6-0.6v-6.9h0.9c0.3,0,0.6-0.3,0.6-0.6V8.3C20,8,19.7,7.7,19.4,7.7z M15.3,5.1c0.7,0,1.3,0.6,1.3,1.3 s-0.6,1.3-1.3,1.3h-2.6C13.1,6.8,13.9,5.1,15.3,5.1z M7.4,6.4c0-0.7,0.6-1.3,1.3-1.3c1.5,0,2.3,1.6,2.6,2.6H8.7 C7.9,7.7,7.4,7.1,7.4,6.4z M5.1,8.9h3.5h2.8v2.6H5.1V8.9z M6.6,12.6h4.8v6.3H6.6V12.6z M17.4,18.9h-4.8v-6.3h4.8V18.9z M18.9,11.4 h-6.3V8.9h2.8h3.5V11.4z"
696
726
  }));
697
727
  };
698
- var WalkonIcon = function WalkonIcon(_ref12) {
699
- var sx = _ref12.sx;
728
+ var WalkonIcon = function WalkonIcon(_ref14) {
729
+ var sx = _ref14.sx;
700
730
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
701
731
  sx: sx
702
732
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -708,8 +738,8 @@
708
738
  d: "M8.5,3C7.1,3,6,5,6,7.5c0.1,1.7,0.3,3.4,0.6,5.1c0.3,1.8,0.9,3.2,1.9,3.2 s1.8-1,1.8-2.8c0-0.6-0.5-1.6-0.5-2.4c0-1.5,0.9-2.1,0.9-3.5C10.8,4.7,10,3,8.5,3L8.5,3z M15.5,8.1c-1.4,0-2.2,1.7-2.2,4.2 c0,1.4,1,2,0.9,3.5c0,0.8-0.5,1.8-0.5,2.4c0,1.8,0.7,2.8,1.8,2.8s1.7-1.5,1.9-3.2c0.3-1.7,0.5-3.4,0.6-5.1 C18,10.2,16.9,8.1,15.5,8.1L15.5,8.1z"
709
739
  })));
710
740
  };
711
- var PointerFingerIcon = function PointerFingerIcon(_ref13) {
712
- var sx = _ref13.sx;
741
+ var PointerFingerIcon = function PointerFingerIcon(_ref15) {
742
+ var sx = _ref15.sx;
713
743
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
714
744
  sx: sx
715
745
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -735,8 +765,8 @@
735
765
  d: "M8.1,7c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.4,0-0.5L7,5.1C6.8,4.9,6.6,5,6.5,5.1 c-0.1,0.1-0.1,0.4,0,0.5L8.1,7z"
736
766
  }))));
737
767
  };
738
- var UnsafeIcon = function UnsafeIcon(_ref14) {
739
- var sx = _ref14.sx;
768
+ var UnsafeIcon = function UnsafeIcon(_ref16) {
769
+ var sx = _ref16.sx;
740
770
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
741
771
  sx: sx
742
772
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -751,8 +781,8 @@
751
781
  d: "M12,21c-1.2-0.5-2.2-1.2-3.2-2c-1.5-1-2.7-2.3-3.7-3.8c-0.6-1.6-1-3.3-1-5 c-0.2-1.5,0-3,0.4-4.4C5.2,4.2,11.3,3,12,3c0.8,0,6.6,1.3,7.6,2.8s0.3,7.1-0.9,9.4c-1,1.5-2.2,2.7-3.6,3.8 C14.2,19.8,13.1,20.5,12,21z M11.8,12L11.8,12l2.4,2.3c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.3,0.2-0.4 c0-0.2-0.1-0.3-0.2-0.4l-2.4-2.3l2.4-2.3c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4C15,8,14.8,7.9,14.6,7.9 c-0.2,0-0.3,0.1-0.4,0.2l-2.4,2.3L9.5,8.2C9.4,8.1,9.2,8,9.1,8C8.9,8,8.7,8.1,8.6,8.2C8.5,8.3,8.4,8.5,8.4,8.6 c0,0.2,0.1,0.3,0.2,0.4l2.3,2.2l-2.3,2.2c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.3,0.2,0.4,0.2 c0.2,0,0.3-0.1,0.4-0.2L11.8,12L11.8,12z"
752
782
  }))));
753
783
  };
754
- var DiscordIcon = function DiscordIcon(_ref15) {
755
- var sx = _ref15.sx;
784
+ var DiscordIcon = function DiscordIcon(_ref17) {
785
+ var sx = _ref17.sx;
756
786
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
757
787
  sx: sx
758
788
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -771,8 +801,8 @@
771
801
  d: "M751.7,928.6h-12.1c-1,0-1.8,0.8-1.8,1.9c0,0,0,0,0,0v12.2c0,1,0.8,1.9,1.8,1.9 c0,0,0,0,0,0h10.2l-0.5-1.7l1.2,1.1l1.1,1l1.9,1.7v-16.1C753.5,929.4,752.7,928.6,751.7,928.6 C751.7,928.6,751.7,928.6,751.7,928.6z M748.2,940.4c0,0-0.3-0.4-0.6-0.7c0.7-0.2,1.2-0.5,1.6-1.1c-0.3,0.2-0.7,0.4-1,0.5 c-0.4,0.2-0.9,0.3-1.3,0.4c-0.8,0.1-1.6,0.1-2.3,0c-0.5-0.1-0.9-0.2-1.3-0.4c-0.2-0.1-0.4-0.2-0.7-0.3c0,0-0.1,0-0.1,0 c0,0,0,0,0,0c-0.2-0.1-0.3-0.2-0.3-0.2c0.4,0.5,0.9,0.9,1.6,1.1c-0.3,0.3-0.6,0.7-0.6,0.7c-1.1,0-2.1-0.5-2.7-1.4 c0-1.8,0.5-3.6,1.3-5.2c0.7-0.6,1.6-0.9,2.5-0.9l0.1,0.1c-0.9,0.2-1.7,0.6-2.4,1.2c0,0,0.2-0.1,0.5-0.3c0.6-0.3,1.3-0.5,2-0.6 c0.1,0,0.1,0,0.2,0c0.6-0.1,1.2-0.1,1.8,0c1,0.1,1.9,0.4,2.7,0.9c-0.7-0.5-1.4-0.9-2.2-1.1l0.1-0.1c0.9,0,1.8,0.4,2.5,0.9 c0.8,1.6,1.3,3.4,1.3,5.2C750.3,939.9,749.3,940.4,748.2,940.4z"
772
802
  }))));
773
803
  };
774
- var NewDiscordIcon = function NewDiscordIcon(_ref16) {
775
- var sx = _ref16.sx;
804
+ var NewDiscordIcon = function NewDiscordIcon(_ref18) {
805
+ var sx = _ref18.sx;
776
806
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
777
807
  sx: sx
778
808
  }, /*#__PURE__*/React__default['default'].createElement("svg", {
@@ -796,8 +826,8 @@
796
826
  fill: "white"
797
827
  })))));
798
828
  };
799
- var BookmarkAddRounded = function BookmarkAddRounded(_ref17) {
800
- var sx = _ref17.sx;
829
+ var BookmarkAddRounded = function BookmarkAddRounded(_ref19) {
830
+ var sx = _ref19.sx;
801
831
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
802
832
  sx: sx
803
833
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -817,8 +847,8 @@
817
847
  d: "M14.2,18.6c-0.6,0-1.3-0.5-1.7-0.8l-2.1-1.5l-2.7,1.9c-0.3,0.3-0.8,0.4-1.3,0.3c-0.7-0.2-1-0.8-1-1.3 l0.1-8.2C5.5,8.5,5.7,8,6,7.6c0.5-0.4,1-0.7,1.6-0.7l3.4,0v1.5H7.6c-0.2,0-0.4,0.1-0.6,0.3C7,8.7,7,8.9,7,9.1L6.9,17l3.5-2.5 l3,2.2c0.2,0.1,0.3,0.2,0.5,0.3c0,0,0,0,0,0l0-5.3h1.5v5.3c0,0.6-0.2,1.5-1,1.7C14.3,18.6,14.2,18.6,14.2,18.6z"
818
848
  })))));
819
849
  };
820
- var DiamondIcon = function DiamondIcon(_ref18) {
821
- var sx = _ref18.sx;
850
+ var DiamondIcon = function DiamondIcon(_ref20) {
851
+ var sx = _ref20.sx;
822
852
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
823
853
  sx: sx
824
854
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -831,8 +861,8 @@
831
861
  d: "M10118.5,660.2c-0.3,0-0.7-0.1-0.9-0.2l-7.5-7.4c-0.7-0.6-0.7-1.5-0.3-2.2l2.5-3.4 c0.6-0.7,1.5-1.1,2.4-1.1h7.7c0.9-0.1,1.8,0.3,2.4,1.1l2.6,3.5c0.4,0.7,0.2,1.6-0.4,2.1l-7.5,7.4 C10119.2,660.1,10118.8,660.2,10118.5,660.2z M10122.7,648.6c-0.1,0-0.2,0.1-0.2,0.2c0,0.2,0.2,0.5,0.4,0.7 c0.3,0.4,0.5,0.9,0.5,1.4c0,0.2-0.1,0.6-0.2,0.7c-0.4,0.7-1,1.4-1.6,2c-0.8,0.9-1.7,1.7-1.5,1.9l0.2,0.2c0.6,0,3.2-3.2,3.2-3.2 c0.3-0.4,0.5-0.8,0.6-1.3c-0.1-0.7-0.3-1.2-0.7-1.8C10123.3,649.2,10122.9,648.6,10122.7,648.6L10122.7,648.6z"
832
862
  })));
833
863
  };
834
- var BlerpCardIcon = function BlerpCardIcon(_ref19) {
835
- var sx = _ref19.sx;
864
+ var BlerpCardIcon = function BlerpCardIcon(_ref21) {
865
+ var sx = _ref21.sx;
836
866
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
837
867
  sx: sx
838
868
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -852,8 +882,8 @@
852
882
  d: "M12.3,11.4c-0.4,0.2-0.7,0.4-1.1,0.6c-0.4,0.1-0.8,0.2-1.2,0.3c0,0-0.1,0-0.1,0.1c-0.1,0.1-0.1,0.3-0.1,0.4 c0.4,0.6,1.2,0.9,1.9,0.6l0,0c0.7-0.3,1.1-1,1-1.7c0,0,0-0.1,0-0.1C12.6,11.3,12.4,11.3,12.3,11.4z"
853
883
  })))));
854
884
  };
855
- var CrownIcon = function CrownIcon(_ref20) {
856
- var sx = _ref20.sx;
885
+ var CrownIcon = function CrownIcon(_ref22) {
886
+ var sx = _ref22.sx;
857
887
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
858
888
  sx: sx
859
889
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -865,8 +895,8 @@
865
895
  d: "M17.8,17.4H6.2c-0.2,0-0.4,0.2-0.4,0.4v0.9c0,0.2,0.2,0.4,0.4,0.4h11.7 c0.2,0,0.4-0.2,0.4-0.4v-0.9C18.3,17.6,18.1,17.4,17.8,17.4C17.8,17.4,17.8,17.4,17.8,17.4z M19.6,8.4c-0.7,0-1.3,0.6-1.3,1.4 c0,0,0,0,0,0c0,0.2,0,0.4,0.1,0.6l-2,1.2c-0.4,0.3-1,0.1-1.2-0.3c0,0,0,0,0,0l-2.3-4c0.6-0.5,0.7-1.3,0.2-1.9 c-0.5-0.6-1.3-0.7-1.9-0.2C10.6,5.6,10.5,6.4,11,7c0.1,0.1,0.1,0.1,0.2,0.2l-2.3,4c-0.2,0.4-0.8,0.6-1.2,0.3c0,0,0,0,0,0l-2-1.2 c0.3-0.7,0-1.5-0.7-1.8s-1.5,0-1.8,0.7s0,1.5,0.7,1.8c0.2,0.1,0.4,0.1,0.6,0.1c0.1,0,0.1,0,0.2,0l2,5.4h10.8l2-5.4 c0.1,0,0.1,0,0.2,0c0.7,0,1.3-0.6,1.3-1.3C21,9,20.4,8.4,19.6,8.4L19.6,8.4z"
866
896
  })));
867
897
  };
868
- var CogIcon = function CogIcon(_ref21) {
869
- var sx = _ref21.sx;
898
+ var CogIcon = function CogIcon(_ref23) {
899
+ var sx = _ref23.sx;
870
900
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
871
901
  sx: sx
872
902
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -878,8 +908,8 @@
878
908
  d: "M12,21c-0.9,0-1.6-0.7-1.6-1.6v-0.1c-0.1-0.8-0.7-1.3-1.4-1.3c-0.4,0-0.7,0.1-0.9,0.4 l0,0c-0.6,0.6-1.7,0.7-2.3,0s-0.7-1.7,0-2.3c0,0,0,0,0,0l0,0c0.5-0.5,0.5-1.4,0-1.9c-0.2-0.2-0.6-0.4-0.9-0.4H4.6 C3.7,13.7,3,13,3,12s0.7-1.6,1.6-1.6h0.1c0.6,0,1-0.4,1.2-0.9C6.1,9,6,8.4,5.7,8L5.6,8C5,7.4,5,6.3,5.6,5.7s1.7-0.6,2.3,0l0,0l0,0 c0.4,0.4,1,0.5,1.5,0.3h0.1c0.5-0.2,0.8-0.7,0.8-1.2V4.6C10.4,3.7,11.1,3,12,3c0.9,0,1.6,0.7,1.6,1.6v0.1c0,0.5,0.3,1,0.8,1.2 c0.5,0.2,1.1,0.1,1.5-0.3l0,0c0.3-0.3,0.7-0.5,1.2-0.5c0.9,0,1.6,0.7,1.6,1.6c0,0.4-0.2,0.8-0.5,1.2l0,0c-0.4,0.4-0.5,1-0.3,1.5 v0.1c0.2,0.5,0.7,0.8,1.2,0.8h0.1c0.9,0,1.6,0.7,1.7,1.6c0,0.9-0.7,1.6-1.6,1.7c0,0,0,0-0.1,0h-0.1c-0.7,0-1.4,0.6-1.3,1.4 c0,0.3,0.1,0.7,0.4,0.9l0,0c0.6,0.6,0.6,1.7,0,2.3c-0.6,0.6-1.7,0.6-2.3,0l0,0l0,0c-0.5-0.5-1.4-0.5-1.9,0 c-0.2,0.3-0.4,0.6-0.4,0.9v0.1C13.7,20.2,12.9,21,12,21z M12,9.5c-1.4,0-2.4,1.1-2.4,2.4s1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4l0,0 C14.4,10.6,13.3,9.5,12,9.5z"
879
909
  })));
880
910
  };
881
- var ClockIcon = function ClockIcon(_ref22) {
882
- var sx = _ref22.sx;
911
+ var ClockIcon = function ClockIcon(_ref24) {
912
+ var sx = _ref24.sx;
883
913
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
884
914
  sx: sx
885
915
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -891,8 +921,8 @@
891
921
  d: "M12,18.9c4,0,7.2-3.2,7.2-7.2S16,4.5,12,4.5s-7.2,3.2-7.2,7.2S8,18.9,12,18.9 M12,2.7 c5,0,9,4,9,9s-4,9-9,9s-9-4-9-9S7,2.7,12,2.7 M12.4,7.2v4.7l4.1,2.4l-0.7,1.1l-4.7-2.8V7.2H12.4z"
892
922
  })));
893
923
  };
894
- var OpenLockIcon = function OpenLockIcon(_ref23) {
895
- var sx = _ref23.sx;
924
+ var OpenLockIcon = function OpenLockIcon(_ref25) {
925
+ var sx = _ref25.sx;
896
926
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
897
927
  sx: sx
898
928
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -903,8 +933,8 @@
903
933
  d: "M19.5,3.2c-0.7-0.7-1.7-1-2.9-1c-1.1,0-2,0.4-2.7,1.1c-1.4,1.5-1.4,4.1-1.3,6.7H6.5c-1.4,0-2.5,1.1-2.5,2.4v6.1 c0,1.4,1.1,2.4,2.5,2.4h7.4c1.4,0,2.5-1.1,2.5-2.4v-6.1c0-1.3-1-2.3-2.3-2.4C14,7.8,14,5.4,15,4.4c0.4-0.4,0.9-0.6,1.6-0.6 c0.8,0,1.4,0.2,1.8,0.6c0.8,0.7,0.7,2.2,0.7,3l0,0.2h1.5l0-0.2C20.7,6.3,20.7,4.4,19.5,3.2z M11,15.2l-0.2,0.2v2 c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-2l-0.2-0.2C9.1,15,9,14.7,9,14.3v0c0-0.7,0.6-1.2,1.2-1.2c0.3,0,0.6,0.1,0.9,0.4 c0.2,0.2,0.4,0.5,0.4,0.9C11.4,14.7,11.3,15,11,15.2z"
904
934
  })));
905
935
  };
906
- var WindowsIcon = function WindowsIcon(_ref24) {
907
- var sx = _ref24.sx;
936
+ var WindowsIcon = function WindowsIcon(_ref26) {
937
+ var sx = _ref26.sx;
908
938
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
909
939
  sx: sx
910
940
  }, /*#__PURE__*/React__default['default'].createElement("path", {
@@ -912,8 +942,8 @@
912
942
  d: "M3,5.5l7.4-1v7.1H3V5.5z M3,18.5l7.4,1v-7H3V18.5L3,18.5z M11.2,19.6L21,21v-8.5h-9.8V19.6z M11.2,4.4v7.2H21 V3L11.2,4.4z"
913
943
  }));
914
944
  };
915
- var BroomIcon = function BroomIcon(_ref25) {
916
- var sx = _ref25.sx;
945
+ var BroomIcon = function BroomIcon(_ref27) {
946
+ var sx = _ref27.sx;
917
947
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
918
948
  sx: sx
919
949
  }, /*#__PURE__*/React__default['default'].createElement("g", {
@@ -942,8 +972,8 @@
942
972
  d: "M56.8,8.6h-1.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7c0.3,0,0.5,0.2,0.5,0.5C57.3,8.4,57.1,8.6,56.8,8.6z"
943
973
  }))))));
944
974
  };
945
- var TikTokIcon = function TikTokIcon(_ref26) {
946
- var sx = _ref26.sx;
975
+ var TikTokIcon = function TikTokIcon(_ref28) {
976
+ var sx = _ref28.sx;
947
977
  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
948
978
  sx: sx
949
979
  }, /*#__PURE__*/React__default['default'].createElement("svg", {
@@ -4300,22 +4330,23 @@
4300
4330
  sx: {
4301
4331
  minWidth: "30%"
4302
4332
  },
4303
- TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
4304
- return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
4305
- direction: snackbarValues.slideDirection
4306
- }));
4307
- } : function (props) {
4308
- return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
4309
- direction: snackbarValues.slideDirection
4310
- }));
4333
+ TransitionComponent: function TransitionComponent(props) {
4334
+ if (snackbarValues.transitionType === "fade") {
4335
+ return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
4336
+ direction: snackbarValues.slideDirection,
4337
+ unmountOnExit: true
4338
+ }));
4339
+ } else {
4340
+ return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
4341
+ direction: snackbarValues.slideDirection,
4342
+ unmountOnExit: true
4343
+ }));
4344
+ }
4311
4345
  },
4312
4346
  onClose: function onClose() {
4313
4347
  return setOpen(false);
4314
4348
  },
4315
- key: "snackbar-toast",
4316
- TransitionProps: {
4317
- unmountOnExit: true
4318
- }
4349
+ key: "snackbar-toast"
4319
4350
  }, /*#__PURE__*/React__default['default'].createElement(Alert, {
4320
4351
  severity: snackbarValues.severity,
4321
4352
  variant: "filled",
@@ -7362,6 +7393,8 @@
7362
7393
  var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
7363
7394
  primaryActionButton = _ref.primaryActionButton,
7364
7395
  secondaryActionButton = _ref.secondaryActionButton,
7396
+ bottomLeftIcon = _ref.bottomLeftIcon,
7397
+ handleClickBottomLeftIcon = _ref.handleClickBottomLeftIcon,
7365
7398
  fluid = _ref.fluid,
7366
7399
  fontSize = _ref.fontSize,
7367
7400
  isLink = _ref.isLink,
@@ -7428,7 +7461,7 @@
7428
7461
  }), /*#__PURE__*/React__default['default'].createElement(Box, {
7429
7462
  onClick: function onClick(e) {
7430
7463
  e.stopPropagation();
7431
- handleClickBackground();
7464
+ if (handleClickBackground) handleClickBackground();
7432
7465
  },
7433
7466
  sx: {
7434
7467
  borderRadius: "8px",
@@ -7678,6 +7711,46 @@
7678
7711
  borderRadius: "50%",
7679
7712
  pointerEvents: "none"
7680
7713
  }
7714
+ })), bottomLeftIcon ? bottomLeftIcon : /*#__PURE__*/React__default['default'].createElement(Stack, {
7715
+ sx: {
7716
+ zIndex: "3",
7717
+ justifyContent: "center",
7718
+ alignItems: "center",
7719
+ position: "absolute",
7720
+ width: "20px",
7721
+ height: "20px",
7722
+ borderRadius: "50%",
7723
+ bottom: "8px",
7724
+ right: "8px",
7725
+ padding: "2px",
7726
+ transition: "all .1s ease-in-out",
7727
+ "&:hover": {
7728
+ width: "24px",
7729
+ height: "24px",
7730
+ bottom: "8px",
7731
+ right: "8px"
7732
+ }
7733
+ }
7734
+ }, /*#__PURE__*/React__default['default'].createElement(PresentGiftIcon, {
7735
+ onClick: function onClick(e) {
7736
+ e.stopPropagation(); // NEEDS TO DIRECT TO CREATOR'S PROFILE
7737
+
7738
+ handleClickBottomLeftIcon();
7739
+ },
7740
+ sx: {
7741
+ position: "absolute",
7742
+ width: "100%",
7743
+ height: "100%",
7744
+ color: "white.main",
7745
+ backgroundColor: "notBlack.main",
7746
+ zIndex: "3",
7747
+ borderRadius: "50%",
7748
+ opacity: "1",
7749
+ "&:hover": {
7750
+ // backgroundColor: "grey4.main",
7751
+ opacity: "1"
7752
+ }
7753
+ }
7681
7754
  })), isLink ? /*#__PURE__*/React__default['default'].createElement("a", {
7682
7755
  href: "/sound-collection/".concat(collection._id),
7683
7756
  style: {
@@ -90256,6 +90329,7 @@
90256
90329
  exports.PremiumBlerpCheckoutModal = PremiumBlerpCheckoutModal;
90257
90330
  exports.PremiumCollectionCheckoutModal = PremiumCollectionCheckoutModal;
90258
90331
  exports.PremiumSubscriptionCheckoutModal = PremiumSubscriptionCheckoutModal;
90332
+ exports.PresentGiftIcon = PresentGiftIcon;
90259
90333
  exports.RadarDishIcon = RadarDishIcon;
90260
90334
  exports.RadioButton = RadioButton;
90261
90335
  exports.Rating = Rating;
@@ -90267,6 +90341,7 @@
90267
90341
  exports.Snackbar = Snackbar;
90268
90342
  exports.SnackbarContext = SnackbarContext;
90269
90343
  exports.SnackbarProvider = SnackbarProvider;
90344
+ exports.SparkleGiftIcon = SparkleGiftIcon;
90270
90345
  exports.SpeedDial = SpeedDial;
90271
90346
  exports.Stack = Stack;
90272
90347
  exports.Stepper = Stepper;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.96",
3
+ "version": "1.0.99",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {