@almadar/ui 5.39.0 → 5.41.0

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/game/molecules/DialogueBox.d.ts

@@ -56,26 +56,5 @@ export interface DialogueBoxProps {
     /** Optional className */
     className?: string;
 }
-/**
- * Dialogue box component with typewriter effect
- *
- * @example
- * ```tsx
- * <DialogueBox
- *   dialogue={{
- *     speaker: "Old Man",
- *     text: "It's dangerous to go alone! Take this.",
- *     portrait: "/portraits/oldman.png",
- *     choices: [
- *       { text: "Thank you!", action: "ACCEPT_ITEM" },
- *       { text: "No thanks", next: "decline_node" }
- *     ]
- *   }}
- *   typewriterSpeed={30}
- *   onChoice={(choice) => handleChoice(choice)}
- *   position="bottom"
- * />
- * ```
- */
 export declare function DialogueBox({ dialogue, typewriterSpeed, position, onComplete, onChoice, onAdvance, completeEvent, choiceEvent, advanceEvent, className, }: DialogueBoxProps): React.JSX.Element;
 export default DialogueBox;

package/dist/components/game/molecules/InventoryPanel.d.ts

@@ -54,21 +54,5 @@ export interface InventoryPanelProps {
     /** Slot size in pixels */
     slotSize?: number;
 }
-/**
- * Inventory panel component with grid layout
- *
- * @example
- * ```tsx
- * <InventoryPanel
- *   items={playerInventory}
- *   slots={20}
- *   columns={5}
- *   selectedSlot={selectedSlot}
- *   onSelectSlot={setSelectedSlot}
- *   onUseItem={(item) => console.log('Used:', item.name)}
- *   showTooltips
- * />
- * ```
- */
 export declare function InventoryPanel({ items, slots, columns, selectedSlot, onSelectSlot, onUseItem, onDropItem, selectSlotEvent, useItemEvent, dropItemEvent, showTooltips, className, slotSize, }: InventoryPanelProps): React.JSX.Element;
 export default InventoryPanel;