@almadar/ui 5.40.0 → 5.41.0

package/dist/avl/index.cjs

@@ -11225,6 +11225,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -11236,6 +11237,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -11256,7 +11258,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -11272,7 +11284,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap6, rarityBorderMap, rarityGlowMap;
+var sizeMap6, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -11297,6 +11309,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/avl/index.js

@@ -11179,6 +11179,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -11190,6 +11191,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -11210,7 +11212,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsx(
           "span",
           {
@@ -11226,7 +11238,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap6, rarityBorderMap, rarityGlowMap;
+var sizeMap6, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -11251,6 +11263,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/components/game/atoms/ItemSlot.d.ts

@@ -1,6 +1,9 @@
 import { type IconInput } from '../../core/atoms/Icon';
+import type { AssetUrl } from '@almadar/core';
 export interface ItemSlotProps {
-    /** Icon component or emoji */
+    /** Sprite image URL — takes precedence over icon when provided */
+    assetUrl?: AssetUrl;
+    /** Icon component or emoji — shown only when assetUrl is absent */
     icon?: IconInput;
     /** Item label */
     label?: string;
@@ -19,7 +22,7 @@ export interface ItemSlotProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ItemSlot({ icon, label, quantity, rarity, empty, size, selected, onClick, className, }: ItemSlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemSlot({ assetUrl, icon, label, quantity, rarity, empty, size, selected, onClick, className, }: ItemSlotProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ItemSlot {
     var displayName: string;
 }

package/dist/components/index.cjs

@@ -20649,6 +20649,7 @@ var init_CounterTemplate = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -20660,6 +20661,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -20680,7 +20682,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -20696,7 +20708,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap5, rarityBorderMap, rarityGlowMap;
+var sizeMap5, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -20721,6 +20733,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/components/index.js

@@ -20604,6 +20604,7 @@ var init_CounterTemplate = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -20615,6 +20616,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -20635,7 +20637,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsx(
           "span",
           {
@@ -20651,7 +20663,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap5, rarityBorderMap, rarityGlowMap;
+var sizeMap5, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -20676,6 +20688,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/providers/index.cjs

@@ -7575,6 +7575,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -7586,6 +7587,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -7606,7 +7608,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -7622,7 +7634,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap6, rarityBorderMap, rarityGlowMap;
+var sizeMap6, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -7647,6 +7659,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/providers/index.js

@@ -7529,6 +7529,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -7540,6 +7541,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -7560,7 +7562,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsx(
           "span",
           {
@@ -7576,7 +7588,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap6, rarityBorderMap, rarityGlowMap;
+var sizeMap6, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -7601,6 +7613,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/runtime/index.cjs

@@ -7486,6 +7486,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -7497,6 +7498,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -7517,7 +7519,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -7533,7 +7545,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap6, rarityBorderMap, rarityGlowMap;
+var sizeMap6, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -7558,6 +7570,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/dist/runtime/index.js

@@ -7440,6 +7440,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
+  assetUrl = DEFAULT_ASSET_URL,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -7451,6 +7452,7 @@ function ItemSlot({
   className
 }) {
   const isClickable = onClick != null;
+  const px = assetSizeMap[size];
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -7471,7 +7473,17 @@ function ItemSlot({
         className
       ),
       children: empty ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }),
+        assetUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: label,
+            width: px,
+            height: px,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }) : null,
         quantity != null && quantity > 1 && /* @__PURE__ */ jsx(
           "span",
           {
@@ -7487,7 +7499,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap6, rarityBorderMap, rarityGlowMap;
+var sizeMap6, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/atoms/ItemSlot.tsx"() {
     "use client";
@@ -7512,6 +7524,12 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
+    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    assetSizeMap = {
+      sm: 28,
+      md: 40,
+      lg: 56
+    };
     ItemSlot.displayName = "ItemSlot";
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.40.0",
+  "version": "5.41.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [