@blerp/design 1.2.56 → 1.2.57

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 +24 -12
  2. package/dist/index.esm.js +24 -12
  3. package/dist/index.umd.js +24 -12
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1789,8 +1789,8 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1789
1789
 
1790
1790
  var _templateObject$g, _templateObject2$a, _templateObject3$8;
1791
1791
  var PremiumContainer = styled__default['default'].div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n background: transparent;\n overflow: hidden;\n min-width: 210px;\n max-width: 260px;\n width: 100%;\n max-height: 322px;\n flex: 1;\n min-height: 272px;\n aspect-ratio: 260 / 322;\n gap: 10px;\n border-radius: 18px;\n box-sizing: border-box;\n padding: 2px;\n position: relative;\n transition: 0.3s;\n"])));
1792
- var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
1793
- return props.theme.colors.grey7;
1792
+ var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n transition: 0.3s;\n"])), function (props) {
1793
+ return props.addToOpen ? props.theme.colors.grey5 : props.theme.colors.grey7;
1794
1794
  }, function (props) {
1795
1795
  return props.isPremium && "linear-gradient(308.34deg, rgba(83, 195, 219, 0.1) 6.23%, rgba(168, 57, 255, 0.1) 87.91%), linear-gradient(147.84deg, #2C3233 18.52%, #8A9193 27.81%, #1A1E1F 39.67%, #202425 62.87%, #414545 80.4%, #1A1E1F 93.3%), #2C3233";
1796
1796
  });
@@ -1860,35 +1860,35 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1860
1860
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(LanguageRoundedIcon__default['default'], {
1861
1861
  sx: {
1862
1862
  fontSize: "20px",
1863
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1863
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1864
1864
  }
1865
1865
  }))), ((item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsBu = item.channelPointsBucketsContext) === null || _item$channelPointsBu === void 0 ? void 0 : _item$channelPointsBu.length) > 0) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1866
1866
  title: "Added to Channel Points"
1867
1867
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1868
1868
  sx: {
1869
1869
  fontSize: "20px",
1870
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1870
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1871
1871
  }
1872
1872
  }))), (item === null || item === void 0 ? void 0 : (_item$whitelistContex = item.whitelistContext) === null || _item$whitelistContex === void 0 ? void 0 : _item$whitelistContex._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1873
1873
  title: "Added to Bits Library"
1874
1874
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
1875
1875
  sx: {
1876
1876
  fontSize: "20px",
1877
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1877
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1878
1878
  }
1879
1879
  }))), (item === null || item === void 0 ? void 0 : (_item$walkOnChannelCo = item.walkOnChannelContext) === null || _item$walkOnChannelCo === void 0 ? void 0 : _item$walkOnChannelCo._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1880
1880
  title: "Added to WalkOn"
1881
1881
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
1882
1882
  sx: {
1883
1883
  fontSize: "20px",
1884
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1884
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1885
1885
  }
1886
1886
  }))), (item === null || item === void 0 ? void 0 : (_item$organizationalG = item.organizationalGroupEdgesContext) === null || _item$organizationalG === void 0 ? void 0 : _item$organizationalG.length) > 0 && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1887
1887
  title: "Added to Group"
1888
1888
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(LayersRoundedIcon__default['default'], {
1889
1889
  sx: {
1890
1890
  fontSize: "20px",
1891
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1891
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1892
1892
  }
1893
1893
  }))));
1894
1894
  };
@@ -1994,7 +1994,7 @@ var RatingInfo = function RatingInfo(_ref4) {
1994
1994
  alignItems: "start",
1995
1995
  sx: {
1996
1996
  transition: "0.2s",
1997
- flex: 3,
1997
+ flex: 0,
1998
1998
  flexWrap: "wrap",
1999
1999
  marginTop: hovering ? "35px" : "0"
2000
2000
  }
@@ -2118,6 +2118,8 @@ var BlerpTopRow = function BlerpTopRow(_ref6) {
2118
2118
  onPlusClick = _ref6.onPlusClick,
2119
2119
  _onOptionClicked = _ref6.onOptionClicked,
2120
2120
  selectedOption = _ref6.selectedOption,
2121
+ addToOpen = _ref6.addToOpen,
2122
+ setAddToOpen = _ref6.setAddToOpen,
2121
2123
  renderAddContentButton = _ref6.renderAddContentButton,
2122
2124
  hoveringAddTo = _ref6.hoveringAddTo,
2123
2125
  setHoveringAddTo = _ref6.setHoveringAddTo;
@@ -2151,6 +2153,8 @@ var BlerpTopRow = function BlerpTopRow(_ref6) {
2151
2153
  })), renderAddContentButton({
2152
2154
  item: bite,
2153
2155
  hovering: hovering,
2156
+ addToOpen: addToOpen,
2157
+ setAddToOpen: setAddToOpen,
2154
2158
  hoveringAddTo: hoveringAddTo,
2155
2159
  setHoveringAddTo: setHoveringAddTo,
2156
2160
  onPlusClick: onPlusClick,
@@ -2209,6 +2213,11 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2209
2213
  hoveringAddTo = _useState10[0],
2210
2214
  setHoveringAddTo = _useState10[1];
2211
2215
 
2216
+ var _useState11 = React.useState(false),
2217
+ _useState12 = _slicedToArray__default['default'](_useState11, 2),
2218
+ addToOpen = _useState12[0],
2219
+ setAddToOpen = _useState12[1];
2220
+
2212
2221
  var titleRef = React.useRef(null);
2213
2222
  var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
2214
2223
  var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
@@ -2224,7 +2233,7 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2224
2233
  }, /*#__PURE__*/React__default['default'].createElement("g", {
2225
2234
  filter: "url(#filter0_d_381_451457)"
2226
2235
  }, /*#__PURE__*/React__default['default'].createElement("path", {
2227
- d: "M49.4991 43.6611C50.7996 42.9059 50.8327 41.0394 49.5597 40.2386L38.0648 33.008C36.7329 32.1702 34.9999 33.1272 34.9999 34.7006C34.9999 37.0176 34.9999 39.9606 34.9999 42C34.9999 43.9641 34.9999 46.5476 34.9999 48.6074C34.9999 50.1492 36.6708 51.1099 38.0041 50.3357L49.4991 43.6611ZM42.9099 10.5C25.0949 10.01 10.4999 24.325 10.4999 42H4.23486C2.65986 42 1.88986 43.89 3.00986 44.975L12.7749 54.74C13.4749 55.44 14.5599 55.44 15.2599 54.74L25.0249 44.975C26.1099 43.89 25.3399 42 23.7649 42H17.4999C17.4999 28.35 28.6299 17.325 42.3499 17.5C55.3699 17.675 66.3249 28.63 66.4999 41.65C66.6749 55.335 55.6499 66.5 41.9999 66.5C37.6249 66.5 33.5299 65.31 29.9599 63.315C28.5949 62.545 26.9149 62.825 25.8299 63.945C24.2199 65.555 24.5349 68.32 26.5299 69.44C31.1149 71.995 36.3649 73.5 41.9999 73.5C59.6749 73.5 73.9899 58.905 73.4999 41.09C73.0449 24.675 59.3249 10.955 42.9099 10.5Z",
2236
+ d: "M49.4991 43.6611C50.8996 42.9059 50.8327 41.0394 49.5597 40.2386L38.0648 33.008C36.7329 32.1702 34.9999 33.1272 34.9999 34.7006C34.9999 37.0176 34.9999 39.9606 34.9999 42C34.9999 43.9641 34.9999 46.5476 34.9999 48.6074C34.9999 50.1492 36.6708 51.1099 38.0041 50.3357L49.4991 43.6611ZM42.9099 10.5C25.0949 10.01 10.4999 24.325 10.4999 42H4.23486C2.65986 42 1.88986 43.89 3.00986 44.975L12.7749 54.74C13.4749 55.44 14.5599 55.44 15.2599 54.74L25.0249 44.975C26.1099 43.89 25.3399 42 23.7649 42H17.4999C17.4999 28.35 28.6299 17.325 42.3499 17.5C55.3699 17.675 66.3249 28.63 66.4999 41.65C66.6749 55.335 55.6499 66.5 41.9999 66.5C37.6249 66.5 33.5299 65.31 29.9599 63.315C28.5949 62.545 26.9149 62.825 25.8299 63.945C24.2199 65.555 24.5349 68.32 26.5299 69.44C31.1149 71.995 36.3649 73.5 41.9999 73.5C59.6749 73.5 73.9899 58.905 73.4999 41.09C73.0449 24.675 59.3249 10.955 42.9099 10.5Z",
2228
2237
  fill: "white"
2229
2238
  })), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("filter", {
2230
2239
  id: "filter0_d_381_451457",
@@ -2299,7 +2308,8 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2299
2308
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
2300
2309
  onClick: onFavoriteClick
2301
2310
  }), /*#__PURE__*/React__default['default'].createElement(Container$1, {
2302
- isPremium: bite === null || bite === void 0 ? void 0 : bite.isPremium
2311
+ isPremium: bite === null || bite === void 0 ? void 0 : bite.isPremium,
2312
+ addToOpen: addToOpen
2303
2313
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
2304
2314
  sx: {
2305
2315
  backgroundImage: "url(".concat(bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url, ")"),
@@ -2352,6 +2362,8 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2352
2362
  onPlusClick: handleAddToPlace,
2353
2363
  selectedOption: selectedOption,
2354
2364
  renderAddContentButton: renderAddContentButton,
2365
+ addToOpen: addToOpen,
2366
+ setAddToOpen: setAddToOpen,
2355
2367
  hoveringAddTo: hoveringAddTo,
2356
2368
  setHoveringAddTo: setHoveringAddTo
2357
2369
  }), /*#__PURE__*/React__default['default'].createElement(Stack, {
@@ -2411,10 +2423,10 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2411
2423
  }, /*#__PURE__*/React__default['default'].createElement("g", {
2412
2424
  filter: "url(#filter0_d_808_2472)"
2413
2425
  }, /*#__PURE__*/React__default['default'].createElement("path", {
2414
- d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.7885 17.8926 20.7885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2426
+ d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.8885 17.8926 20.8885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2415
2427
  fill: "#FFD400"
2416
2428
  }), /*#__PURE__*/React__default['default'].createElement("path", {
2417
- d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.7885 17.8926 20.7885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2429
+ d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.8885 17.8926 20.8885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2418
2430
  fill: "#FD295C",
2419
2431
  "fill-opacity": "0.5"
2420
2432
  })), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("filter", {
package/dist/index.esm.js CHANGED
@@ -1712,8 +1712,8 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1712
1712
 
1713
1713
  var _templateObject$g, _templateObject2$a, _templateObject3$8;
1714
1714
  var PremiumContainer = styled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n background: transparent;\n overflow: hidden;\n min-width: 210px;\n max-width: 260px;\n width: 100%;\n max-height: 322px;\n flex: 1;\n min-height: 272px;\n aspect-ratio: 260 / 322;\n gap: 10px;\n border-radius: 18px;\n box-sizing: border-box;\n padding: 2px;\n position: relative;\n transition: 0.3s;\n"])));
1715
- var Container$1 = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
1716
- return props.theme.colors.grey7;
1715
+ var Container$1 = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n transition: 0.3s;\n"])), function (props) {
1716
+ return props.addToOpen ? props.theme.colors.grey5 : props.theme.colors.grey7;
1717
1717
  }, function (props) {
1718
1718
  return props.isPremium && "linear-gradient(308.34deg, rgba(83, 195, 219, 0.1) 6.23%, rgba(168, 57, 255, 0.1) 87.91%), linear-gradient(147.84deg, #2C3233 18.52%, #8A9193 27.81%, #1A1E1F 39.67%, #202425 62.87%, #414545 80.4%, #1A1E1F 93.3%), #2C3233";
1719
1719
  });
@@ -1783,35 +1783,35 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1783
1783
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(LanguageRoundedIcon, {
1784
1784
  sx: {
1785
1785
  fontSize: "20px",
1786
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1786
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1787
1787
  }
1788
1788
  }))), ((item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsBu = item.channelPointsBucketsContext) === null || _item$channelPointsBu === void 0 ? void 0 : _item$channelPointsBu.length) > 0) && /*#__PURE__*/React__default.createElement(Tooltip, {
1789
1789
  title: "Added to Channel Points"
1790
1790
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
1791
1791
  sx: {
1792
1792
  fontSize: "20px",
1793
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1793
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1794
1794
  }
1795
1795
  }))), (item === null || item === void 0 ? void 0 : (_item$whitelistContex = item.whitelistContext) === null || _item$whitelistContex === void 0 ? void 0 : _item$whitelistContex._id) && /*#__PURE__*/React__default.createElement(Tooltip, {
1796
1796
  title: "Added to Bits Library"
1797
1797
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TwitchBitIcon, {
1798
1798
  sx: {
1799
1799
  fontSize: "20px",
1800
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1800
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1801
1801
  }
1802
1802
  }))), (item === null || item === void 0 ? void 0 : (_item$walkOnChannelCo = item.walkOnChannelContext) === null || _item$walkOnChannelCo === void 0 ? void 0 : _item$walkOnChannelCo._id) && /*#__PURE__*/React__default.createElement(Tooltip, {
1803
1803
  title: "Added to WalkOn"
1804
1804
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(WalkonIcon, {
1805
1805
  sx: {
1806
1806
  fontSize: "20px",
1807
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1807
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1808
1808
  }
1809
1809
  }))), (item === null || item === void 0 ? void 0 : (_item$organizationalG = item.organizationalGroupEdgesContext) === null || _item$organizationalG === void 0 ? void 0 : _item$organizationalG.length) > 0 && /*#__PURE__*/React__default.createElement(Tooltip, {
1810
1810
  title: "Added to Group"
1811
1811
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(LayersRoundedIcon, {
1812
1812
  sx: {
1813
1813
  fontSize: "20px",
1814
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1814
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1815
1815
  }
1816
1816
  }))));
1817
1817
  };
@@ -1917,7 +1917,7 @@ var RatingInfo = function RatingInfo(_ref4) {
1917
1917
  alignItems: "start",
1918
1918
  sx: {
1919
1919
  transition: "0.2s",
1920
- flex: 3,
1920
+ flex: 0,
1921
1921
  flexWrap: "wrap",
1922
1922
  marginTop: hovering ? "35px" : "0"
1923
1923
  }
@@ -2041,6 +2041,8 @@ var BlerpTopRow = function BlerpTopRow(_ref6) {
2041
2041
  onPlusClick = _ref6.onPlusClick,
2042
2042
  _onOptionClicked = _ref6.onOptionClicked,
2043
2043
  selectedOption = _ref6.selectedOption,
2044
+ addToOpen = _ref6.addToOpen,
2045
+ setAddToOpen = _ref6.setAddToOpen,
2044
2046
  renderAddContentButton = _ref6.renderAddContentButton,
2045
2047
  hoveringAddTo = _ref6.hoveringAddTo,
2046
2048
  setHoveringAddTo = _ref6.setHoveringAddTo;
@@ -2074,6 +2076,8 @@ var BlerpTopRow = function BlerpTopRow(_ref6) {
2074
2076
  })), renderAddContentButton({
2075
2077
  item: bite,
2076
2078
  hovering: hovering,
2079
+ addToOpen: addToOpen,
2080
+ setAddToOpen: setAddToOpen,
2077
2081
  hoveringAddTo: hoveringAddTo,
2078
2082
  setHoveringAddTo: setHoveringAddTo,
2079
2083
  onPlusClick: onPlusClick,
@@ -2132,6 +2136,11 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2132
2136
  hoveringAddTo = _useState10[0],
2133
2137
  setHoveringAddTo = _useState10[1];
2134
2138
 
2139
+ var _useState11 = useState(false),
2140
+ _useState12 = _slicedToArray(_useState11, 2),
2141
+ addToOpen = _useState12[0],
2142
+ setAddToOpen = _useState12[1];
2143
+
2135
2144
  var titleRef = useRef(null);
2136
2145
  var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
2137
2146
  var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
@@ -2147,7 +2156,7 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2147
2156
  }, /*#__PURE__*/React__default.createElement("g", {
2148
2157
  filter: "url(#filter0_d_381_451457)"
2149
2158
  }, /*#__PURE__*/React__default.createElement("path", {
2150
- d: "M49.4991 43.6611C50.7996 42.9059 50.8327 41.0394 49.5597 40.2386L38.0648 33.008C36.7329 32.1702 34.9999 33.1272 34.9999 34.7006C34.9999 37.0176 34.9999 39.9606 34.9999 42C34.9999 43.9641 34.9999 46.5476 34.9999 48.6074C34.9999 50.1492 36.6708 51.1099 38.0041 50.3357L49.4991 43.6611ZM42.9099 10.5C25.0949 10.01 10.4999 24.325 10.4999 42H4.23486C2.65986 42 1.88986 43.89 3.00986 44.975L12.7749 54.74C13.4749 55.44 14.5599 55.44 15.2599 54.74L25.0249 44.975C26.1099 43.89 25.3399 42 23.7649 42H17.4999C17.4999 28.35 28.6299 17.325 42.3499 17.5C55.3699 17.675 66.3249 28.63 66.4999 41.65C66.6749 55.335 55.6499 66.5 41.9999 66.5C37.6249 66.5 33.5299 65.31 29.9599 63.315C28.5949 62.545 26.9149 62.825 25.8299 63.945C24.2199 65.555 24.5349 68.32 26.5299 69.44C31.1149 71.995 36.3649 73.5 41.9999 73.5C59.6749 73.5 73.9899 58.905 73.4999 41.09C73.0449 24.675 59.3249 10.955 42.9099 10.5Z",
2159
+ d: "M49.4991 43.6611C50.8996 42.9059 50.8327 41.0394 49.5597 40.2386L38.0648 33.008C36.7329 32.1702 34.9999 33.1272 34.9999 34.7006C34.9999 37.0176 34.9999 39.9606 34.9999 42C34.9999 43.9641 34.9999 46.5476 34.9999 48.6074C34.9999 50.1492 36.6708 51.1099 38.0041 50.3357L49.4991 43.6611ZM42.9099 10.5C25.0949 10.01 10.4999 24.325 10.4999 42H4.23486C2.65986 42 1.88986 43.89 3.00986 44.975L12.7749 54.74C13.4749 55.44 14.5599 55.44 15.2599 54.74L25.0249 44.975C26.1099 43.89 25.3399 42 23.7649 42H17.4999C17.4999 28.35 28.6299 17.325 42.3499 17.5C55.3699 17.675 66.3249 28.63 66.4999 41.65C66.6749 55.335 55.6499 66.5 41.9999 66.5C37.6249 66.5 33.5299 65.31 29.9599 63.315C28.5949 62.545 26.9149 62.825 25.8299 63.945C24.2199 65.555 24.5349 68.32 26.5299 69.44C31.1149 71.995 36.3649 73.5 41.9999 73.5C59.6749 73.5 73.9899 58.905 73.4999 41.09C73.0449 24.675 59.3249 10.955 42.9099 10.5Z",
2151
2160
  fill: "white"
2152
2161
  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("filter", {
2153
2162
  id: "filter0_d_381_451457",
@@ -2222,7 +2231,8 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2222
2231
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
2223
2232
  onClick: onFavoriteClick
2224
2233
  }), /*#__PURE__*/React__default.createElement(Container$1, {
2225
- isPremium: bite === null || bite === void 0 ? void 0 : bite.isPremium
2234
+ isPremium: bite === null || bite === void 0 ? void 0 : bite.isPremium,
2235
+ addToOpen: addToOpen
2226
2236
  }, /*#__PURE__*/React__default.createElement(Stack, {
2227
2237
  sx: {
2228
2238
  backgroundImage: "url(".concat(bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url, ")"),
@@ -2275,6 +2285,8 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2275
2285
  onPlusClick: handleAddToPlace,
2276
2286
  selectedOption: selectedOption,
2277
2287
  renderAddContentButton: renderAddContentButton,
2288
+ addToOpen: addToOpen,
2289
+ setAddToOpen: setAddToOpen,
2278
2290
  hoveringAddTo: hoveringAddTo,
2279
2291
  setHoveringAddTo: setHoveringAddTo
2280
2292
  }), /*#__PURE__*/React__default.createElement(Stack, {
@@ -2334,10 +2346,10 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2334
2346
  }, /*#__PURE__*/React__default.createElement("g", {
2335
2347
  filter: "url(#filter0_d_808_2472)"
2336
2348
  }, /*#__PURE__*/React__default.createElement("path", {
2337
- d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.7885 17.8926 20.7885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2349
+ d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.8885 17.8926 20.8885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2338
2350
  fill: "#FFD400"
2339
2351
  }), /*#__PURE__*/React__default.createElement("path", {
2340
- d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.7885 17.8926 20.7885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2352
+ d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.8885 17.8926 20.8885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2341
2353
  fill: "#FD295C",
2342
2354
  "fill-opacity": "0.5"
2343
2355
  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("filter", {
package/dist/index.umd.js CHANGED
@@ -1731,8 +1731,8 @@
1731
1731
 
1732
1732
  var _templateObject$g, _templateObject2$a, _templateObject3$8;
1733
1733
  var PremiumContainer = styled__default['default'].div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n background: transparent;\n overflow: hidden;\n min-width: 210px;\n max-width: 260px;\n width: 100%;\n max-height: 322px;\n flex: 1;\n min-height: 272px;\n aspect-ratio: 260 / 322;\n gap: 10px;\n border-radius: 18px;\n box-sizing: border-box;\n padding: 2px;\n position: relative;\n transition: 0.3s;\n"])));
1734
- var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
1735
- return props.theme.colors.grey7;
1734
+ var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n transition: 0.3s;\n"])), function (props) {
1735
+ return props.addToOpen ? props.theme.colors.grey5 : props.theme.colors.grey7;
1736
1736
  }, function (props) {
1737
1737
  return props.isPremium && "linear-gradient(308.34deg, rgba(83, 195, 219, 0.1) 6.23%, rgba(168, 57, 255, 0.1) 87.91%), linear-gradient(147.84deg, #2C3233 18.52%, #8A9193 27.81%, #1A1E1F 39.67%, #202425 62.87%, #414545 80.4%, #1A1E1F 93.3%), #2C3233";
1738
1738
  });
@@ -1802,35 +1802,35 @@
1802
1802
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(LanguageRoundedIcon__default['default'], {
1803
1803
  sx: {
1804
1804
  fontSize: "20px",
1805
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1805
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1806
1806
  }
1807
1807
  }))), ((item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsBu = item.channelPointsBucketsContext) === null || _item$channelPointsBu === void 0 ? void 0 : _item$channelPointsBu.length) > 0) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1808
1808
  title: "Added to Channel Points"
1809
1809
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1810
1810
  sx: {
1811
1811
  fontSize: "20px",
1812
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1812
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1813
1813
  }
1814
1814
  }))), (item === null || item === void 0 ? void 0 : (_item$whitelistContex = item.whitelistContext) === null || _item$whitelistContex === void 0 ? void 0 : _item$whitelistContex._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1815
1815
  title: "Added to Bits Library"
1816
1816
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
1817
1817
  sx: {
1818
1818
  fontSize: "20px",
1819
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1819
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1820
1820
  }
1821
1821
  }))), (item === null || item === void 0 ? void 0 : (_item$walkOnChannelCo = item.walkOnChannelContext) === null || _item$walkOnChannelCo === void 0 ? void 0 : _item$walkOnChannelCo._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1822
1822
  title: "Added to WalkOn"
1823
1823
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
1824
1824
  sx: {
1825
1825
  fontSize: "20px",
1826
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1826
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1827
1827
  }
1828
1828
  }))), (item === null || item === void 0 ? void 0 : (_item$organizationalG = item.organizationalGroupEdgesContext) === null || _item$organizationalG === void 0 ? void 0 : _item$organizationalG.length) > 0 && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1829
1829
  title: "Added to Group"
1830
1830
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(LayersRoundedIcon__default['default'], {
1831
1831
  sx: {
1832
1832
  fontSize: "20px",
1833
- filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.53))"
1833
+ filter: "drop-shadow(0px 0.972222px 1.35px rgba(0,0,0,0.8))"
1834
1834
  }
1835
1835
  }))));
1836
1836
  };
@@ -1936,7 +1936,7 @@
1936
1936
  alignItems: "start",
1937
1937
  sx: {
1938
1938
  transition: "0.2s",
1939
- flex: 3,
1939
+ flex: 0,
1940
1940
  flexWrap: "wrap",
1941
1941
  marginTop: hovering ? "35px" : "0"
1942
1942
  }
@@ -2060,6 +2060,8 @@
2060
2060
  onPlusClick = _ref6.onPlusClick,
2061
2061
  _onOptionClicked = _ref6.onOptionClicked,
2062
2062
  selectedOption = _ref6.selectedOption,
2063
+ addToOpen = _ref6.addToOpen,
2064
+ setAddToOpen = _ref6.setAddToOpen,
2063
2065
  renderAddContentButton = _ref6.renderAddContentButton,
2064
2066
  hoveringAddTo = _ref6.hoveringAddTo,
2065
2067
  setHoveringAddTo = _ref6.setHoveringAddTo;
@@ -2093,6 +2095,8 @@
2093
2095
  })), renderAddContentButton({
2094
2096
  item: bite,
2095
2097
  hovering: hovering,
2098
+ addToOpen: addToOpen,
2099
+ setAddToOpen: setAddToOpen,
2096
2100
  hoveringAddTo: hoveringAddTo,
2097
2101
  setHoveringAddTo: setHoveringAddTo,
2098
2102
  onPlusClick: onPlusClick,
@@ -2151,6 +2155,11 @@
2151
2155
  hoveringAddTo = _useState10[0],
2152
2156
  setHoveringAddTo = _useState10[1];
2153
2157
 
2158
+ var _useState11 = React.useState(false),
2159
+ _useState12 = _slicedToArray__default['default'](_useState11, 2),
2160
+ addToOpen = _useState12[0],
2161
+ setAddToOpen = _useState12[1];
2162
+
2154
2163
  var titleRef = React.useRef(null);
2155
2164
  var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
2156
2165
  var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
@@ -2166,7 +2175,7 @@
2166
2175
  }, /*#__PURE__*/React__default['default'].createElement("g", {
2167
2176
  filter: "url(#filter0_d_381_451457)"
2168
2177
  }, /*#__PURE__*/React__default['default'].createElement("path", {
2169
- d: "M49.4991 43.6611C50.7996 42.9059 50.8327 41.0394 49.5597 40.2386L38.0648 33.008C36.7329 32.1702 34.9999 33.1272 34.9999 34.7006C34.9999 37.0176 34.9999 39.9606 34.9999 42C34.9999 43.9641 34.9999 46.5476 34.9999 48.6074C34.9999 50.1492 36.6708 51.1099 38.0041 50.3357L49.4991 43.6611ZM42.9099 10.5C25.0949 10.01 10.4999 24.325 10.4999 42H4.23486C2.65986 42 1.88986 43.89 3.00986 44.975L12.7749 54.74C13.4749 55.44 14.5599 55.44 15.2599 54.74L25.0249 44.975C26.1099 43.89 25.3399 42 23.7649 42H17.4999C17.4999 28.35 28.6299 17.325 42.3499 17.5C55.3699 17.675 66.3249 28.63 66.4999 41.65C66.6749 55.335 55.6499 66.5 41.9999 66.5C37.6249 66.5 33.5299 65.31 29.9599 63.315C28.5949 62.545 26.9149 62.825 25.8299 63.945C24.2199 65.555 24.5349 68.32 26.5299 69.44C31.1149 71.995 36.3649 73.5 41.9999 73.5C59.6749 73.5 73.9899 58.905 73.4999 41.09C73.0449 24.675 59.3249 10.955 42.9099 10.5Z",
2178
+ d: "M49.4991 43.6611C50.8996 42.9059 50.8327 41.0394 49.5597 40.2386L38.0648 33.008C36.7329 32.1702 34.9999 33.1272 34.9999 34.7006C34.9999 37.0176 34.9999 39.9606 34.9999 42C34.9999 43.9641 34.9999 46.5476 34.9999 48.6074C34.9999 50.1492 36.6708 51.1099 38.0041 50.3357L49.4991 43.6611ZM42.9099 10.5C25.0949 10.01 10.4999 24.325 10.4999 42H4.23486C2.65986 42 1.88986 43.89 3.00986 44.975L12.7749 54.74C13.4749 55.44 14.5599 55.44 15.2599 54.74L25.0249 44.975C26.1099 43.89 25.3399 42 23.7649 42H17.4999C17.4999 28.35 28.6299 17.325 42.3499 17.5C55.3699 17.675 66.3249 28.63 66.4999 41.65C66.6749 55.335 55.6499 66.5 41.9999 66.5C37.6249 66.5 33.5299 65.31 29.9599 63.315C28.5949 62.545 26.9149 62.825 25.8299 63.945C24.2199 65.555 24.5349 68.32 26.5299 69.44C31.1149 71.995 36.3649 73.5 41.9999 73.5C59.6749 73.5 73.9899 58.905 73.4999 41.09C73.0449 24.675 59.3249 10.955 42.9099 10.5Z",
2170
2179
  fill: "white"
2171
2180
  })), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("filter", {
2172
2181
  id: "filter0_d_381_451457",
@@ -2241,7 +2250,8 @@
2241
2250
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
2242
2251
  onClick: onFavoriteClick
2243
2252
  }), /*#__PURE__*/React__default['default'].createElement(Container$1, {
2244
- isPremium: bite === null || bite === void 0 ? void 0 : bite.isPremium
2253
+ isPremium: bite === null || bite === void 0 ? void 0 : bite.isPremium,
2254
+ addToOpen: addToOpen
2245
2255
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
2246
2256
  sx: {
2247
2257
  backgroundImage: "url(".concat(bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url, ")"),
@@ -2294,6 +2304,8 @@
2294
2304
  onPlusClick: handleAddToPlace,
2295
2305
  selectedOption: selectedOption,
2296
2306
  renderAddContentButton: renderAddContentButton,
2307
+ addToOpen: addToOpen,
2308
+ setAddToOpen: setAddToOpen,
2297
2309
  hoveringAddTo: hoveringAddTo,
2298
2310
  setHoveringAddTo: setHoveringAddTo
2299
2311
  }), /*#__PURE__*/React__default['default'].createElement(Stack, {
@@ -2353,10 +2365,10 @@
2353
2365
  }, /*#__PURE__*/React__default['default'].createElement("g", {
2354
2366
  filter: "url(#filter0_d_808_2472)"
2355
2367
  }, /*#__PURE__*/React__default['default'].createElement("path", {
2356
- d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.7885 17.8926 20.7885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2368
+ d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.8885 17.8926 20.8885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2357
2369
  fill: "#FFD400"
2358
2370
  }), /*#__PURE__*/React__default['default'].createElement("path", {
2359
- d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.7885 17.8926 20.7885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2371
+ d: "M24.0435 17.3064C22.6698 13.7364 17.7785 13.5439 18.9598 8.35512C19.0473 7.97012 18.636 7.67262 18.3035 7.87387C15.1273 9.74637 12.8435 13.5001 14.7598 18.4176C14.9173 18.8201 14.4448 19.1964 14.1035 18.9339C12.5198 17.7351 12.3535 16.0114 12.4935 14.7776C12.546 14.3226 11.951 14.1039 11.6973 14.4801C11.1023 15.3901 10.4985 16.8601 10.4985 19.0739C10.831 23.9739 14.9698 25.4789 16.4573 25.6714C18.5835 25.9426 20.8848 25.5489 22.5385 24.0351C24.3585 22.3464 25.0235 19.6514 24.0435 17.3064ZM15.9235 21.7076C17.1835 21.4014 17.831 20.4914 18.006 19.6864C18.2948 18.4351 17.166 17.2101 17.9273 15.2326C18.216 16.8689 20.8885 17.8926 20.8885 19.6776C20.8585 21.8914 18.461 23.7901 15.9235 21.7076Z",
2360
2372
  fill: "#FD295C",
2361
2373
  "fill-opacity": "0.5"
2362
2374
  })), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("filter", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.2.56",
3
+ "version": "1.2.57",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {