@rpg-engine/long-bow 0.4.93 → 0.4.94

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

@@ -12977,7 +12977,7 @@ var CircularController = function CircularController(_ref) {
     })));
   };
   return React__default.createElement(ButtonsContainer, null, React__default.createElement(ShortcutsContainer, null, Array.from({
-    length: 6
+    length: 12
   }).map(function (_, i) {
     return renderShortcut(i);
   })), React__default.createElement(Button$2, {
@@ -12993,19 +12993,19 @@ var CircularController = function CircularController(_ref) {
 var Button$2 = /*#__PURE__*/styled.button.withConfig({
   displayName: "CircularController__Button",
   componentId: "sc-1fewf3h-0"
-})(["width:4.3rem;height:4.3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.1s;margin-top:-3rem;&.active{background-color:", ";border-color:", ";}.sword{transform:rotate(-45deg);height:2.5rem;width:1.9rem;pointer-events:none;}"], uiColors.lightGray, uiColors.darkGray, uiColors.gray, uiColors.yellow);
+})(["width:4.3rem;height:4.3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.1s;margin-top:-3rem;top:-144px;&.active{background-color:", ";border-color:", ";}.sword{transform:rotate(-45deg);height:2.5rem;width:1.9rem;pointer-events:none;}"], uiColors.lightGray, uiColors.darkGray, uiColors.gray, uiColors.yellow);
 var CancelButton = /*#__PURE__*/styled(Button$2).withConfig({
   displayName: "CircularController__CancelButton",
   componentId: "sc-1fewf3h-1"
-})(["width:3rem;height:3rem;font-size:0.8rem;span{margin-top:4px;margin-left:2px;pointer-events:none;}"]);
+})(["width:3rem;height:3rem;font-size:0.8rem;position:relative;left:2.6rem;span{margin-top:4px;margin-left:2px;pointer-events:none;}"]);
 var ButtonsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "CircularController__ButtonsContainer",
   componentId: "sc-1fewf3h-2"
-})(["display:flex;align-items:center;justify-content:center;gap:0.5rem;"]);
+})(["display:flex;align-items:center;justify-content:center;gap:0.5rem;scale:0.9;"]);
 var ShortcutsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "CircularController__ShortcutsContainer",
   componentId: "sc-1fewf3h-3"
-})(["display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-direction:column;margin-top:3rem;.top{transform:translate(93%,25%);}.bottom-0{transform:translate(93%,-25%);}.bottom-1{transform:translate(-120%,calc(-5.5rem));}.bottom-2{transform:translate(-30%,calc(-5.5rem - 25%));}"]);
+})(["display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-direction:column;margin-top:3rem;.top{transform:translate(93%,25%);}.bottom-0{transform:translate(93%,-25%);}.bottom-1{transform:translate(320%,calc(-4.5rem));}.bottom-2{transform:translate(-13.5%,calc(-5.6rem - 25%));}.bottom-3{transform:translate(318%,calc(-15.8rem - 25%));}.bottom-4{transform:translate(-15%,calc(-20.2rem - 25%));}.bottom-5{transform:translate(210%,calc(-15rem - 25%));}.bottom-6{transform:translate(210%,calc(-25.7rem - 25%));}.bottom-7{transform:translate(304%,calc(-24.9rem - 25%));}.bottom-8{transform:translate(-101%,calc(-27.7rem - 25%));}"]);
 var StyledShortcut = /*#__PURE__*/styled(SingleShortcut).withConfig({
   displayName: "CircularController__StyledShortcut",
   componentId: "sc-1fewf3h-4"
@@ -13132,7 +13132,7 @@ var Container$6 = /*#__PURE__*/styled.div.withConfig({
 var CloseButton$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
   componentId: "sc-184mpyl-1"
-})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.1rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
+})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.5rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
 var TitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__TitleContainer",
   componentId: "sc-184mpyl-2"
@@ -15374,9 +15374,9 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
         }, atlasJSON),
         width: 32,
         height: 32,
-        imgScale: 1.6,
+        imgScale: 1.2,
         imgStyle: {
-          left: '5px'
+          left: '3px'
         }
       });
     }
@@ -15388,7 +15388,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
   return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
     id: "shortcuts_list"
   }, Array.from({
-    length: 6
+    length: 12
   }).map(function (_, i) {
     return React__default.createElement(Shortcut, {
       key: i,
@@ -15406,18 +15406,18 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
 var Container$i = /*#__PURE__*/styled.div.withConfig({
   displayName: "ShortcutsSetter__Container",
   componentId: "sc-xuouuf-0"
-})(["p{margin:0;margin-left:0.5rem;}"]);
+})(["p{margin:0;margin-left:0.5rem;font-size:10px;}width:100%;"]);
 var Shortcut = /*#__PURE__*/styled.button.withConfig({
   displayName: "ShortcutsSetter__Shortcut",
   componentId: "sc-xuouuf-1"
-})(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
+})(["width:2.4rem;height:2.4rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
   var isBeingSet = _ref2.isBeingSet;
   return isBeingSet ? uiColors.yellow : uiColors.darkGray;
 }, uiColors.darkGray, uiColors.gray);
 var List = /*#__PURE__*/styled.div.withConfig({
   displayName: "ShortcutsSetter__List",
   componentId: "sc-xuouuf-2"
-})(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
+})(["width:100%;display:flex;align-items:center;gap:0.4rem;box-sizing:border-box;margin:0 !important;flex-wrap:wrap;padding:0.3rem;padding-bottom:1rem;"]);
 
 var ItemContainer$1 = function ItemContainer(_ref) {
   var itemContainer = _ref.itemContainer,
@@ -16866,7 +16866,7 @@ var Shortcuts = function Shortcuts(_ref) {
     var handleKeyDown = function handleKeyDown(e) {
       if (isBlockedCastingByKeyboard) return;
       var shortcutIndex = Number(e.key) - 1;
-      if (shortcutIndex >= 0 && shortcutIndex <= 5) {
+      if (shortcutIndex >= 0 && shortcutIndex <= 11) {
         var _shortcutsRefs$curren;
         handleShortcutCast(shortcutIndex);
         (_shortcutsRefs$curren = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren.classList.add('active');
@@ -16882,7 +16882,7 @@ var Shortcuts = function Shortcuts(_ref) {
     };
   }, [shortcuts, isBlockedCastingByKeyboard, shortcutCooldown]);
   return React__default.createElement(List$1, null, Array.from({
-    length: 6
+    length: 12
   }).map(function (_, i) {
     var _shortcuts$i, _shortcuts$i3, _spellCooldowns$paylo, _payload$manaCost;
     var buildClassName = function buildClassName(classBase, isOnCooldown) {
@@ -16960,7 +16960,7 @@ var StyledShortcut$1 = /*#__PURE__*/styled(SingleShortcut).withConfig({
 var List$1 = /*#__PURE__*/styled.p.withConfig({
   displayName: "Shortcuts__List",
   componentId: "sc-kgtsi7-1"
-})(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;"]);
+})(["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,