@rpg-engine/long-bow 0.5.95 → 0.5.97

package/dist/long-bow.esm.js

@@ -18959,6 +18959,69 @@ var SpellList = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-r02nfq-2"
 })(["width:100%;min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;"]);
 
+var Stepper = function Stepper(_ref) {
+  var _steps$currentStep;
+  var steps = _ref.steps,
+    finalCTAButton = _ref.finalCTAButton;
+  var _useState = useState(0),
+    currentStep = _useState[0],
+    setCurrentStep = _useState[1];
+  var currentComponent = (_steps$currentStep = steps[currentStep]) == null ? void 0 : _steps$currentStep.component;
+  var totalSteps = steps.length;
+  var onStepChange = function onStepChange(step) {
+    setCurrentStep(step);
+  };
+  return React.createElement(StepperContainer, null, React.createElement(StepperTop, null, Array.from({
+    length: totalSteps
+  }, function (_, i) {
+    return React.createElement(ProgressIndicator, {
+      key: i,
+      isActive: i <= currentStep
+    });
+  })), React.createElement(StepperBody, null, currentComponent), React.createElement(StepperFooter, null, currentStep > 0 && React.createElement(SelectArrow, {
+    direction: "left",
+    onPointerDown: function onPointerDown() {
+      return onStepChange(Math.max(0, currentStep - 1));
+    }
+  }), currentStep < totalSteps - 1 && React.createElement(SelectArrow, {
+    direction: "right",
+    onPointerDown: function onPointerDown() {
+      return onStepChange(Math.min(totalSteps - 1, currentStep + 1));
+    }
+  }), currentStep === totalSteps - 1 && finalCTAButton && React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onPointerDown: function onPointerDown() {
+      return finalCTAButton.onClick;
+    }
+  }, finalCTAButton.label)));
+};
+var StepperContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Stepper__StepperContainer",
+  componentId: "sc-13obf1-0"
+})(["display:flex;flex-direction:column;height:100%;"]);
+var StepperTop = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Stepper__StepperTop",
+  componentId: "sc-13obf1-1"
+})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]);
+var StepperBody = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Stepper__StepperBody",
+  componentId: "sc-13obf1-2"
+})(["flex:8;"]);
+var StepperFooter = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Stepper__StepperFooter",
+  componentId: "sc-13obf1-3"
+})(["flex:1;display:flex;justify-content:flex-end;"]);
+var ProgressIndicator = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Stepper__ProgressIndicator",
+  componentId: "sc-13obf1-4"
+})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";"], function (_ref2) {
+  var isActive = _ref2.isActive;
+  return isActive ? uiColors.orange : uiColors.lightGray;
+}, function (_ref3) {
+  var isActive = _ref3.isActive;
+  return isActive ? 1 : 0.25;
+}, uiColors.raisinBlack);
+
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return React.createElement("textarea", Object.assign({}, props));
@@ -19393,5 +19456,5 @@ var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-gptoxp-5"
 })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
 
-export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
+export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, Stepper, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map