@rpg-engine/long-bow 0.2.93 → 0.2.95

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

@@ -32946,10 +32946,10 @@ function useOutsideClick(ref, id) {
       }
     }
     // Bind the event listener
-    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener('pointerdown', handleClickOutside);
     return function () {
       // Unbind the event listener on clean up
-      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('pointerdown', handleClickOutside);
     };
   }, [ref]);
 }
@@ -33525,9 +33525,11 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     }
   }, [dropPosition]);
   var getStackInfo = function getStackInfo(itemId, stackQty) {
-    // if (itemToRender?.isStackable && itemToRender?.stackQty) {
     var isFractionalStackQty = stackQty % 1 !== 0;
     var isLargerThan999 = stackQty > 999;
+    var qtyClassName = 'regular';
+    if (isLargerThan999) qtyClassName = 'small';
+    if (isFractionalStackQty) qtyClassName = 'xsmall';
     if (stackQty > 1) {
       return React__default.createElement(ItemQtyContainer, {
         key: "qty-" + itemId
@@ -33535,8 +33537,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         maxLines: 1,
         maxWidth: "48px"
       }, React__default.createElement(ItemQty, {
-        className: isFractionalStackQty || isLargerThan999 ? 'small' : 'regular'
-      }, ' ', stackQty, ' ')));
+        className: qtyClassName
+      }, " ", stackQty, " ")));
     }
     return undefined;
   };
@@ -33652,7 +33654,6 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         //@ts-ignore
         var classes = Array.from((_e$target = e.target) == null ? void 0 : _e$target.classList);
         var isOutsideDrop = classes.some(function (elm) {
-          //elm matches ItemContainer string
           return elm.includes('rpgui-content');
         }) || classes.length === 0;
         if (isOutsideDrop) {
@@ -33749,7 +33750,7 @@ var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
 var ItemQty = /*#__PURE__*/styled.span.withConfig({
   displayName: "ItemSlot__ItemQty",
   componentId: "sc-l2j5ef-3"
-})(["&.regular{font-size:", ";}&.small{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall);
+})(["&.regular{font-size:", ";}&.small{font-size:", ";}&.xsmall{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall, uiFonts.size.xxsmall);
 
 var EquipmentSet = function EquipmentSet(_ref) {
   var equipmentSet = _ref.equipmentSet,