@rpg-engine/long-bow 0.8.184 → 0.8.185

package/dist/long-bow.esm.js

@@ -49272,6 +49272,76 @@ var InputRadio = function InputRadio(_ref) {
   }));
 };
 
+/**
+ * A selectable row with an amber radio circle indicator.
+ * Used for single-select option lists throughout the Marketplace UI.
+ * Export `RadioCircle` separately so consumers can compose custom layouts.
+ */
+var RadioOption$1 = function RadioOption(_ref) {
+  var selected = _ref.selected,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onSelect = _ref.onSelect,
+    children = _ref.children;
+  var handleClick = function handleClick() {
+    if (!disabled) {
+      onSelect();
+    }
+  };
+  return React.createElement(RadioOptionContainer, {
+    "$selected": selected,
+    "$disabled": disabled,
+    onClick: handleClick,
+    role: "radio",
+    "aria-checked": selected,
+    "aria-disabled": disabled
+  }, React.createElement(RadioCircle$2, {
+    "$selected": selected
+  }), children);
+};
+var RadioOptionContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RadioOption__RadioOptionContainer",
+  componentId: "sc-rmm0nc-0"
+})(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";}"], function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.15)';
+}, function (_ref3) {
+  var $selected = _ref3.$selected;
+  return $selected ? 'rgba(245,158,11,0.1)' : 'transparent';
+}, function (_ref4) {
+  var $disabled = _ref4.$disabled;
+  return $disabled ? 'not-allowed' : 'pointer';
+}, function (_ref5) {
+  var $disabled = _ref5.$disabled;
+  return $disabled ? 0.5 : 1;
+}, function (_ref6) {
+  var $disabled = _ref6.$disabled;
+  return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
+});
+var RadioCircle$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RadioOption__RadioCircle",
+  componentId: "sc-rmm0nc-1"
+})(["width:16px;height:16px;border-radius:50%;border:2px solid ", ";display:flex;align-items:center;justify-content:center;flex-shrink:0;&::after{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;opacity:", ";transition:opacity 0.15s;}"], function (_ref7) {
+  var $selected = _ref7.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.4)';
+}, function (_ref8) {
+  var $selected = _ref8.$selected;
+  return $selected ? 1 : 0;
+});
+/** Convenience wrapper for option label text with RPGUI font override. */
+var RadioOptionLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "RadioOption__RadioOptionLabel",
+  componentId: "sc-rmm0nc-2"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:", " !important;"], function (_ref9) {
+  var $disabled = _ref9.$disabled;
+  return $disabled ? 'rgba(255,255,255,0.4)' : '#ffffff';
+});
+/** Convenience wrapper for option sub-text with RPGUI font override. */
+var RadioOptionSub = /*#__PURE__*/styled.span.withConfig({
+  displayName: "RadioOption__RadioOptionSub",
+  componentId: "sc-rmm0nc-3"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:rgba(255,255,255,0.5) !important;"]);
+
 var Shortcuts = function Shortcuts(_ref) {
   var shortcuts = _ref.shortcuts,
     onShortcutCast = _ref.onShortcutCast,
@@ -71529,27 +71599,27 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
   }, React.createElement(Header$f, null, React.createElement(Title$m, null, "How would you like to pay?"), React.createElement(CloseButton$g, {
     onPointerDown: onClose,
     "aria-label": "Close"
-  }, React.createElement(FaTimes, null))), React.createElement(Options$1, null, React.createElement(RadioOption$1, {
+  }, React.createElement(FaTimes, null))), React.createElement(Options$1, null, React.createElement(RadioOption$2, {
     "$selected": selected === 'card',
     onPointerDown: function onPointerDown() {
       return setSelected('card');
     }
-  }, React.createElement(RadioCircle$2, {
+  }, React.createElement(RadioCircle$3, {
     "$selected": selected === 'card'
-  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React.createElement(RadioOption$1, {
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React.createElement(RadioOption$2, {
     "$selected": selected === 'pix',
     onPointerDown: function onPointerDown() {
       return setSelected('pix');
     }
-  }, React.createElement(RadioCircle$2, {
+  }, React.createElement(RadioCircle$3, {
     "$selected": selected === 'pix'
-  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Pix"), React.createElement(OptionSub$1, null, "Instant payment via Pix"))), React.createElement(RadioOption$1, {
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Pix"), React.createElement(OptionSub$1, null, "Instant payment via Pix"))), React.createElement(RadioOption$2, {
     "$selected": selected === 'dc',
     "$disabled": dcDisabled,
     onPointerDown: dcDisabled ? undefined : function () {
       return setSelected('dc');
     }
-  }, React.createElement(RadioCircle$2, {
+  }, React.createElement(RadioCircle$3, {
     "$selected": selected === 'dc'
   }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Definya Coin"), React.createElement(OptionSub$1, null, dcSubText)))), React.createElement(ConfirmRow$1, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
@@ -71584,7 +71654,7 @@ var Options$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__Options",
   componentId: "sc-1dxy6lr-6"
 })(["display:flex;flex-direction:column;gap:8px;"]);
-var RadioOption$1 = /*#__PURE__*/styled.div.withConfig({
+var RadioOption$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__RadioOption",
   componentId: "sc-1dxy6lr-7"
 })(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s,opacity 0.15s;&:hover{border-color:", ";}"], function (_ref2) {
@@ -71603,7 +71673,7 @@ var RadioOption$1 = /*#__PURE__*/styled.div.withConfig({
   var $disabled = _ref6.$disabled;
   return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
 });
-var RadioCircle$2 = /*#__PURE__*/styled.div.withConfig({
+var RadioCircle$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__RadioCircle",
   componentId: "sc-1dxy6lr-8"
 })(["width:16px;height:16px;border-radius:50%;border:2px solid ", ";display:flex;align-items:center;justify-content:center;flex-shrink:0;&::after{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;opacity:", ";transition:opacity 0.15s;}"], function (_ref7) {
@@ -73762,5 +73832,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterListingForm, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CountdownTimer, CraftBook, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
+export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
 //# sourceMappingURL=long-bow.esm.js.map