@almadar/ui 2.12.6 → 2.13.1

package/dist/{chunk-4ZBSL37D.js → chunk-MNMASFYN.js}

@@ -1,3 +1,215 @@
+// lib/debugUtils.ts
+var DEBUG_STORAGE_KEY = "orbital-debug";
+var listeners = /* @__PURE__ */ new Set();
+function isDebugEnabled() {
+  if (typeof window === "undefined") return false;
+  return localStorage.getItem(DEBUG_STORAGE_KEY) === "true";
+}
+function setDebugEnabled(enabled) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem(DEBUG_STORAGE_KEY, String(enabled));
+  listeners.forEach((listener) => listener(enabled));
+}
+function toggleDebug() {
+  const newValue = !isDebugEnabled();
+  setDebugEnabled(newValue);
+  return newValue;
+}
+function onDebugToggle(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function initDebugShortcut() {
+  if (typeof window === "undefined") return () => {
+  };
+  const handleKeyDown = (e) => {
+    if (e.ctrlKey && e.shiftKey && e.key === "D") {
+      e.preventDefault();
+      toggleDebug();
+    }
+  };
+  window.addEventListener("keydown", handleKeyDown);
+  return () => window.removeEventListener("keydown", handleKeyDown);
+}
+
+// lib/entityDebug.ts
+var entityProvider = null;
+function setEntityProvider(provider) {
+  entityProvider = provider;
+}
+function clearEntityProvider() {
+  entityProvider = null;
+}
+function getEntitySnapshot() {
+  if (!entityProvider) {
+    return null;
+  }
+  const entities = entityProvider();
+  return {
+    entities,
+    timestamp: Date.now(),
+    totalCount: entities.length,
+    singletons: {},
+    runtime: entities.map((e) => ({ id: e.id, type: e.type, data: e.fields })),
+    persistent: {}
+  };
+}
+function getEntityById(id) {
+  if (!entityProvider) {
+    return void 0;
+  }
+  return entityProvider().find((e) => e.id === id);
+}
+function getEntitiesByType(type) {
+  if (!entityProvider) {
+    return [];
+  }
+  return entityProvider().filter((e) => e.type === type);
+}
+
+// lib/debugRegistry.ts
+var events = [];
+var listeners2 = /* @__PURE__ */ new Set();
+var MAX_EVENTS = 500;
+function notifyListeners() {
+  listeners2.forEach((listener) => listener());
+}
+function logDebugEvent(type, source, message, data) {
+  const event = {
+    id: `event-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    type,
+    source,
+    message,
+    data,
+    timestamp: Date.now()
+  };
+  events.unshift(event);
+  if (events.length > MAX_EVENTS) {
+    events.pop();
+  }
+  notifyListeners();
+}
+function logStateChange(source, from, to, event) {
+  logDebugEvent("state-change", source, `${from} \u2192 ${to}`, { from, to, event });
+}
+function logEventFired(source, eventName, payload) {
+  logDebugEvent("event-fired", source, eventName, { eventName, payload });
+}
+function logEffectExecuted(source, effectType, details) {
+  logDebugEvent("effect-executed", source, effectType, { effectType, details });
+}
+function logError(source, message, error) {
+  logDebugEvent("error", source, message, { error });
+}
+function logWarning(source, message, data) {
+  logDebugEvent("warning", source, message, data);
+}
+function logInfo(source, message, data) {
+  logDebugEvent("info", source, message, data);
+}
+function getDebugEvents() {
+  return [...events];
+}
+function getRecentEvents(count) {
+  return events.slice(0, count);
+}
+function getEventsByType(type) {
+  return events.filter((e) => e.type === type);
+}
+function getEventsBySource(source) {
+  return events.filter((e) => e.source === source);
+}
+function subscribeToDebugEvents(listener) {
+  listeners2.add(listener);
+  return () => listeners2.delete(listener);
+}
+function clearDebugEvents() {
+  events.length = 0;
+  notifyListeners();
+}
+
+// lib/guardRegistry.ts
+var guardHistory = [];
+var listeners3 = /* @__PURE__ */ new Set();
+var MAX_HISTORY = 100;
+function notifyListeners2() {
+  listeners3.forEach((listener) => listener());
+}
+function recordGuardEvaluation(evaluation) {
+  const entry = {
+    ...evaluation,
+    id: `guard-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    timestamp: Date.now()
+  };
+  guardHistory.unshift(entry);
+  if (guardHistory.length > MAX_HISTORY) {
+    guardHistory.pop();
+  }
+  notifyListeners2();
+}
+function getGuardHistory() {
+  return [...guardHistory];
+}
+function getRecentGuardEvaluations(count) {
+  return guardHistory.slice(0, count);
+}
+function getGuardEvaluationsForTrait(traitName) {
+  return guardHistory.filter((g) => g.traitName === traitName);
+}
+function subscribeToGuardChanges(listener) {
+  listeners3.add(listener);
+  return () => listeners3.delete(listener);
+}
+function clearGuardHistory() {
+  guardHistory.length = 0;
+  notifyListeners2();
+}
+
+// lib/tickRegistry.ts
+var ticks = /* @__PURE__ */ new Map();
+var listeners4 = /* @__PURE__ */ new Set();
+function notifyListeners3() {
+  listeners4.forEach((listener) => listener());
+}
+function registerTick(tick) {
+  ticks.set(tick.id, tick);
+  notifyListeners3();
+}
+function updateTickExecution(id, timestamp) {
+  const tick = ticks.get(id);
+  if (tick) {
+    tick.lastExecuted = timestamp;
+    tick.nextExecution = timestamp + tick.interval;
+    tick.executionCount++;
+    notifyListeners3();
+  }
+}
+function setTickActive(id, isActive) {
+  const tick = ticks.get(id);
+  if (tick) {
+    tick.isActive = isActive;
+    notifyListeners3();
+  }
+}
+function unregisterTick(id) {
+  ticks.delete(id);
+  notifyListeners3();
+}
+function getAllTicks() {
+  return Array.from(ticks.values());
+}
+function getTick(id) {
+  return ticks.get(id);
+}
+function subscribeToTickChanges(listener) {
+  listeners4.add(listener);
+  return () => listeners4.delete(listener);
+}
+function clearTicks() {
+  ticks.clear();
+  notifyListeners3();
+}
+
 // lib/visualizer/index.ts
 function formatSExprGuardToDomain(guard, _entityName) {
   if (Array.isArray(guard)) {
@@ -744,216 +956,4 @@ function parseContentSegments(content) {
   return segments;
 }
 
-// lib/tickRegistry.ts
-var ticks = /* @__PURE__ */ new Map();
-var listeners = /* @__PURE__ */ new Set();
-function notifyListeners() {
-  listeners.forEach((listener) => listener());
-}
-function registerTick(tick) {
-  ticks.set(tick.id, tick);
-  notifyListeners();
-}
-function updateTickExecution(id, timestamp) {
-  const tick = ticks.get(id);
-  if (tick) {
-    tick.lastExecuted = timestamp;
-    tick.nextExecution = timestamp + tick.interval;
-    tick.executionCount++;
-    notifyListeners();
-  }
-}
-function setTickActive(id, isActive) {
-  const tick = ticks.get(id);
-  if (tick) {
-    tick.isActive = isActive;
-    notifyListeners();
-  }
-}
-function unregisterTick(id) {
-  ticks.delete(id);
-  notifyListeners();
-}
-function getAllTicks() {
-  return Array.from(ticks.values());
-}
-function getTick(id) {
-  return ticks.get(id);
-}
-function subscribeToTickChanges(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-}
-function clearTicks() {
-  ticks.clear();
-  notifyListeners();
-}
-
-// lib/guardRegistry.ts
-var guardHistory = [];
-var listeners2 = /* @__PURE__ */ new Set();
-var MAX_HISTORY = 100;
-function notifyListeners2() {
-  listeners2.forEach((listener) => listener());
-}
-function recordGuardEvaluation(evaluation) {
-  const entry = {
-    ...evaluation,
-    id: `guard-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
-    timestamp: Date.now()
-  };
-  guardHistory.unshift(entry);
-  if (guardHistory.length > MAX_HISTORY) {
-    guardHistory.pop();
-  }
-  notifyListeners2();
-}
-function getGuardHistory() {
-  return [...guardHistory];
-}
-function getRecentGuardEvaluations(count) {
-  return guardHistory.slice(0, count);
-}
-function getGuardEvaluationsForTrait(traitName) {
-  return guardHistory.filter((g) => g.traitName === traitName);
-}
-function subscribeToGuardChanges(listener) {
-  listeners2.add(listener);
-  return () => listeners2.delete(listener);
-}
-function clearGuardHistory() {
-  guardHistory.length = 0;
-  notifyListeners2();
-}
-
-// lib/entityDebug.ts
-var entityProvider = null;
-function setEntityProvider(provider) {
-  entityProvider = provider;
-}
-function clearEntityProvider() {
-  entityProvider = null;
-}
-function getEntitySnapshot() {
-  if (!entityProvider) {
-    return null;
-  }
-  const entities = entityProvider();
-  return {
-    entities,
-    timestamp: Date.now(),
-    totalCount: entities.length,
-    singletons: {},
-    runtime: entities.map((e) => ({ id: e.id, type: e.type, data: e.fields })),
-    persistent: {}
-  };
-}
-function getEntityById(id) {
-  if (!entityProvider) {
-    return void 0;
-  }
-  return entityProvider().find((e) => e.id === id);
-}
-function getEntitiesByType(type) {
-  if (!entityProvider) {
-    return [];
-  }
-  return entityProvider().filter((e) => e.type === type);
-}
-
-// lib/debugRegistry.ts
-var events = [];
-var listeners3 = /* @__PURE__ */ new Set();
-var MAX_EVENTS = 500;
-function notifyListeners3() {
-  listeners3.forEach((listener) => listener());
-}
-function logDebugEvent(type, source, message, data) {
-  const event = {
-    id: `event-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
-    type,
-    source,
-    message,
-    data,
-    timestamp: Date.now()
-  };
-  events.unshift(event);
-  if (events.length > MAX_EVENTS) {
-    events.pop();
-  }
-  notifyListeners3();
-}
-function logStateChange(source, from, to, event) {
-  logDebugEvent("state-change", source, `${from} \u2192 ${to}`, { from, to, event });
-}
-function logEventFired(source, eventName, payload) {
-  logDebugEvent("event-fired", source, eventName, { eventName, payload });
-}
-function logEffectExecuted(source, effectType, details) {
-  logDebugEvent("effect-executed", source, effectType, { effectType, details });
-}
-function logError(source, message, error) {
-  logDebugEvent("error", source, message, { error });
-}
-function logWarning(source, message, data) {
-  logDebugEvent("warning", source, message, data);
-}
-function logInfo(source, message, data) {
-  logDebugEvent("info", source, message, data);
-}
-function getDebugEvents() {
-  return [...events];
-}
-function getRecentEvents(count) {
-  return events.slice(0, count);
-}
-function getEventsByType(type) {
-  return events.filter((e) => e.type === type);
-}
-function getEventsBySource(source) {
-  return events.filter((e) => e.source === source);
-}
-function subscribeToDebugEvents(listener) {
-  listeners3.add(listener);
-  return () => listeners3.delete(listener);
-}
-function clearDebugEvents() {
-  events.length = 0;
-  notifyListeners3();
-}
-
-// lib/debugUtils.ts
-var DEBUG_STORAGE_KEY = "orbital-debug";
-var listeners4 = /* @__PURE__ */ new Set();
-function isDebugEnabled() {
-  if (typeof window === "undefined") return false;
-  return localStorage.getItem(DEBUG_STORAGE_KEY) === "true";
-}
-function setDebugEnabled(enabled) {
-  if (typeof window === "undefined") return;
-  localStorage.setItem(DEBUG_STORAGE_KEY, String(enabled));
-  listeners4.forEach((listener) => listener(enabled));
-}
-function toggleDebug() {
-  const newValue = !isDebugEnabled();
-  setDebugEnabled(newValue);
-  return newValue;
-}
-function onDebugToggle(listener) {
-  listeners4.add(listener);
-  return () => listeners4.delete(listener);
-}
-function initDebugShortcut() {
-  if (typeof window === "undefined") return () => {
-  };
-  const handleKeyDown = (e) => {
-    if (e.ctrlKey && e.shiftKey && e.key === "D") {
-      e.preventDefault();
-      toggleDebug();
-    }
-  };
-  window.addEventListener("keydown", handleKeyDown);
-  return () => window.removeEventListener("keydown", handleKeyDown);
-}
-
 export { DEFAULT_CONFIG, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, extractOutputsFromTransitions, extractStateMachine, formatGuard, getAllTicks, getDebugEvents, getEffectSummary, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, initDebugShortcut, isDebugEnabled, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, recordGuardEvaluation, registerTick, renderStateMachineToDomData, renderStateMachineToSvg, setDebugEnabled, setEntityProvider, setTickActive, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, toggleDebug, unregisterTick, updateTickExecution };

package/dist/{chunk-GTIAVPI5.js → chunk-X2ZDE63F.js}

@@ -1,6 +1,6 @@
 import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
 import { apiClient } from './chunk-3HJHHULT.js';
-import { SelectionContext, entityDataKeys, useEntityList } from './chunk-WGJIL4YR.js';
+import { SelectionContext, entityDataKeys, useEntityList } from './chunk-3CP74CBL.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore, useRef } from 'react';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';

package/dist/{chunk-AX45OCIB.js → chunk-XF7GGUTH.js}

@@ -1,6 +1,6 @@
-import { SuspenseConfigProvider } from './chunk-HJJIE4K5.js';
-import { ThemeProvider } from './chunk-DKQN5FVU.js';
-import { SelectionProvider, EntityDataProvider } from './chunk-WGJIL4YR.js';
+import { SuspenseConfigProvider } from './chunk-YYCP5CD7.js';
+import { ThemeProvider } from './chunk-YLKXEXBP.js';
+import { SelectionProvider, EntityDataProvider } from './chunk-3CP74CBL.js';
 import { useEventBus, EventBusProvider } from './chunk-YXZM3WCF.js';
 import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from './chunk-WCTZ7WZX.js';
 import { useOfflineExecutor } from './chunk-K2D5D3WK.js';

package/dist/{chunk-DKQN5FVU.js → chunk-YLKXEXBP.js}

@@ -1,7 +1,30 @@
 import { useUISlotManager } from './chunk-3JGAROCW.js';
-import { createContext, useMemo, useState, useEffect, useCallback, useContext } from 'react';
+import { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
+var UISlotContext = createContext(null);
+function UISlotProvider({ children }) {
+  const slotManager = useUISlotManager();
+  const contextValue = useMemo(() => slotManager, [slotManager]);
+  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
+}
+function useUISlots() {
+  const context = useContext(UISlotContext);
+  if (!context) {
+    throw new Error(
+      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
+    );
+  }
+  return context;
+}
+function useSlotContent(slot) {
+  const { getContent } = useUISlots();
+  return getContent(slot);
+}
+function useSlotHasContent(slot) {
+  const { hasContent } = useUISlots();
+  return hasContent(slot);
+}
 var BUILT_IN_THEMES = [
   {
     name: "wireframe",
@@ -252,28 +275,5 @@ function useTheme() {
   return context;
 }
 var ThemeContext_default = ThemeContext;
-var UISlotContext = createContext(null);
-function UISlotProvider({ children }) {
-  const slotManager = useUISlotManager();
-  const contextValue = useMemo(() => slotManager, [slotManager]);
-  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
-}
-function useUISlots() {
-  const context = useContext(UISlotContext);
-  if (!context) {
-    throw new Error(
-      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
-    );
-  }
-  return context;
-}
-function useSlotContent(slot) {
-  const { getContent } = useUISlots();
-  return getContent(slot);
-}
-function useSlotHasContent(slot) {
-  const { hasContent } = useUISlots();
-  return hasContent(slot);
-}
 
 export { BUILT_IN_THEMES, ThemeContext_default, ThemeProvider, UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useTheme, useUISlots };

package/dist/{chunk-HJJIE4K5.js → chunk-YYCP5CD7.js}

@@ -1,5 +1,5 @@
-import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
-import { useTranslate, useInfiniteScroll, useQuerySingleton, useLongPress, useSwipeGesture, useDragReorder, usePullToRefresh } from './chunk-WGJIL4YR.js';
+import { useTheme, useUISlots } from './chunk-YLKXEXBP.js';
+import { useTranslate, useInfiniteScroll, useQuerySingleton, useLongPress, useSwipeGesture, useDragReorder, usePullToRefresh } from './chunk-3CP74CBL.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { cn, debugGroup, debug, debugGroupEnd, updateAssetStatus, bindCanvasCapture, getNestedValue, isDebugEnabled } from './chunk-WCTZ7WZX.js';
 import { isPortalSlot } from './chunk-K2D5D3WK.js';
@@ -159,6 +159,18 @@ var iconSizeStyles = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
+function resolveIconProp(value, sizeClass) {
+  if (!value) return null;
+  if (typeof value === "string") {
+    const Resolved = resolveIcon(value);
+    return Resolved ? /* @__PURE__ */ jsx(Resolved, { className: sizeClass }) : null;
+  }
+  if (typeof value === "function") {
+    const IconComp = value;
+    return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
+  }
+  return value;
+}
 var Button = React80__default.forwardRef(
   ({
     className,
@@ -178,10 +190,10 @@ var Button = React80__default.forwardRef(
     ...props
   }, ref) => {
     const eventBus = useEventBus();
-    const IconComponent = typeof iconProp === "string" ? resolveIcon(iconProp) : iconProp;
-    const IconRightComponent = typeof iconRightProp === "string" ? resolveIcon(iconRightProp) : iconRightProp;
-    const resolvedLeftIcon = leftIcon || IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: iconSizeStyles[size] });
-    const resolvedRightIcon = rightIcon || IconRightComponent && /* @__PURE__ */ jsx(IconRightComponent, { className: iconSizeStyles[size] });
+    const leftIconValue = leftIcon || iconProp;
+    const rightIconValue = rightIcon || iconRightProp;
+    const resolvedLeftIcon = resolveIconProp(leftIconValue, iconSizeStyles[size]);
+    const resolvedRightIcon = resolveIconProp(rightIconValue, iconSizeStyles[size]);
     const handleClick = (e) => {
       if (action) {
         eventBus.emit(`UI:${action}`, actionPayload ?? {});
@@ -9257,16 +9269,16 @@ function DialogueBox({
   const [displayedText, setDisplayedText] = useState("");
   const [isTyping, setIsTyping] = useState(false);
   const [selectedChoice, setSelectedChoice] = useState(0);
-  const textRef = useRef(dialogue.text);
+  const textRef = useRef(dialogue.text ?? "");
   const charIndexRef = useRef(0);
   const autoAdvanceTimerRef = useRef(null);
   useEffect(() => {
-    textRef.current = dialogue.text;
+    textRef.current = dialogue.text ?? "";
     charIndexRef.current = 0;
     setDisplayedText("");
     setSelectedChoice(0);
     if (typewriterSpeed === 0) {
-      setDisplayedText(dialogue.text);
+      setDisplayedText(dialogue.text ?? "");
       setIsTyping(false);
       if (completeEvent) eventBus.emit(`UI:${completeEvent}`, {});
       onComplete?.();
@@ -9466,12 +9478,13 @@ function CombatLog({
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
   }, [events, autoScroll]);
-  const visibleEvents = events.slice(-maxVisible);
+  const safeEvents = events ?? [];
+  const visibleEvents = safeEvents.slice(-maxVisible);
   return /* @__PURE__ */ jsxs(Card, { variant: "default", className: cn("flex flex-col", className), children: [
     /* @__PURE__ */ jsx(Box, { padding: "sm", border: true, className: "border-b-2 border-x-0 border-t-0 border-[var(--color-border)]", children: /* @__PURE__ */ jsxs(Box, { display: "flex", className: "items-center justify-between", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-bold", children: title }),
       /* @__PURE__ */ jsxs(Badge, { variant: "neutral", size: "sm", children: [
-        events.length,
+        safeEvents.length,
         " events"
       ] })
     ] }) }),
@@ -12241,6 +12254,7 @@ var DataGrid = ({
               Box,
               {
                 "data-entity-row": true,
+                "data-entity-id": id,
                 className: cn(
                   "bg-[var(--color-card)] rounded-[var(--radius-lg)]",
                   "border border-[var(--color-border)]",
@@ -12259,6 +12273,7 @@ var DataGrid = ({
             Box,
             {
               "data-entity-row": true,
+              "data-entity-id": id,
               className: cn(
                 "bg-[var(--color-card)] rounded-[var(--radius-lg)]",
                 "border border-[var(--color-border)]",
@@ -12568,7 +12583,7 @@ var DataList = ({
   const renderItem = (itemData, index, isLast) => {
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
-      return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, children: [
+      return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
         /* @__PURE__ */ jsxs(
           Box,
           {
@@ -12615,7 +12630,7 @@ var DataList = ({
     }
     const id = itemData.id || String(index);
     const titleValue = getNestedValue(itemData, titleField?.name ?? "");
-    return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, children: [
+    return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
       /* @__PURE__ */ jsxs(
         Box,
         {

package/dist/components/index.d.ts

@@ -8,8 +8,8 @@ import { E as EventBusContextType } from '../event-bus-types-CjJduURa.js';
 export { a as EventListener, K as KFlowEvent, U as Unsubscribe } from '../event-bus-types-CjJduURa.js';
 import { I as IsometricTile, a as IsometricUnit, b as IsometricFeature, C as CameraState } from '../isometric-ynNHVPZx.js';
 import { OrbitalEntity } from '@almadar/core';
-import { c as DomLayoutData, e as DomStateNode, n as VisualizerConfig, f as DomTransitionLabel, a as ContentSegment } from '../cn-C_ATNPvi.js';
-export { s as cn } from '../cn-C_ATNPvi.js';
+import { c as DomLayoutData, e as DomStateNode, n as VisualizerConfig, f as DomTransitionLabel, a as ContentSegment } from '../parseContentSegments-BZrQRvgK.js';
+export { s as cn } from '../parseContentSegments-BZrQRvgK.js';
 import { S as SlotContent, a as UISlot } from '../useUISlots-BBjNvQtb.js';
 export { D as DEFAULT_SLOTS, R as RenderUIConfig, b as SlotAnimation, c as SlotChangeCallback, U as UISlotManager, u as useUISlotManager } from '../useUISlots-BBjNvQtb.js';
 export { Entity, clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../stores/index.js';
@@ -22,14 +22,14 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
     variant?: ButtonVariant;
     size?: ButtonSize;
     isLoading?: boolean;
-    /** Left icon as ReactNode (preferred) */
-    leftIcon?: React__default.ReactNode;
-    /** Right icon as ReactNode (preferred) */
-    rightIcon?: React__default.ReactNode;
-    /** Left icon as Lucide icon component or string name (e.g. "plus", "trash") */
-    icon?: LucideIcon | string;
-    /** Right icon as Lucide icon component or string name */
-    iconRight?: LucideIcon | string;
+    /** Left icon as ReactNode, Lucide component, or string name (e.g. "plus", "trash") */
+    leftIcon?: React__default.ReactNode | LucideIcon | string;
+    /** Right icon as ReactNode, Lucide component, or string name */
+    rightIcon?: React__default.ReactNode | LucideIcon | string;
+    /** Alias for leftIcon */
+    icon?: React__default.ReactNode | LucideIcon | string;
+    /** Alias for rightIcon */
+    iconRight?: React__default.ReactNode | LucideIcon | string;
     /** Declarative event name — emits UI:{action} via eventBus on click */
     action?: string;
     /** Payload to include with the action event */