@rpg-engine/long-bow 0.8.126 → 0.8.128

package/dist/long-bow.cjs.development.js

@@ -30192,6 +30192,171 @@ var TaskTitle$1 = /*#__PURE__*/styled__default.h2.withConfig({
   return props.isMobile ? '4px 0' : '8px 0';
 });
 
+var SimpleProgressBar = function SimpleProgressBar(_ref) {
+  var value = _ref.value,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 20 : _ref$margin;
+  // Ensure the width is at least 1% if value is greater than 0, capped at 99.99%
+  var width = value > 0 ? Math.max(1, Math.min(99.99, value)) : 0;
+  return React__default.createElement(Container$j, {
+    className: "simple-progress-bar"
+  }, React__default.createElement(ProgressBarContainer, {
+    margin: margin
+  }, React__default.createElement(BackgroundBar, null, React__default.createElement(Progress, {
+    width: width,
+    bgColor: bgColor
+  }))));
+};
+var Container$j = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "SimpleProgressBar__Container",
+  componentId: "sc-mbeil3-0"
+})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
+var BackgroundBar = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "SimpleProgressBar__BackgroundBar",
+  componentId: "sc-mbeil3-1"
+})(["background-color:rgba(0,0,0,0.075);"]);
+var Progress = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "SimpleProgressBar__Progress",
+  componentId: "sc-mbeil3-2"
+})(["background-color:", ";width:", "%;transition:width 0.5s ease-in-out;"], function (props) {
+  return props.bgColor;
+}, function (props) {
+  return props.width.toFixed(2);
+});
+var ProgressBarContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "SimpleProgressBar__ProgressBarContainer",
+  componentId: "sc-mbeil3-3"
+})(["border-radius:60px;border:1px solid #282424;overflow:hidden;width:100%;span{display:block;height:100%;}height:8px;margin-left:", "px;"], function (props) {
+  return props.margin;
+});
+
+var getMotivationalText = function getMotivationalText(streak, isConsecutive, milestones) {
+  if (!isConsecutive && streak === 1) {
+    return 'Your streak has reset. Log in daily to build it back up!';
+  }
+  var nextMilestone = milestones.find(function (m) {
+    return !m.reached;
+  });
+  if (nextMilestone) {
+    var daysUntil = nextMilestone.day - streak;
+    return daysUntil + " day" + (daysUntil !== 1 ? 's' : '') + " until Day " + nextMilestone.day + " reward!";
+  }
+  return 'Amazing streak! Keep it going for maximum XP bonus!';
+};
+var LoginStreakPanel = function LoginStreakPanel(_ref) {
+  var streak = _ref.streak,
+    longestStreak = _ref.longestStreak,
+    xpBonusPercent = _ref.xpBonusPercent,
+    maxXpBonusPercent = _ref.maxXpBonusPercent,
+    isConsecutive = _ref.isConsecutive,
+    milestones = _ref.milestones,
+    milestoneRewardGranted = _ref.milestoneRewardGranted,
+    onClose = _ref.onClose;
+  var isMobile = shared.isMobileOrTablet();
+  var isMaxBonus = xpBonusPercent >= maxXpBonusPercent;
+  return React__default.createElement(DraggableContainer, {
+    title: "Login Streak",
+    onCloseButton: onClose,
+    type: exports.RPGUIContainerTypes.Framed,
+    width: isMobile ? '90vw' : '380px'
+  }, React__default.createElement(Container$k, null, React__default.createElement(StreakHeader, null, React__default.createElement(StreakDay, null, streak === 1 && !isConsecutive ? 'Day 1 — Fresh Start!' : "Day " + streak + " Streak!"), React__default.createElement(LongestStreak, null, "Longest: ", longestStreak, " days")), React__default.createElement(XPBonusSection, null, React__default.createElement(XPBonusLabel, null, "XP Bonus: ", React__default.createElement(XPBonusValue, {
+    isMax: isMaxBonus
+  }, "+", xpBonusPercent, "%"), isMaxBonus && React__default.createElement(MaxTag, null, " MAX")), React__default.createElement(SimpleProgressBar, {
+    value: maxXpBonusPercent > 0 ? xpBonusPercent / maxXpBonusPercent * 100 : 0,
+    bgColor: isMaxBonus ? uiColors.darkYellow : uiColors.lightGreen,
+    margin: 0
+  }), React__default.createElement(ProgressLabel, null, xpBonusPercent, "% / ", maxXpBonusPercent, "% max")), milestoneRewardGranted && React__default.createElement(RewardToast, null, React__default.createElement(RewardText, null, "Milestone reward: ", milestoneRewardGranted.quantity, "x ", milestoneRewardGranted.itemName, "!")), React__default.createElement("hr", {
+    className: "golden"
+  }), React__default.createElement(SectionLabel, null, "Milestone Rewards"), React__default.createElement(MilestoneList, null, milestones.map(function (milestone) {
+    return React__default.createElement(MilestoneCard, {
+      key: milestone.day,
+      "$reached": milestone.reached
+    }, React__default.createElement(MilestoneDayLabel, null, "Day ", milestone.day), React__default.createElement(MilestoneRewardName, null, milestone.quantity, "x ", milestone.itemName), React__default.createElement(MilestoneBadge, {
+      "$reached": milestone.reached
+    }, milestone.reached ? '✓' : '○'));
+  })), React__default.createElement(MotivationalText, null, getMotivationalText(streak, isConsecutive, milestones))));
+};
+var Container$k = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__Container",
+  componentId: "sc-1eiinkh-0"
+})(["display:flex;flex-direction:column;gap:8px;padding:4px 14px 14px;color:", ";width:100%;box-sizing:border-box;hr.golden{margin:4px 0;}"], uiColors.white);
+var StreakHeader = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__StreakHeader",
+  componentId: "sc-1eiinkh-1"
+})(["display:flex;flex-direction:column;gap:2px;"]);
+var StreakDay = /*#__PURE__*/styled__default.h2.withConfig({
+  displayName: "LoginStreakPanel__StreakDay",
+  componentId: "sc-1eiinkh-2"
+})(["&&{margin:0;padding:0;font-size:", ";font-weight:bold;color:", ";text-shadow:1px 1px 2px rgba(0,0,0,0.7);text-align:left;}"], uiFonts.size.xLarge, uiColors.yellow);
+var LongestStreak = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__LongestStreak",
+  componentId: "sc-1eiinkh-3"
+})(["font-size:", ";color:", ";"], uiFonts.size.small, uiColors.lightGray);
+var XPBonusSection = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__XPBonusSection",
+  componentId: "sc-1eiinkh-4"
+})(["display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:rgba(0,0,0,0.4);border:1px solid ", ";border-radius:4px;"], uiColors.darkGray);
+var XPBonusLabel = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__XPBonusLabel",
+  componentId: "sc-1eiinkh-5"
+})(["font-size:", ";"], uiFonts.size.medium);
+var XPBonusValue = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "LoginStreakPanel__XPBonusValue",
+  componentId: "sc-1eiinkh-6"
+})(["color:", ";font-weight:bold;"], function (p) {
+  return p.isMax ? uiColors.darkYellow : uiColors.lightGreen;
+});
+var MaxTag = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "LoginStreakPanel__MaxTag",
+  componentId: "sc-1eiinkh-7"
+})(["color:", ";font-size:", ";font-weight:bold;letter-spacing:1px;margin-left:2px;"], uiColors.darkYellow, uiFonts.size.xsmall);
+var ProgressLabel = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__ProgressLabel",
+  componentId: "sc-1eiinkh-8"
+})(["font-size:", ";color:", ";text-align:right;"], uiFonts.size.xsmall, uiColors.lightGray);
+var RewardToast = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__RewardToast",
+  componentId: "sc-1eiinkh-9"
+})(["padding:8px 12px;background:rgba(255,200,87,0.15);border:1px solid ", ";border-radius:4px;"], uiColors.darkYellow);
+var RewardText = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__RewardText",
+  componentId: "sc-1eiinkh-10"
+})(["font-size:", ";color:", ";font-weight:bold;"], uiFonts.size.small, uiColors.darkYellow);
+var SectionLabel = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__SectionLabel",
+  componentId: "sc-1eiinkh-11"
+})(["font-size:", ";color:", ";text-transform:uppercase;letter-spacing:1px;"], uiFonts.size.xsmall, uiColors.lightGray);
+var MilestoneList = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__MilestoneList",
+  componentId: "sc-1eiinkh-12"
+})(["display:flex;flex-direction:column;gap:6px;"]);
+var MilestoneCard = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__MilestoneCard",
+  componentId: "sc-1eiinkh-13"
+})(["display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,0.6);border:1px solid ", ";border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.4);opacity:", ";transition:opacity 0.2s ease;"], uiColors.darkGray, function (p) {
+  return p.$reached ? 1 : 0.5;
+});
+var MilestoneDayLabel = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__MilestoneDayLabel",
+  componentId: "sc-1eiinkh-14"
+})(["font-size:", ";font-weight:bold;color:", ";width:44px;flex-shrink:0;"], uiFonts.size.small, uiColors.darkYellow);
+var MilestoneRewardName = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__MilestoneRewardName",
+  componentId: "sc-1eiinkh-15"
+})(["font-size:", ";color:", ";flex:1;"], uiFonts.size.small, uiColors.white);
+var MilestoneBadge = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__MilestoneBadge",
+  componentId: "sc-1eiinkh-16"
+})(["font-size:", ";color:", ";font-weight:bold;flex-shrink:0;"], uiFonts.size.medium, function (p) {
+  return p.$reached ? uiColors.lightGreen : uiColors.lightGray;
+});
+var MotivationalText = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "LoginStreakPanel__MotivationalText",
+  componentId: "sc-1eiinkh-17"
+})(["font-size:", ";color:", ";text-align:center;font-style:italic;padding-top:2px;"], uiFonts.size.small, uiColors.lightGray);
+
 // Memoize the styled components since they don't depend on props that change frequently
 var DPadButton = /*#__PURE__*/React.memo( /*#__PURE__*/styled__default.div.withConfig({
   displayName: "JoystickDPad__DPadButton",
@@ -30551,7 +30716,7 @@ var DraggedItem = function DraggedItem(_ref) {
   var centeredX = x - OFFSET$1;
   var centeredY = y - OFFSET$1;
   var stackInfo = onRenderStackInfo((_item$_id = item == null ? void 0 : item._id) != null ? _item$_id : '', (_item$stackQty = item == null ? void 0 : item.stackQty) != null ? _item$stackQty : 0);
-  return React__default.createElement(Container$j, null, React__default.createElement(SpriteContainer, {
+  return React__default.createElement(Container$l, null, React__default.createElement(SpriteContainer, {
     x: centeredX,
     y: centeredY
   }, React__default.createElement(SpriteFromAtlas, {
@@ -30569,7 +30734,7 @@ var DraggedItem = function DraggedItem(_ref) {
   }), stackInfo));
 };
 var pulse = "\n  @keyframes pulse {\n    0%, 100% {\n      transform: scale(1) rotate(-3deg);\n    }\n    50% {\n      transform: scale(0.95) rotate(-3deg);\n    }\n  }\n";
-var Container$j = /*#__PURE__*/styled__default.div.withConfig({
+var Container$l = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DraggedItem__Container",
   componentId: "sc-mlzzcp-0"
 })(["position:relative;"]);
@@ -30606,7 +30771,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
       document.removeEventListener('clickOutside', handleClickOutside);
     };
   }, [handleClickOutside]);
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$k, Object.assign({
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$m, Object.assign({
     fontSize: fontSize,
     ref: ref
   }, pos), React__default.createElement("ul", {
@@ -30623,7 +30788,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
     }, (params == null ? void 0 : params.text) || 'No text');
   }))));
 };
-var Container$k = /*#__PURE__*/styled__default.div.withConfig({
+var Container$m = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "RelativeListMenu__Container",
   componentId: "sc-7hohf-0"
 })(["position:absolute;top:", "px;left:", "px;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
@@ -31188,7 +31353,7 @@ var NPCDialogText = function NPCDialogText(_ref) {
   var _useState2 = React.useState(false),
     showGoNextIndicator = _useState2[0],
     setShowGoNextIndicator = _useState2[1];
-  return React__default.createElement(Container$l, null, React__default.createElement(DynamicText, {
+  return React__default.createElement(Container$n, null, React__default.createElement(DynamicText, {
     text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
     onFinish: function onFinish() {
       setShowGoNextIndicator(true);
@@ -31206,7 +31371,7 @@ var NPCDialogText = function NPCDialogText(_ref) {
     }
   }));
 };
-var Container$l = /*#__PURE__*/styled__default.div.withConfig({
+var Container$n = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NPCDialogText__Container",
   componentId: "sc-1cxkdh9-0"
 })([""]);
@@ -31358,7 +31523,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
       return null;
     });
   };
-  return React__default.createElement(Container$m, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
+  return React__default.createElement(Container$o, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
     text: currentQuestion.text,
     onStart: function onStart() {
       return setCanShowAnswers(false);
@@ -31368,7 +31533,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
     }
   })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
 };
-var Container$m = /*#__PURE__*/styled__default.div.withConfig({
+var Container$o = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestionDialog__Container",
   componentId: "sc-bxc5u0-0"
 })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
@@ -31428,7 +31593,7 @@ var NPCDialog = function NPCDialog(_ref) {
     }
   })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
     src: imagePath || img$7
-  }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$n, null, React__default.createElement(CloseIcon, {
+  }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$p, null, React__default.createElement(CloseIcon, {
     onPointerDown: _onClose
   }, "X"), React__default.createElement(TextContainer$1, {
     flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
@@ -31444,7 +31609,7 @@ var NPCDialog = function NPCDialog(_ref) {
     src: imagePath || img$7
   })))));
 };
-var Container$n = /*#__PURE__*/styled__default.div.withConfig({
+var Container$p = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NPCDialog__Container",
   componentId: "sc-1b4aw74-0"
 })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
@@ -31504,7 +31669,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     type: exports.RPGUIContainerTypes.FramedGold,
     width: '50%',
     height: '180px'
-  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$o, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
+  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$q, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
     flex: '70%'
   }, React__default.createElement(NPCDialogText, {
     onStartStep: function onStartStep() {
@@ -31546,7 +31711,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     src: img$6
   }))), ")"));
 };
-var Container$o = /*#__PURE__*/styled__default.div.withConfig({
+var Container$q = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NPCMultiDialog__Container",
   componentId: "sc-rvu5wg-0"
 })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
@@ -31913,7 +32078,7 @@ var Pagination = function Pagination(_ref) {
     totalPages = _ref.totalPages,
     onPageChange = _ref.onPageChange,
     className = _ref.className;
-  return React__default.createElement(Container$p, {
+  return React__default.createElement(Container$r, {
     className: className
   }, React__default.createElement(PaginationButton$1, {
     onClick: function onClick() {
@@ -31931,7 +32096,7 @@ var Pagination = function Pagination(_ref) {
     size: 12
   })));
 };
-var Container$p = /*#__PURE__*/styled__default.div.withConfig({
+var Container$r = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Pagination__Container",
   componentId: "sc-3k4m4u-0"
 })(["display:flex;align-items:center;justify-content:center;gap:16px;padding:8px;"]);
@@ -32039,7 +32204,7 @@ var PaginatedContent = function PaginatedContent(_ref) {
     setCurrentPage = _usePagination.setCurrentPage,
     paginatedItems = _usePagination.paginatedItems,
     totalPages = _usePagination.totalPages;
-  return React__default.createElement(Container$q, {
+  return React__default.createElement(Container$s, {
     className: className
   }, (searchOptions || filterOptions) && React__default.createElement(SearchHeader$1, {
     searchOptions: searchOptions,
@@ -32061,7 +32226,7 @@ var PaginatedContent = function PaginatedContent(_ref) {
     onPageChange: setCurrentPage
   }))));
 };
-var Container$q = /*#__PURE__*/styled__default.div.withConfig({
+var Container$s = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaginatedContent__Container",
   componentId: "sc-lzp9hn-0"
 })(["display:flex;flex-direction:column;gap:0.5rem;min-height:400px;width:100%;"]);
@@ -32183,7 +32348,7 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
     atlasIMG = _ref.atlasIMG,
     onBack = _ref.onBack,
     children = _ref.children;
-  return React__default.createElement(Container$r, null, React__default.createElement(Overlay, {
+  return React__default.createElement(Container$t, null, React__default.createElement(Overlay, {
     onClick: onBack
   }), React__default.createElement(Modal, null, React__default.createElement(CloseButton$5, {
     onClick: onBack
@@ -32196,7 +32361,7 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
     imgScale: 1
   })), React__default.createElement(Title$3, null, name)), React__default.createElement(Content$1, null, children)));
 };
-var Container$r = /*#__PURE__*/styled__default.div.withConfig({
+var Container$t = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Container",
   componentId: "sc-1vguuz8-0"
 })(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:9999;"]);
@@ -32238,7 +32403,7 @@ var Collapsible = function Collapsible(_ref) {
   var _useState = React.useState(defaultOpen),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
-  return React__default.createElement(Container$s, {
+  return React__default.createElement(Container$u, {
     className: className
   }, React__default.createElement(Header$3, {
     onClick: function onClick() {
@@ -32246,7 +32411,7 @@ var Collapsible = function Collapsible(_ref) {
     }
   }, React__default.createElement(Title$4, null, title), React__default.createElement(Icon$1, null, isOpen ? React__default.createElement(fa.FaChevronUp, null) : React__default.createElement(fa.FaChevronDown, null))), isOpen && React__default.createElement(Content$2, null, children));
 };
-var Container$s = /*#__PURE__*/styled__default.div.withConfig({
+var Container$u = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Collapsible__Container",
   componentId: "sc-s4h8ey-0"
 })(["background:rgba(0,0,0,0.3);border-radius:4px;overflow:hidden;border:1px solid ", ";"], uiColors.darkGray);
@@ -32576,7 +32741,7 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
       onClose();
     }
   };
-  return React__default.createElement(Container$t, null, React__default.createElement(FilterButton, {
+  return React__default.createElement(Container$v, null, React__default.createElement(FilterButton, {
     onClick: onToggle,
     "$hasActiveFilters": hasActiveFilters,
     ref: buttonRef
@@ -32607,7 +32772,7 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
     onClick: onClearAll
   }, "Clear All Filters"))));
 };
-var Container$t = /*#__PURE__*/styled__default.div.withConfig({
+var Container$v = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "AdvancedFilters__Container",
   componentId: "sc-1xj6ldr-0"
 })(["position:relative;margin-left:0.5rem;"]);
@@ -33701,7 +33866,7 @@ var InformationCenter = function InformationCenter(_ref) {
     minWidth: "300px",
     cancelDrag: ".PaginatedContent-content",
     onCloseButton: onClose
-  }, React__default.createElement(Container$u, null, React__default.createElement(InternalTabs, {
+  }, React__default.createElement(Container$w, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000000",
     activeTab: activeTab,
@@ -33712,7 +33877,7 @@ var InformationCenter = function InformationCenter(_ref) {
     hoverColor: "#fef3c7"
   })));
 };
-var Container$u = /*#__PURE__*/styled__default.div.withConfig({
+var Container$w = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenter__Container",
   componentId: "sc-1ttl62e-0"
 })(["width:100%;max-width:100%;margin:0 auto;padding:0.125rem;overflow:hidden;box-sizing:border-box;@media (min-width:320px){padding:0.25rem;}@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:0.75rem;}"]);
@@ -33883,7 +34048,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     }
     return null;
   };
-  return React__default.createElement(Container$v, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
+  return React__default.createElement(Container$x, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
     id: "shortcuts_list"
   }, Array.from({
     length: 12
@@ -33901,7 +34066,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     }, getContent(i));
   })));
 };
-var Container$v = /*#__PURE__*/styled__default.div.withConfig({
+var Container$x = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ShortcutsSetter__Container",
   componentId: "sc-xuouuf-0"
 })(["p{margin:0;margin-left:0.5rem;font-size:10px;}width:100%;"]);
@@ -34444,7 +34609,7 @@ var ColorSelector = function ColorSelector(_ref) {
     cancelDrag: ".react-colorful",
     width: "25rem",
     onCloseButton: onClose
-  }, React__default.createElement(Container$w, null, React__default.createElement(Header$4, null, "Select Color"), React__default.createElement(ColorPickerWrapper, null, React__default.createElement(reactColorful.HexColorPicker, {
+  }, React__default.createElement(Container$y, null, React__default.createElement(Header$4, null, "Select Color"), React__default.createElement(ColorPickerWrapper, null, React__default.createElement(reactColorful.HexColorPicker, {
     color: currentColor,
     onChange: function onChange(color) {
       setCurrentColor(color);
@@ -34460,7 +34625,7 @@ var ColorSelector = function ColorSelector(_ref) {
     onClose: handleClose
   }));
 };
-var Container$w = /*#__PURE__*/styled__default.div.withConfig({
+var Container$y = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ItemPropertyColorSelector__Container",
   componentId: "sc-me1r4z-0"
 })(["text-align:center;background:inherit;display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%;max-width:24rem;margin:0 auto;"]);
@@ -34816,7 +34981,7 @@ var ListMenu = function ListMenu(_ref) {
     onSelected = _ref.onSelected,
     x = _ref.x,
     y = _ref.y;
-  return React__default.createElement(Container$x, {
+  return React__default.createElement(Container$z, {
     x: x,
     y: y
   }, React__default.createElement("ul", {
@@ -34833,7 +34998,7 @@ var ListMenu = function ListMenu(_ref) {
     }, (params == null ? void 0 : params.text) || 'No text');
   })));
 };
-var Container$x = /*#__PURE__*/styled__default.div.withConfig({
+var Container$z = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ListMenu__Container",
   componentId: "sc-i9097t-0"
 })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
@@ -34852,7 +35017,7 @@ var Pager = function Pager(_ref) {
     itemsPerPage = _ref.itemsPerPage,
     onPageChange = _ref.onPageChange;
   var totalPages = Math.ceil(totalItems / itemsPerPage);
-  return React__default.createElement(Container$y, null, React__default.createElement("p", null, "Total items: ", totalItems), React__default.createElement(PagerContainer, null, React__default.createElement("button", {
+  return React__default.createElement(Container$A, null, React__default.createElement("p", null, "Total items: ", totalItems), React__default.createElement(PagerContainer, null, React__default.createElement("button", {
     disabled: currentPage === 1,
     onPointerDown: function onPointerDown() {
       return onPageChange(Math.max(currentPage - 1, 1));
@@ -34866,7 +35031,7 @@ var Pager = function Pager(_ref) {
     }
   }, '>')));
 };
-var Container$y = /*#__PURE__*/styled__default.div.withConfig({
+var Container$A = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Pager__Container",
   componentId: "sc-1ekmf50-0"
 })(["display:flex;flex-direction:column;align-items:center;p{margin:0;font-size:", ";}"], uiFonts.size.xsmall);
@@ -35387,13 +35552,13 @@ var TabBody = function TabBody(_ref) {
     children = _ref.children,
     styles = _ref.styles,
     centerContent = _ref.centerContent;
-  return React__default.createElement(Container$z, {
+  return React__default.createElement(Container$B, {
     styles: styles,
     "data-tab-id": id,
     centerContent: centerContent
   }, children);
 };
-var Container$z = /*#__PURE__*/styled__default.div.withConfig({
+var Container$B = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TabBody__Container",
   componentId: "sc-196oof2-0"
 })(["width:", ";height:", ";overflow-y:auto;display:", ";justify-content:", ";align-items:", ";"], function (props) {
@@ -36047,7 +36212,7 @@ var ProgressBar$1 = function ProgressBar(_ref) {
   // Round only for display, not for calculation
   var displayValue = Math.round(value);
   var displayMax = Math.round(max);
-  return React__default.createElement(Container$A, {
+  return React__default.createElement(Container$C, {
     className: "rpgui-progress",
     "data-value": calculatePercentageValue(max, value) / 100,
     "data-rpguitype": "progress",
@@ -36079,7 +36244,7 @@ var TextOverlay$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ProgressBar__TextOverlay",
   componentId: "sc-qa6fzh-1"
 })(["width:100%;position:relative;"]);
-var Container$A = /*#__PURE__*/styled__default.div.withConfig({
+var Container$C = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ProgressBar__Container",
   componentId: "sc-qa6fzh-2"
 })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", " @media (max-width:950px){transform:scale(", ");}"], function (props) {
@@ -36320,9 +36485,9 @@ var InputRadio = function InputRadio(_ref) {
 
 var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
   var children = _ref.children;
-  return React__default.createElement(Container$B, null, children);
+  return React__default.createElement(Container$D, null, children);
 };
-var Container$B = /*#__PURE__*/styled__default.div.withConfig({
+var Container$D = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "RPGUIScrollbar__Container",
   componentId: "sc-p3msmb-0"
 })([".rpgui-content ::-webkit-scrollbar,.rpgui-content::-webkit-scrollbar{width:25px !important;}.rpgui-content ::-webkit-scrollbar-track,.rpgui-content::-webkit-scrollbar-track{background-size:25px 60px !important;}"]);
@@ -36471,46 +36636,6 @@ var List$1 = /*#__PURE__*/styled__default.p.withConfig({
   componentId: "sc-kgtsi7-1"
 })(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;scale:0.9;"]);
 
-var SimpleProgressBar = function SimpleProgressBar(_ref) {
-  var value = _ref.value,
-    _ref$bgColor = _ref.bgColor,
-    bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 20 : _ref$margin;
-  // Ensure the width is at least 1% if value is greater than 0, capped at 99.99%
-  var width = value > 0 ? Math.max(1, Math.min(99.99, value)) : 0;
-  return React__default.createElement(Container$C, {
-    className: "simple-progress-bar"
-  }, React__default.createElement(ProgressBarContainer, {
-    margin: margin
-  }, React__default.createElement(BackgroundBar, null, React__default.createElement(Progress, {
-    width: width,
-    bgColor: bgColor
-  }))));
-};
-var Container$C = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "SimpleProgressBar__Container",
-  componentId: "sc-mbeil3-0"
-})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
-var BackgroundBar = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "SimpleProgressBar__BackgroundBar",
-  componentId: "sc-mbeil3-1"
-})(["background-color:rgba(0,0,0,0.075);"]);
-var Progress = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "SimpleProgressBar__Progress",
-  componentId: "sc-mbeil3-2"
-})(["background-color:", ";width:", "%;transition:width 0.5s ease-in-out;"], function (props) {
-  return props.bgColor;
-}, function (props) {
-  return props.width.toFixed(2);
-});
-var ProgressBarContainer = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "SimpleProgressBar__ProgressBarContainer",
-  componentId: "sc-mbeil3-3"
-})(["border-radius:60px;border:1px solid #282424;overflow:hidden;width:100%;span{display:block;height:100%;}height:8px;margin-left:", "px;"], function (props) {
-  return props.margin;
-});
-
 var Tooltip = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Tooltip",
   componentId: "sc-m78j13-0"
@@ -36876,7 +37001,7 @@ var SocialModal = function SocialModal(_ref) {
     title: "Social Channels",
     width: "500px",
     onCloseButton: onClose
-  }, React__default.createElement(Container$D, null, React__default.createElement(HeaderImage, {
+  }, React__default.createElement(Container$E, null, React__default.createElement(HeaderImage, {
     src: img$9,
     alt: ""
   }), React__default.createElement(ButtonsContainer$3, null, React__default.createElement(MainButtons, null, React__default.createElement(SocialButton$1, {
@@ -36894,7 +37019,7 @@ var SocialModal = function SocialModal(_ref) {
     onClick: handleWhatsAppClick
   }, React__default.createElement(fa.FaWhatsapp, null), " Join WhatsApp")))));
 };
-var Container$D = /*#__PURE__*/styled__default.div.withConfig({
+var Container$E = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SocialModal__Container",
   componentId: "sc-tbjhp9-0"
 })(["width:100%;display:flex;flex-direction:column;gap:16px;background-color:#5c4132;position:relative;border-radius:8px;overflow:hidden;&:before,&:after{content:'';position:absolute;left:0;right:0;height:3px;}&:before{bottom:0;background:linear-gradient( to right,#5c4132 0%,#2b1810 2%,#2b1810 98%,#5c4132 100% );}"]);
@@ -36940,7 +37065,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React__default.createElement(Container$E, null, React__default.createElement(Header$6, null, React__default.createElement("div", null, React__default.createElement(Title$b, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
+  return React__default.createElement(Container$F, null, React__default.createElement(Header$6, null, React__default.createElement("div", null, React__default.createElement(Title$b, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
     className: "label"
   }, "Casting Type:"), React__default.createElement("div", {
     className: "value"
@@ -36966,7 +37091,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     className: "value"
   }, requiredItem))), React__default.createElement(Description$4, null, description));
 };
-var Container$E = /*#__PURE__*/styled__default.div.withConfig({
+var Container$F = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Container",
   componentId: "sc-4hbw3q-0"
 })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
@@ -37020,7 +37145,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     var _ref$current;
     (_ref$current = ref.current) == null ? void 0 : _ref$current.classList.add('fadeOut');
   };
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$F, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$G, {
     ref: ref,
     onTouchEnd: function onTouchEnd() {
       handleFadeOut();
@@ -37045,7 +37170,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     }, option.text);
   }))));
 };
-var Container$F = /*#__PURE__*/styled__default.div.withConfig({
+var Container$G = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "MobileSpellTooltip__Container",
   componentId: "sc-6p7uvr-0"
 })(["position:absolute;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;transition:opacity 0.08s;animation:fadeIn 0.1s forwards;@keyframes fadeIn{0%{opacity:0;}100%{opacity:0.92;}}@keyframes fadeOut{0%{opacity:0.92;}100%{opacity:0;}}&.fadeOut{animation:fadeOut 0.1s forwards;}@media (max-width:580px){flex-direction:column;}"]);
@@ -37086,13 +37211,13 @@ var MagicTooltip = function MagicTooltip(_ref) {
     }
     return;
   }, []);
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$G, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$H, {
     ref: ref
   }, React__default.createElement(SpellInfoDisplay, {
     spell: spell
   })));
 };
-var Container$G = /*#__PURE__*/styled__default.div.withConfig({
+var Container$H = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellTooltip__Container",
   componentId: "sc-1go0gwg-0"
 })(["position:absolute;z-index:100;pointer-events:none;left:0;top:0;opacity:0;transition:opacity 0.08s;"]);
@@ -37194,7 +37319,7 @@ var Spell = function Spell(_ref) {
   var IMAGE_SCALE = 2;
   return React__default.createElement(SpellInfoWrapper, {
     spell: spell
-  }, React__default.createElement(Container$H, {
+  }, React__default.createElement(Container$I, {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
@@ -37213,7 +37338,7 @@ var Spell = function Spell(_ref) {
     className: "mana"
   }, manaCost))));
 };
-var Container$H = /*#__PURE__*/styled__default.button.withConfig({
+var Container$I = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "Spell__Container",
   componentId: "sc-j96fa2-0"
 })(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
@@ -37293,7 +37418,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React__default.createElement(Container$I, null, React__default.createElement(Title$d, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
+  }, React__default.createElement(Container$J, null, React__default.createElement(Title$d, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -37330,7 +37455,7 @@ var Title$d = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
-var Container$I = /*#__PURE__*/styled__default.div.withConfig({
+var Container$J = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Spellbook__Container",
   componentId: "sc-r02nfq-1"
 })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -57838,7 +57963,7 @@ var CartView = function CartView(_ref2) {
       return _ref3.apply(this, arguments);
     };
   }();
-  return React__default.createElement(Container$J, null, React__default.createElement(Header$7, null, React__default.createElement(Title$e, null, "Shopping Cart"), React__default.createElement(CloseButton$9, {
+  return React__default.createElement(Container$K, null, React__default.createElement(Header$7, null, React__default.createElement(Title$e, null, "Shopping Cart"), React__default.createElement(CloseButton$9, {
     onPointerDown: onClose
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(CartItems, null, cartItems.length === 0 ? React__default.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
     var _cartItem$metadata, _cartItem$metadata2;
@@ -57874,7 +57999,7 @@ var CartView = function CartView(_ref2) {
     disabled: cartItems.length === 0 || isLoading
   })));
 };
-var Container$J = /*#__PURE__*/styled__default.div.withConfig({
+var Container$K = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__Container",
   componentId: "sc-ydtyl1-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;gap:1.5rem;padding:1.5rem;"]);
@@ -58230,7 +58355,7 @@ var ScrollableContent = function ScrollableContent(_ref) {
   if (items.length === 0) {
     return React__default.createElement(EmptyMessage$2, null, emptyMessage);
   }
-  return React__default.createElement(Container$K, {
+  return React__default.createElement(Container$L, {
     className: className
   }, (searchOptions || filterOptions) && React__default.createElement(HeaderContainer$3, null, React__default.createElement(HeaderContent$1, null, searchOptions && React__default.createElement(SearchContainer$3, null, React__default.createElement(StyledSearchBar$2, {
     value: searchOptions.value,
@@ -58251,7 +58376,7 @@ var ScrollableContent = function ScrollableContent(_ref) {
     }, renderItem(item));
   })));
 };
-var Container$K = /*#__PURE__*/styled__default.div.withConfig({
+var Container$L = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ScrollableContent__Container",
   componentId: "sc-xhh2um-0"
 })(["display:flex;flex-direction:column;gap:1rem;width:100%;"]);
@@ -58867,7 +58992,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
     if (typeof imageUrl === 'string') return imageUrl;
     return imageUrl["default"] || imageUrl.src;
   };
-  return React__default.createElement(Container$L, null, React__default.createElement(Header$9, null, React__default.createElement(BackButton, {
+  return React__default.createElement(Container$M, null, React__default.createElement(Header$9, null, React__default.createElement(BackButton, {
     onClick: onBack
   }, React__default.createElement(fa.FaArrowLeft, null), React__default.createElement("span", null, "Back"))), React__default.createElement(Content$5, null, React__default.createElement(DetailsGrid, null, React__default.createElement(ItemIcon, null, React__default.createElement("img", {
     src: getImageSrc(),
@@ -58881,7 +59006,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
     fullWidth: true
   }))));
 };
-var Container$L = /*#__PURE__*/styled__default.div.withConfig({
+var Container$M = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__Container",
   componentId: "sc-k3ho5z-0"
 })(["display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;"]);
@@ -59144,7 +59269,7 @@ var Store = function Store(_ref) {
     onAddToCart: function onAddToCart() {
       return handleAddPackToCart(selectedPack);
     }
-  }) : React__default.createElement(Container$M, null, React__default.createElement(TopBar$1, null, React__default.createElement(HistoryButton, null, onShowHistory && React__default.createElement(CTAButton, {
+  }) : React__default.createElement(Container$N, null, React__default.createElement(TopBar$1, null, React__default.createElement(HistoryButton, null, onShowHistory && React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaHistory, null),
     label: "History",
     onClick: onShowHistory
@@ -59170,7 +59295,7 @@ var Store = function Store(_ref) {
     fullWidth: true
   }))));
 };
-var Container$M = /*#__PURE__*/styled__default.div.withConfig({
+var Container$N = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Store__Container",
   componentId: "sc-64dj00-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;gap:1rem;position:relative;"]);
@@ -59541,7 +59666,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React__default.createElement(Container$N, null, React__default.createElement(Title$f, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
+  }, React__default.createElement(Container$O, null, React__default.createElement(Title$f, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
     className: "golden"
   }), React__default.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -59569,7 +59694,7 @@ var TradingMenu = function TradingMenu(_ref) {
     onPointerDown: onClose
   }, "Cancel"))));
 };
-var Container$N = /*#__PURE__*/styled__default.div.withConfig({
+var Container$O = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
@@ -59603,11 +59728,11 @@ var Truncate = function Truncate(_ref) {
   var _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
     children = _ref.children;
-  return React__default.createElement(Container$O, {
+  return React__default.createElement(Container$P, {
     maxLines: maxLines
   }, children);
 };
-var Container$O = /*#__PURE__*/styled__default.div.withConfig({
+var Container$P = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Truncate__Container",
   componentId: "sc-6x00qb-0"
 })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
@@ -59715,7 +59840,7 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
       };
     });
   }, [lessons, imageStyle]);
-  return React__default.createElement(Container$P, null, React__default.createElement(Stepper, {
+  return React__default.createElement(Container$Q, null, React__default.createElement(Stepper, {
     steps: generateLessons,
     finalCTAButton: {
       label: 'Close',
@@ -59732,7 +59857,7 @@ var LessonBody = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__LessonBody",
   componentId: "sc-7tgzv2-1"
 })([""]);
-var Container$P = /*#__PURE__*/styled__default.div.withConfig({
+var Container$Q = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__Container",
   componentId: "sc-7tgzv2-2"
 })(["width:80%;max-width:600px;@media (max-width:600px){width:95%;}"]);
@@ -59790,6 +59915,7 @@ exports.ItemSlot = ItemSlot;
 exports.JoystickDPad = JoystickDPad;
 exports.Leaderboard = Leaderboard;
 exports.ListMenu = ListMenu;
+exports.LoginStreakPanel = LoginStreakPanel;
 exports.Marketplace = Marketplace;
 exports.MarketplaceRows = MarketplaceRows;
 exports.MetadataCollector = MetadataCollector;