@almadar/ui 4.20.0 → 4.22.0

package/dist/components/organisms/Sidebar.d.ts

@@ -10,6 +10,7 @@
  * - logoClickEvent — emitted when logo/brand area clicked
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { LucideIcon } from 'lucide-react';
 export interface SidebarItem {
     /** Item ID */
@@ -55,14 +56,16 @@ export interface SidebarProps {
     /** Default collapsed state */
     defaultCollapsed?: boolean;
     /** Event emitted when collapse state changes, payload: { collapsed: boolean } */
-    collapseChangeEvent?: string;
+    collapseChangeEvent?: EventEmit<{
+        collapsed: boolean;
+    }>;
     /** Hide the collapse/expand button */
     hideCollapseButton?: boolean;
     /** Show a close button (for mobile) */
     showCloseButton?: boolean;
     /** Event emitted when close button is clicked */
-    closeEvent?: string;
+    closeEvent?: EventEmit<Record<string, never>>;
     /** Event emitted when logo/brand is clicked */
-    logoClickEvent?: string;
+    logoClickEvent?: EventEmit<Record<string, never>>;
 }
 export declare const Sidebar: React.FC<SidebarProps>;

package/dist/components/organisms/SignaturePad.d.ts

@@ -11,6 +11,7 @@
  * - className for external styling
  */
 import React from "react";
+import type { EventEmit } from "@almadar/core";
 export interface SignaturePadProps {
     /** Label above the pad */
     label?: string;
@@ -29,9 +30,11 @@ export interface SignaturePadProps {
     /** Callback when signature changes */
     onChange?: (dataUrl: string | null) => void;
     /** Event to emit on sign */
-    signEvent?: string;
+    signEvent?: EventEmit<{
+        signature: string;
+    }>;
     /** Event to emit on clear */
-    clearEvent?: string;
+    clearEvent?: EventEmit<Record<string, never>>;
     /** Entity name for schema-driven context */
     entity?: string;
     /** Loading state */

package/dist/components/organisms/game/BattleBoard.d.ts

@@ -18,6 +18,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../types';
 import type { IsometricTile, IsometricFeature } from './types/isometric';
 import type { ResolvedFrame } from './types/spriteAnimation';
@@ -153,19 +154,30 @@ export interface BattleBoardProps extends Omit<EntityDisplayProps, 'entity'> {
     effectSpriteUrls?: string[];
     resolveUnitFrame?: (unitId: string) => ResolvedFrame | null;
     /** Emits UI:{tileClickEvent} with { x, y } on tile click */
-    tileClickEvent?: string;
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
+    }>;
     /** Emits UI:{unitClickEvent} with { unitId } on unit click */
-    unitClickEvent?: string;
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+    }>;
     /** Emits UI:{endTurnEvent} with {} on end turn */
-    endTurnEvent?: string;
+    endTurnEvent?: EventEmit<Record<string, never>>;
     /** Emits UI:{cancelEvent} with {} on cancel */
-    cancelEvent?: string;
-    /** Emits UI:{gameEndEvent} with { result } on game end */
-    gameEndEvent?: string;
+    cancelEvent?: EventEmit<Record<string, never>>;
+    /** Emits UI:{gameEndEvent} with { result: 'victory' | 'defeat' } on game end */
+    gameEndEvent?: EventEmit<{
+        result: 'victory' | 'defeat';
+    }>;
     /** Emits UI:{playAgainEvent} with {} on play again / reset */
-    playAgainEvent?: string;
+    playAgainEvent?: EventEmit<Record<string, never>>;
     /** Emits UI:{attackEvent} with { attackerId, targetId, damage } on attack */
-    attackEvent?: string;
+    attackEvent?: EventEmit<{
+        attackerId: string;
+        targetId: string;
+        damage: number;
+    }>;
     className?: string;
 }
 export declare function BattleBoard({ entity, scale, unitScale, header, sidebar, actions, overlay, gameOverOverlay, onAttack, onGameEnd, onUnitMove, calculateDamage, onDrawEffects, hasActiveEffects, effectSpriteUrls, resolveUnitFrame, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, gameEndEvent, playAgainEvent, attackEvent, className, }: BattleBoardProps): React.JSX.Element;

package/dist/components/organisms/game/CanvasEffect.d.ts

@@ -24,6 +24,7 @@
  * @packageDocumentation
  */
 import * as React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { CombatActionType, EffectAssetManifest } from './types/effects';
 export type { CombatActionType } from './types/effects';
 export type { EffectAssetManifest } from './types/effects';
@@ -41,7 +42,7 @@ export interface CanvasEffectProps {
     /** Callback when the effect animation completes */
     onComplete?: () => void;
     /** Declarative event: emits UI:{completeEvent} when the effect animation completes */
-    completeEvent?: string;
+    completeEvent?: EventEmit<Record<string, never>>;
     /** Additional CSS classes */
     className?: string;
     /** Loading state indicator */

package/dist/components/organisms/game/CastleBoard.d.ts

@@ -13,6 +13,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { IsometricTile, IsometricUnit, IsometricFeature } from './types/isometric';
 /** Entity shape consumed by CastleBoard */
 export interface CastleEntity {
@@ -71,11 +72,21 @@ export interface CastleBoardProps {
     /** Called when any tile is clicked */
     onTileClick?: (x: number, y: number) => void;
     /** Event name to emit via event bus when a feature is clicked (emits UI:{featureClickEvent}) */
-    featureClickEvent?: string;
+    featureClickEvent?: EventEmit<{
+        featureId: string;
+        featureType: string;
+        x: number;
+        y: number;
+    }>;
     /** Event name to emit via event bus when a unit is clicked (emits UI:{unitClickEvent}) */
-    unitClickEvent?: string;
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+    }>;
     /** Event name to emit via event bus when a tile is clicked (emits UI:{tileClickEvent}) */
-    tileClickEvent?: string;
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
+    }>;
     className?: string;
 }
 export declare function CastleBoard({ entity, scale, header, sidePanel, overlay, footer, onFeatureClick, onUnitClick, onTileClick, featureClickEvent, unitClickEvent, tileClickEvent, className, }: CastleBoardProps): React.JSX.Element;

package/dist/components/organisms/game/GameCanvas3D.d.ts

@@ -14,6 +14,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import * as THREE from 'three';
 import { AssetLoader } from './three/loaders/AssetLoader';
 import type { IsometricTile, IsometricUnit, IsometricFeature } from './types/isometric';
@@ -106,21 +107,64 @@ export interface GameCanvas3DProps {
     /** URLs to preload */
     preloadAssets?: string[];
     /** Declarative event: tile click */
-    tileClickEvent?: string;
+    tileClickEvent?: EventEmit<{
+        tileId: string;
+        x: number;
+        z: number;
+        type?: string;
+        terrain?: string;
+        elevation?: number;
+    }>;
     /** Declarative event: unit click */
-    unitClickEvent?: string;
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+        x: number;
+        z: number;
+        unitType?: string;
+        name?: string;
+        team?: string;
+        faction?: string;
+        health?: number;
+        maxHealth?: number;
+    }>;
     /** Declarative event: feature click */
-    featureClickEvent?: string;
+    featureClickEvent?: EventEmit<{
+        featureId: string;
+        x: number;
+        z: number;
+        type?: string;
+        elevation?: number;
+    }>;
     /** Declarative event: canvas click */
-    canvasClickEvent?: string;
+    canvasClickEvent?: EventEmit<{
+        clientX: number;
+        clientY: number;
+        button: number;
+    }>;
     /** Declarative event: tile hover */
-    tileHoverEvent?: string;
+    tileHoverEvent?: EventEmit<{
+        tileId: string;
+        x: number;
+        z: number;
+        type?: string;
+    }>;
     /** Declarative event: tile leave */
-    tileLeaveEvent?: string;
+    tileLeaveEvent?: EventEmit<Record<string, never>>;
     /** Declarative event: unit animation */
-    unitAnimationEvent?: string;
+    unitAnimationEvent?: EventEmit<{
+        unitId: string;
+        state: string;
+        timestamp: number;
+    }>;
     /** Declarative event: camera change */
-    cameraChangeEvent?: string;
+    cameraChangeEvent?: EventEmit<{
+        position: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        timestamp: number;
+    }>;
     /** Loading message */
     loadingMessage?: string;
     /** Whether to use instancing for tiles */

package/dist/components/organisms/game/TraitSlot.d.ts

@@ -18,6 +18,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import { type TraitStateMachineDefinition } from './TraitStateViewer';
 /** Data shape for a slot's equipped item */
 export interface SlotItemData {
@@ -79,9 +80,13 @@ export interface TraitSlotProps {
     /** Remove handler */
     onRemove?: () => void;
     /** Emits UI:{clickEvent} with { slotNumber } */
-    clickEvent?: string;
+    clickEvent?: EventEmit<{
+        slotNumber: number;
+    }>;
     /** Emits UI:{removeEvent} with { slotNumber } */
-    removeEvent?: string;
+    removeEvent?: EventEmit<{
+        slotNumber: number;
+    }>;
 }
 export declare function TraitSlot({ slotNumber, equippedItem, locked, lockLabel, selected, size, showTooltip, categoryColors, tooltipFrameUrl, className, feedback, onItemDrop, draggable, onDragStart, onClick, onRemove, clickEvent, removeEvent, }: TraitSlotProps): React.JSX.Element;
 export declare namespace TraitSlot {

package/dist/components/organisms/game/WorldMapBoard.d.ts

@@ -19,6 +19,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { IsometricFeature } from './types/isometric';
 import type { ResolvedFrame } from './types/spriteAnimation';
 /** A hero on the world map */
@@ -125,15 +126,31 @@ export interface WorldMapBoardProps {
         y: number;
     }, range: number) => boolean;
     /** Emits UI:{heroSelectEvent} with { heroId } */
-    heroSelectEvent?: string;
+    heroSelectEvent?: EventEmit<{
+        heroId: string;
+    }>;
     /** Emits UI:{heroMoveEvent} with { heroId, toX, toY } */
-    heroMoveEvent?: string;
+    heroMoveEvent?: EventEmit<{
+        heroId: string;
+        toX: number;
+        toY: number;
+    }>;
     /** Emits UI:{battleEncounterEvent} with { attackerId, defenderId } */
-    battleEncounterEvent?: string;
+    battleEncounterEvent?: EventEmit<{
+        attackerId: string;
+        defenderId: string;
+    }>;
     /** Emits UI:{featureEnterEvent} with { heroId, feature, hex } */
-    featureEnterEvent?: string;
+    featureEnterEvent?: EventEmit<{
+        heroId: string;
+        feature: string;
+        hex: MapHex;
+    }>;
     /** Emits UI:{tileClickEvent} with { x, y } */
-    tileClickEvent?: string;
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
+    }>;
     /** Header / top bar */
     header?: (ctx: WorldMapSlotContext) => React.ReactNode;
     /** Side panel (hero detail, hero lists, etc.) */

package/dist/components/organisms/game/hooks/useBattleState.d.ts

@@ -1,12 +1,24 @@
+import type { EventEmit } from '@almadar/core';
 import type { BattleUnit, BattlePhase } from '../BattleBoard';
 export interface BattleStateEventConfig {
-    tileClickEvent?: string;
-    unitClickEvent?: string;
-    endTurnEvent?: string;
-    cancelEvent?: string;
-    gameEndEvent?: string;
-    playAgainEvent?: string;
-    attackEvent?: string;
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
+    }>;
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+    }>;
+    endTurnEvent?: EventEmit<Record<string, never>>;
+    cancelEvent?: EventEmit<Record<string, never>>;
+    gameEndEvent?: EventEmit<{
+        result: 'victory' | 'defeat';
+    }>;
+    playAgainEvent?: EventEmit<Record<string, never>>;
+    attackEvent?: EventEmit<{
+        attackerId: string;
+        targetId: string;
+        damage: number;
+    }>;
 }
 export interface BattleStateCallbacks {
     /** Called when a unit attacks another */

package/dist/components/organisms/game/puzzles/builder/BuilderBoard.d.ts

@@ -9,6 +9,7 @@
  * Events emitted via completeEvent (default UI:PUZZLE_COMPLETE).
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 export interface BuilderComponent {
     id: string;
@@ -44,7 +45,10 @@ export interface BuilderPuzzleEntity {
 }
 export interface BuilderBoardProps extends Omit<EntityDisplayProps, 'entity'> {
     entity: BuilderPuzzleEntity;
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        attempts: number;
+    }>;
 }
 export declare function BuilderBoard({ entity, completeEvent, className, }: BuilderBoardProps): React.JSX.Element;
 export declare namespace BuilderBoard {

package/dist/components/organisms/game/puzzles/classifier/ClassifierBoard.d.ts

@@ -10,6 +10,7 @@
  * Events emitted via completeEvent (default UI:PUZZLE_COMPLETE).
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 export interface ClassifierItem {
     id: string;
@@ -45,7 +46,10 @@ export interface ClassifierPuzzleEntity {
 }
 export interface ClassifierBoardProps extends Omit<EntityDisplayProps, 'entity'> {
     entity: ClassifierPuzzleEntity;
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        attempts: number;
+    }>;
 }
 export declare function ClassifierBoard({ entity, completeEvent, className, }: ClassifierBoardProps): React.JSX.Element;
 export declare namespace ClassifierBoard {

package/dist/components/organisms/game/puzzles/debugger/DebuggerBoard.d.ts

@@ -9,6 +9,7 @@
  * Events emitted via completeEvent (default UI:PUZZLE_COMPLETE).
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 export interface DebuggerLine {
     id: string;
@@ -37,7 +38,10 @@ export interface DebuggerPuzzleEntity {
 }
 export interface DebuggerBoardProps extends Omit<EntityDisplayProps, 'entity'> {
     entity: DebuggerPuzzleEntity;
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        attempts: number;
+    }>;
 }
 export declare function DebuggerBoard({ entity, completeEvent, className, }: DebuggerBoardProps): React.JSX.Element;
 export declare namespace DebuggerBoard {

package/dist/components/organisms/game/puzzles/event-handler/EventHandlerBoard.d.ts

@@ -11,6 +11,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 import { type PuzzleObjectDef } from './ObjectRulePanel';
 export interface EventHandlerPuzzleEntity {
@@ -44,9 +45,11 @@ export interface EventHandlerBoardProps extends Omit<EntityDisplayProps, 'entity
     /** Playback speed in ms per event */
     stepDurationMs?: number;
     /** Emits UI:{playEvent} */
-    playEvent?: string;
+    playEvent?: EventEmit<Record<string, never>>;
     /** Emits UI:{completeEvent} with { success } */
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+    }>;
 }
 export declare function EventHandlerBoard({ entity, stepDurationMs, playEvent, completeEvent, className, }: EventHandlerBoardProps): React.JSX.Element;
 export declare namespace EventHandlerBoard {

package/dist/components/organisms/game/puzzles/negotiator/NegotiatorBoard.d.ts

@@ -11,6 +11,7 @@
  * Events emitted via completeEvent (default UI:PUZZLE_COMPLETE).
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 export interface NegotiatorAction {
     id: string;
@@ -46,7 +47,10 @@ export interface NegotiatorPuzzleEntity {
 }
 export interface NegotiatorBoardProps extends Omit<EntityDisplayProps, 'entity'> {
     entity: NegotiatorPuzzleEntity;
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        score: number;
+    }>;
 }
 export declare function NegotiatorBoard({ entity, completeEvent, className, }: NegotiatorBoardProps): React.JSX.Element;
 export declare namespace NegotiatorBoard {

package/dist/components/organisms/game/puzzles/sequencer/SequencerBoard.d.ts

@@ -18,6 +18,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { SlotItemData } from '../../TraitSlot';
 import type { EntityDisplayProps } from '../../../types';
 export interface SequencerPuzzleEntity {
@@ -61,9 +62,14 @@ export interface SequencerBoardProps extends Omit<EntityDisplayProps, 'entity'>
     /** Playback speed in ms per step */
     stepDurationMs?: number;
     /** Emits UI:{playEvent} with { sequence: string[] } */
-    playEvent?: string;
+    playEvent?: EventEmit<{
+        sequence: string[];
+    }>;
     /** Emits UI:{completeEvent} with { success: boolean } */
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        sequence: string[];
+    }>;
 }
 export declare function SequencerBoard({ entity, categoryColors, stepDurationMs, playEvent, completeEvent, className, }: SequencerBoardProps): React.JSX.Element;
 export declare namespace SequencerBoard {

package/dist/components/organisms/game/puzzles/simulator/SimulatorBoard.d.ts

@@ -10,6 +10,7 @@
  * Events emitted via completeEvent (default UI:PUZZLE_COMPLETE).
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 export interface SimulatorParameter {
     id: string;
@@ -46,7 +47,10 @@ export interface SimulatorPuzzleEntity {
 }
 export interface SimulatorBoardProps extends Omit<EntityDisplayProps, 'entity'> {
     entity: SimulatorPuzzleEntity;
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        attempts: number;
+    }>;
 }
 export declare function SimulatorBoard({ entity, completeEvent, className, }: SimulatorBoardProps): React.JSX.Element;
 export declare namespace SimulatorBoard {

package/dist/components/organisms/game/puzzles/state-architect/StateArchitectBoard.d.ts

@@ -8,6 +8,7 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { EventEmit } from '@almadar/core';
 import type { EntityDisplayProps } from '../../../types';
 import { type VariableDef } from './VariablePanel';
 export interface StateArchitectTransition {
@@ -65,9 +66,12 @@ export interface StateArchitectBoardProps extends Omit<EntityDisplayProps, 'enti
     /** Playback speed */
     stepDurationMs?: number;
     /** Emits UI:{testEvent} */
-    testEvent?: string;
+    testEvent?: EventEmit<Record<string, never>>;
     /** Emits UI:{completeEvent} with { success, passedTests } */
-    completeEvent?: string;
+    completeEvent?: EventEmit<{
+        success: boolean;
+        passedTests: number;
+    }>;
 }
 export declare function StateArchitectBoard({ entity, stepDurationMs, testEvent, completeEvent, className, }: StateArchitectBoardProps): React.JSX.Element;
 export declare namespace StateArchitectBoard {

package/dist/components/organisms/game/three/hooks/useGameCanvas3DEvents.d.ts

@@ -1,21 +1,65 @@
+import type { EventEmit } from '@almadar/core';
 import type { IsometricTile, IsometricUnit, IsometricFeature } from '../../types/isometric';
 export interface GameCanvas3DEventConfig {
     /** Event name for tile clicks */
-    tileClickEvent?: string;
+    tileClickEvent?: EventEmit<{
+        tileId: string;
+        x: number;
+        z: number;
+        type?: string;
+        terrain?: string;
+        elevation?: number;
+    }>;
     /** Event name for unit clicks */
-    unitClickEvent?: string;
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+        x: number;
+        z: number;
+        unitType?: string;
+        name?: string;
+        team?: string;
+        faction?: string;
+        health?: number;
+        maxHealth?: number;
+    }>;
     /** Event name for feature clicks */
-    featureClickEvent?: string;
+    featureClickEvent?: EventEmit<{
+        featureId: string;
+        x: number;
+        z: number;
+        type?: string;
+        elevation?: number;
+    }>;
     /** Event name for canvas clicks */
-    canvasClickEvent?: string;
+    canvasClickEvent?: EventEmit<{
+        clientX: number;
+        clientY: number;
+        button: number;
+    }>;
     /** Event name for tile hover */
-    tileHoverEvent?: string;
+    tileHoverEvent?: EventEmit<{
+        tileId: string;
+        x: number;
+        z: number;
+        type?: string;
+    }>;
     /** Event name for tile leave */
-    tileLeaveEvent?: string;
+    tileLeaveEvent?: EventEmit<Record<string, never>>;
     /** Event name for unit animation changes */
-    unitAnimationEvent?: string;
+    unitAnimationEvent?: EventEmit<{
+        unitId: string;
+        state: string;
+        timestamp: number;
+    }>;
     /** Event name for camera changes */
-    cameraChangeEvent?: string;
+    cameraChangeEvent?: EventEmit<{
+        position: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        timestamp: number;
+    }>;
 }
 /** Minimal mouse event interface — satisfied by both React.MouseEvent and ThreeEvent<MouseEvent> */
 export interface MinimalMouseEvent {

package/dist/providers/index.cjs

@@ -17069,6 +17069,7 @@ var init_Tabs = __esm({
       defaultActiveTab,
       activeTab: controlledActiveTab,
       onTabChange,
+      tabChangeEvent,
       variant = "default",
       orientation = "horizontal",
       className
@@ -17091,6 +17092,9 @@ var init_Tabs = __esm({
           setInternalActiveTab(tabId);
         }
         onTabChange?.(tabId);
+        if (tabChangeEvent) {
+          eventBus.emit(`UI:${tabChangeEvent}`, { tabId });
+        }
         if (tabEvent) {
           eventBus.emit(`UI:${tabEvent}`, { tabId });
         }
@@ -17171,7 +17175,7 @@ var init_Tabs = __esm({
                     isActive ? variant === "pills" ? "text-primary-foreground font-bold" : "text-foreground font-bold" : "text-muted-foreground hover:text-foreground"
                   ),
                   children: [
-                    item.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" }),
+                    item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" })),
                     /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                     item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", children: item.badge })
                   ]

package/dist/providers/index.js

@@ -17024,6 +17024,7 @@ var init_Tabs = __esm({
       defaultActiveTab,
       activeTab: controlledActiveTab,
       onTabChange,
+      tabChangeEvent,
       variant = "default",
       orientation = "horizontal",
       className
@@ -17046,6 +17047,9 @@ var init_Tabs = __esm({
           setInternalActiveTab(tabId);
         }
         onTabChange?.(tabId);
+        if (tabChangeEvent) {
+          eventBus.emit(`UI:${tabChangeEvent}`, { tabId });
+        }
         if (tabEvent) {
           eventBus.emit(`UI:${tabEvent}`, { tabId });
         }
@@ -17126,7 +17130,7 @@ var init_Tabs = __esm({
                     isActive ? variant === "pills" ? "text-primary-foreground font-bold" : "text-foreground font-bold" : "text-muted-foreground hover:text-foreground"
                   ),
                   children: [
-                    item.icon && /* @__PURE__ */ jsx(Icon, { icon: item.icon, size: "sm" }),
+                    item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsx(Icon, { icon: item.icon, size: "sm" })),
                     /* @__PURE__ */ jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                     item.badge !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: item.badge })
                   ]

package/dist/runtime/index.cjs

@@ -16859,6 +16859,7 @@ var init_Tabs = __esm({
       defaultActiveTab,
       activeTab: controlledActiveTab,
       onTabChange,
+      tabChangeEvent,
       variant = "default",
       orientation = "horizontal",
       className
@@ -16881,6 +16882,9 @@ var init_Tabs = __esm({
           setInternalActiveTab(tabId);
         }
         onTabChange?.(tabId);
+        if (tabChangeEvent) {
+          eventBus.emit(`UI:${tabChangeEvent}`, { tabId });
+        }
         if (tabEvent) {
           eventBus.emit(`UI:${tabEvent}`, { tabId });
         }
@@ -16961,7 +16965,7 @@ var init_Tabs = __esm({
                     isActive ? variant === "pills" ? "text-primary-foreground font-bold" : "text-foreground font-bold" : "text-muted-foreground hover:text-foreground"
                   ),
                   children: [
-                    item.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" }),
+                    item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" })),
                     /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                     item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", children: item.badge })
                   ]