@rpg-engine/long-bow 0.8.186 → 0.8.188

package/dist/long-bow.esm.js

@@ -47245,16 +47245,17 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
     spriteKey: snap.textureKey + "/down/standing/0.png",
     imgScale: 4,
     height: 96,
-    width: 96
+    width: 96,
+    centered: true
   })), React.createElement(HeroInfo, null, React.createElement(CharacterName$1, null, snap.name || 'Unknown'), React.createElement(CharacterClass, null, "Lv.", snap.level, " \xB7 ", snap["class"]), React.createElement(CharacterOrigin, null, snap.race, " \xB7 ", snap.faction), React.createElement(ModeBadge, {
     "$hardcore": ((_snap$mode = snap.mode) == null ? void 0 : _snap$mode.toLowerCase()) === 'hardcore'
-  }, snap.mode || 'Standard'))), React.createElement(Divider, null), topSkills.length > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Skills"), React.createElement(SkillsGrid, null, topSkills.map(function (_ref4) {
+  }, snap.mode || 'Standard'))), React.createElement(Divider, null), React.createElement(MetaColumns, null, topSkills.length > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Skills"), React.createElement(SkillsList, null, topSkills.map(function (_ref4) {
     var name = _ref4[0],
       value = _ref4[1];
     return React.createElement(SkillRow, {
       key: name
     }, React.createElement(SkillName, null, name), React.createElement(SkillValue, null, value));
-  }))), ((_snap$equipment = snap.equipment) == null ? void 0 : _snap$equipment.length) > 0 && React.createElement(React.Fragment, null, React.createElement(Divider, null), React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Equipment"), React.createElement(EquipmentList, null, snap.equipment.map(function (eq, i) {
+  }))), ((_snap$equipment = snap.equipment) == null ? void 0 : _snap$equipment.length) > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Equipment"), React.createElement(EquipmentList, null, snap.equipment.map(function (eq, i) {
     return React.createElement(EquipmentRow, {
       key: i
     }, React.createElement(EquipSlot, null, eq.slot), React.createElement(EquipName, null, eq.itemName), React.createElement(RarityBadge, {
@@ -47264,7 +47265,8 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
-    imgScale: 1
+    imgScale: 1,
+    centered: true
   })), React.createElement(PriceAmount, null, formatDCAmount(listing.price), " DC")), React.createElement(BuyBtn, {
     icon: React.createElement(ShoppingBag, {
       width: 18,
@@ -47287,7 +47289,7 @@ var ModalContainer$5 = /*#__PURE__*/styled.div.withConfig({
 var ModalContent$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__ModalContent",
   componentId: "sc-1kdn1l6-2"
-})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:480px;max-width:94%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:", " 0.15s ease-out;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"], scaleIn$2);
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:580px;max-width:96%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:", " 0.15s ease-out;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"], scaleIn$2);
 var Header$b = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__Header",
   componentId: "sc-1kdn1l6-3"
@@ -47346,41 +47348,45 @@ var SectionTitle$3 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SectionTitle",
   componentId: "sc-1kdn1l6-15"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#f59e0b !important;text-transform:uppercase;letter-spacing:1px;"]);
-var SkillsGrid = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CharacterDetailModal__SkillsGrid",
+var MetaColumns = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__MetaColumns",
   componentId: "sc-1kdn1l6-16"
-})(["display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;"]);
+})(["display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;"]);
+var SkillsList = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__SkillsList",
+  componentId: "sc-1kdn1l6-17"
+})(["display:flex;flex-direction:column;gap:4px;"]);
 var SkillRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__SkillRow",
-  componentId: "sc-1kdn1l6-17"
+  componentId: "sc-1kdn1l6-18"
 })(["display:flex;justify-content:space-between;align-items:center;gap:8px;"]);
 var SkillName = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SkillName",
-  componentId: "sc-1kdn1l6-18"
+  componentId: "sc-1kdn1l6-19"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:capitalize;"]);
 var SkillValue = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SkillValue",
-  componentId: "sc-1kdn1l6-19"
+  componentId: "sc-1kdn1l6-20"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#fef08a !important;"]);
 var EquipmentList = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipmentList",
-  componentId: "sc-1kdn1l6-20"
+  componentId: "sc-1kdn1l6-21"
 })(["display:flex;flex-direction:column;gap:5px;"]);
 var EquipmentRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipmentRow",
-  componentId: "sc-1kdn1l6-21"
+  componentId: "sc-1kdn1l6-22"
 })(["display:flex;align-items:center;gap:8px;padding:5px 8px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:4px;"]);
 var EquipSlot = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__EquipSlot",
-  componentId: "sc-1kdn1l6-22"
+  componentId: "sc-1kdn1l6-23"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.34rem !important;color:#6b7280 !important;text-transform:capitalize;min-width:52px;flex-shrink:0;"]);
 var EquipName = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__EquipName",
-  componentId: "sc-1kdn1l6-23"
+  componentId: "sc-1kdn1l6-24"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#d1d5db !important;flex:1;"]);
 var RarityBadge = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__RarityBadge",
-  componentId: "sc-1kdn1l6-24"
+  componentId: "sc-1kdn1l6-25"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 4px;text-transform:uppercase;flex-shrink:0;"], function (_ref7) {
   var $rarity = _ref7.$rarity;
   return rarityColor$1($rarity);
@@ -47390,35 +47396,35 @@ var RarityBadge = /*#__PURE__*/styled.span.withConfig({
 });
 var Footer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__Footer",
-  componentId: "sc-1kdn1l6-25"
+  componentId: "sc-1kdn1l6-26"
 })(["display:flex;flex-direction:column;gap:8px;flex-shrink:0;"]);
 var SellerInfo = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SellerInfo",
-  componentId: "sc-1kdn1l6-26"
+  componentId: "sc-1kdn1l6-27"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#6b7280 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var FooterActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__FooterActions",
-  componentId: "sc-1kdn1l6-27"
+  componentId: "sc-1kdn1l6-28"
 })(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
 var PriceDisplay = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__PriceDisplay",
-  componentId: "sc-1kdn1l6-28"
+  componentId: "sc-1kdn1l6-29"
 })(["display:flex;align-items:center;gap:6px;line-height:1;"]);
 var DCCoinWrapper$2 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__DCCoinWrapper",
-  componentId: "sc-1kdn1l6-29"
+  componentId: "sc-1kdn1l6-30"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
 var PriceAmount = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__PriceAmount",
-  componentId: "sc-1kdn1l6-30"
+  componentId: "sc-1kdn1l6-31"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.7rem !important;color:#fef08a !important;"]);
 var BuyBtn = /*#__PURE__*/styled(CTAButton).withConfig({
   displayName: "CharacterDetailModal__BuyBtn",
-  componentId: "sc-1kdn1l6-31"
+  componentId: "sc-1kdn1l6-32"
 })(["flex-shrink:0;padding:10px 18px;height:34px;span{font-size:0.6rem;}"]);
 var PendingNotice = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__PendingNotice",
-  componentId: "sc-1kdn1l6-32"
+  componentId: "sc-1kdn1l6-33"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 
 var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
@@ -47475,7 +47481,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
       spriteKey: snapshot.textureKey + "/down/standing/0.png",
       imgScale: 3,
       height: 64,
-      width: 64
+      width: 64,
+      centered: true
     });
   };
   return React.createElement(React.Fragment, null, React.createElement(CharacterDetailModal, {
@@ -47517,7 +47524,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: "others/definya-coin.png",
-      imgScale: 1
+      imgScale: 1,
+      centered: true
     })), formatDCAmount(listing.price), " DC")), listing.isBeingBought && React.createElement(BeingBoughtBadge, null, "Pending"));
   }))), totalCount > itemsPerPage && React.createElement(PagerFooter$1, null, React.createElement(Pagination, {
     currentPage: currentPage,
@@ -47669,12 +47677,14 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
       spriteKey: listing.characterSnapshot.textureKey + "/down/standing/0.png",
       imgScale: 3,
       height: 64,
-      width: 64
+      width: 64,
+      centered: true
     })), React.createElement(CharacterInfo$1, null, React.createElement(CharacterName$3, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React.createElement(ListingPrice$1, null, React.createElement(DCCoinWrapper$4, null, React.createElement(SpriteFromAtlas, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: "others/definya-coin.png",
-      imgScale: 1
+      imgScale: 1,
+      centered: true
     })), formatDCAmount(listing.price), " DC"), React.createElement(ListingMeta, null, "Listed ", getFormattedDate(listing.createdAt)), listing.isBeingBought && React.createElement(ListingStatus, {
       "$status": "pending"
     }, "Sale Pending")), React.createElement(ActionButton, {
@@ -47918,7 +47928,8 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
-    imgScale: 1
+    imgScale: 1,
+    centered: true
   })), React.createElement(PricePreviewAmount, null, Number(price).toLocaleString(), " DC")), React.createElement(DCRateStrip, null)))));
 };
 var scaleIn$3 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);