@almadar/ui 5.103.0 → 5.104.0

package/dist/avl/index.cjs

@@ -630,7 +630,7 @@ var init_AvlFieldType = __esm({
   }
 });
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f3, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -645,11 +645,11 @@ function clsx() {
   return n;
 }
 var init_clsx = __esm({
-  "node_modules/clsx/dist/clsx.mjs"() {
+  "node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"() {
   }
 });
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 function twJoin() {
   let index = 0;
   let argument;
@@ -693,7 +693,7 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
 }
 var CLASS_PART_SEPARATOR, createClassGroupUtils, getGroupRecursive, arbitraryPropertyRegex, getGroupIdForArbitraryProperty, createClassMap, processClassesRecursively, getPart, isThemeGetter, getPrefixedClassGroupEntries, createLruCache, IMPORTANT_MODIFIER, createParseClassName, sortModifiers, createConfigUtils, SPLIT_CLASSES_REGEX, mergeClassList, toValue, fromTheme, arbitraryValueRegex, fractionRegex, stringLengths, tshirtUnitRegex, lengthUnitRegex, colorFunctionRegex, shadowRegex, imageRegex, isLength, isArbitraryLength, isNumber, isArbitraryNumber, isInteger, isPercent, isArbitraryValue, isTshirtSize, sizeLabels, isArbitrarySize, isArbitraryPosition, imageLabels, isArbitraryImage, isArbitraryShadow, isAny, getIsArbitraryValue, isLengthOnly, isNever, isShadow, isImage, getDefaultConfig, twMerge;
 var init_bundle_mjs = __esm({
-  "node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
+  "node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
     CLASS_PART_SEPARATOR = "-";
     createClassGroupUtils = (config) => {
       const classMap = createClassMap(config);
@@ -14003,6 +14003,9 @@ var init_useUnitSpriteAtlas = __esm({
     init_spriteAnimation();
   }
 });
+function normalizeBackdrop(bg) {
+  return typeof bg === "string" ? { url: bg, role: "decoration", category: "background" } : bg;
+}
 function SideView({
   player,
   platforms,
@@ -14012,7 +14015,7 @@ function SideView({
   canvasHeight,
   follow,
   bgColor,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   playerSprite,
   tileSprites,
   effects,
@@ -14020,6 +14023,7 @@ function SideView({
   keyUpMap,
   className
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const canvasRef = React105.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React105.useRef(/* @__PURE__ */ new Set());
@@ -14311,7 +14315,7 @@ function Canvas2D({
   effects: _effectsPropRaw = [],
   platforms,
   player,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   // Interaction state
   selectedUnitId = null,
   validMoves = [],
@@ -14352,6 +14356,7 @@ function Canvas2D({
   // Remote asset loading
   assetManifest
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const isSide = projection === "side";
   const isFree = projection === "free";
   const flatLike = projection === "hex" || projection === "flat" || isFree;
@@ -20335,9 +20340,9 @@ var init_BiologyCanvas = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var Tabs;
@@ -32543,8 +32548,9 @@ var init_LineChart = __esm({
       const safeData = data ?? [];
       const sortedData = React105.useMemo(() => {
         if (safeData.length === 0) return [];
+        if (!safeData.some((d) => d.date != null)) return [...safeData];
         return [...safeData].sort(
-          (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()
+          (a, b) => new Date(a.date ?? 0).getTime() - new Date(b.date ?? 0).getTime()
         );
       }, [safeData]);
       const points = React105.useMemo(() => {

package/dist/avl/index.css

@@ -1,4 +1,4 @@
-/* node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -214,11 +214,11 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.45";
+  content: "0.16.47";
 }
 .katex .katex-mathml {
-  clip: rect(1px, 1px, 1px, 1px);
   border: 0;
+  clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
   padding: 0;

package/dist/avl/index.js

@@ -584,7 +584,7 @@ var init_AvlFieldType = __esm({
   }
 });
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f3, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -599,11 +599,11 @@ function clsx() {
   return n;
 }
 var init_clsx = __esm({
-  "node_modules/clsx/dist/clsx.mjs"() {
+  "node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"() {
   }
 });
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 function twJoin() {
   let index = 0;
   let argument;
@@ -647,7 +647,7 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
 }
 var CLASS_PART_SEPARATOR, createClassGroupUtils, getGroupRecursive, arbitraryPropertyRegex, getGroupIdForArbitraryProperty, createClassMap, processClassesRecursively, getPart, isThemeGetter, getPrefixedClassGroupEntries, createLruCache, IMPORTANT_MODIFIER, createParseClassName, sortModifiers, createConfigUtils, SPLIT_CLASSES_REGEX, mergeClassList, toValue, fromTheme, arbitraryValueRegex, fractionRegex, stringLengths, tshirtUnitRegex, lengthUnitRegex, colorFunctionRegex, shadowRegex, imageRegex, isLength, isArbitraryLength, isNumber, isArbitraryNumber, isInteger, isPercent, isArbitraryValue, isTshirtSize, sizeLabels, isArbitrarySize, isArbitraryPosition, imageLabels, isArbitraryImage, isArbitraryShadow, isAny, getIsArbitraryValue, isLengthOnly, isNever, isShadow, isImage, getDefaultConfig, twMerge;
 var init_bundle_mjs = __esm({
-  "node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
+  "node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
     CLASS_PART_SEPARATOR = "-";
     createClassGroupUtils = (config) => {
       const classMap = createClassMap(config);
@@ -13957,6 +13957,9 @@ var init_useUnitSpriteAtlas = __esm({
     init_spriteAnimation();
   }
 });
+function normalizeBackdrop(bg) {
+  return typeof bg === "string" ? { url: bg, role: "decoration", category: "background" } : bg;
+}
 function SideView({
   player,
   platforms,
@@ -13966,7 +13969,7 @@ function SideView({
   canvasHeight,
   follow,
   bgColor,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   playerSprite,
   tileSprites,
   effects,
@@ -13974,6 +13977,7 @@ function SideView({
   keyUpMap,
   className
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
@@ -14265,7 +14269,7 @@ function Canvas2D({
   effects: _effectsPropRaw = [],
   platforms,
   player,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   // Interaction state
   selectedUnitId = null,
   validMoves = [],
@@ -14306,6 +14310,7 @@ function Canvas2D({
   // Remote asset loading
   assetManifest
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const isSide = projection === "side";
   const isFree = projection === "free";
   const flatLike = projection === "hex" || projection === "flat" || isFree;
@@ -20289,9 +20294,9 @@ var init_BiologyCanvas = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var Tabs;
@@ -32497,8 +32502,9 @@ var init_LineChart = __esm({
       const safeData = data ?? [];
       const sortedData = useMemo(() => {
         if (safeData.length === 0) return [];
+        if (!safeData.some((d) => d.date != null)) return [...safeData];
         return [...safeData].sort(
-          (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()
+          (a, b) => new Date(a.date ?? 0).getTime() - new Date(b.date ?? 0).getTime()
         );
       }, [safeData]);
       const points = useMemo(() => {

package/dist/components/core/atoms/AtlasImage.d.ts

@@ -43,7 +43,7 @@ export interface AtlasPanelProps {
  * is cropped once to a dataURL; CSS border-image / background-repeat does the scaling. Falls back
  * to a plain container while the sheet/atlas load.
  */
-export declare function AtlasPanel({ asset, borderSlice, borderWidth, mode, className, style, children, 'aria-hidden': ariaHidden }: AtlasPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function AtlasPanel({ asset, borderSlice, borderWidth, mode, className, style, children, 'aria-hidden': ariaHidden }: AtlasPanelProps): React.JSX.Element;
 export declare namespace AtlasPanel {
     var displayName: string;
 }
@@ -52,7 +52,7 @@ export declare namespace AtlasPanel {
  * sub-rect of the packed sheet into a canvas (never the whole sheet); otherwise it renders the
  * plain `<img>` path. `fill` + `fit` cover background/panel usage (GameShell, card frames).
  */
-export declare function AtlasImage({ asset, size, width, height, fill, fit, alt, className, style, 'aria-hidden': ariaHidden, }: AtlasImageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AtlasImage({ asset, size, width, height, fill, fit, alt, className, style, 'aria-hidden': ariaHidden, }: AtlasImageProps): React.JSX.Element | null;
 export declare namespace AtlasImage {
     var displayName: string;
 }

package/dist/components/core/atoms/FlipContainer.d.ts

@@ -16,6 +16,6 @@ export interface FlipContainerProps {
     onClick?: () => void;
 }
 export declare const FlipContainer: {
-    ({ flipped, className, children, onClick, }: FlipContainerProps): import("react/jsx-runtime").JSX.Element;
+    ({ flipped, className, children, onClick, }: FlipContainerProps): React.JSX.Element;
     displayName: string;
 };

package/dist/components/core/molecules/Card.d.ts

@@ -51,7 +51,7 @@ export interface CardProps {
 /**
  * Card component for displaying content in a contained box
  */
-export declare function Card({ title, subtitle, image, actions, children, onClick, className, action, longPressEvent, longPressPayload, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ title, subtitle, image, actions, children, onClick, className, action, longPressEvent, longPressPayload, }: CardProps): React.JSX.Element;
 export declare namespace Card {
     var displayName: string;
 }

package/dist/components/core/molecules/Chart.d.ts

@@ -35,7 +35,7 @@ export type ChartType = "bar" | "line" | "pie" | "area" | "donut" | "scatter" |
  */
 export type ChartLook = "bar-vertical" | "bar-horizontal" | "line" | "area" | "pie" | "donut" | "scatter" | "histogram";
 export type ChartStackMode = "none" | "stack" | "normalize";
-export interface ChartDataPoint {
+export interface ChartSeriesPoint {
     label: string;
     value: number;
     color?: string;
@@ -49,7 +49,7 @@ export interface ChartScatterPoint {
 }
 export interface ChartSeries {
     name: string;
-    data: readonly ChartDataPoint[];
+    data: readonly ChartSeriesPoint[];
     color?: string;
     dashed?: boolean;
 }
@@ -79,7 +79,7 @@ export interface ChartProps {
     /** Multi-series data */
     series?: readonly ChartSeries[];
     /** Simple single-series shorthand (bar/line/pie/area/donut/histogram) */
-    data?: readonly ChartDataPoint[];
+    data?: readonly ChartSeriesPoint[];
     /** Raw {x,y} points for scatter */
     scatterData?: readonly ChartScatterPoint[];
     /** Chart height in px */

package/dist/components/core/molecules/DataGrid.d.ts

@@ -111,7 +111,7 @@ export interface DataGridProps extends DataDndProps {
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-export declare function DataGrid({ entity, fields, columns, itemActions, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataGridProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+export declare function DataGrid({ entity, fields, columns, itemActions, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataGridProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 export declare namespace DataGrid {
     var displayName: string;
 }

package/dist/components/core/molecules/DataList.d.ts

@@ -123,7 +123,7 @@ export interface DataListProps extends DataDndProps {
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-export declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+export declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 export declare namespace DataList {
     var displayName: string;
 }

package/dist/components/core/molecules/DocPagination.d.ts

@@ -1,3 +1,10 @@
+/**
+ * DocPagination Molecule
+ *
+ * Previous/Next navigation links for documentation pages.
+ * Composed from HStack, Box, VStack, Icon, and Typography atoms.
+ */
+import React from 'react';
 export interface DocPaginationLink {
     label: string;
     href: string;
@@ -11,4 +18,4 @@ export interface DocPaginationProps {
     /** Additional class names */
     className?: string;
 }
-export declare function DocPagination({ prev, next, className }: DocPaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DocPagination({ prev, next, className }: DocPaginationProps): React.JSX.Element | null;

package/dist/components/core/molecules/DocSearch.d.ts

@@ -1,3 +1,10 @@
+/**
+ * DocSearch — documentation search input with inline results dropdown (distinct from SearchInput).
+ * SearchInput emits bus events for entity-list filtering with debounce.
+ * DocSearch drives a callback-based result list with keyboard navigation and
+ * popover dropdown; designed for docs site navigation, not data-list filtering.
+ */
+import React from 'react';
 export interface DocSearchResult {
     title: string;
     href: string;
@@ -12,4 +19,4 @@ export interface DocSearchProps {
     /** Additional class names */
     className?: string;
 }
-export declare function DocSearch({ placeholder, onSearch, className, }: DocSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function DocSearch({ placeholder, onSearch, className, }: DocSearchProps): React.JSX.Element;

package/dist/components/core/molecules/FlipCard.d.ts

@@ -19,6 +19,6 @@ export interface FlipCardProps {
     height?: string;
 }
 export declare const FlipCard: {
-    ({ front, back, flipped, onFlip, className, height, }: FlipCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ front, back, flipped, onFlip, className, height, }: FlipCardProps): React.JSX.Element;
     displayName: string;
 };

package/dist/components/core/molecules/LineChart.d.ts

@@ -6,7 +6,9 @@
  */
 import React from 'react';
 export interface ChartDataPoint {
-    date: string | Date;
+    /** Optional: chronological x-axis. Absent for a categorical line chart
+     * (label-as-x), which plots points in author order. */
+    date?: string | Date;
     value: number;
     label?: string;
 }

package/dist/components/core/molecules/MapView.d.ts

@@ -1,3 +1,20 @@
+/**
+ * MapView Molecule Component
+ *
+ * Interactive map using react-leaflet with OpenStreetMap tiles.
+ * Supports both programmatic callbacks (onMapClick) and schema-driven
+ * event dispatch (mapClickEvent) via the event bus.
+ *
+ * Why this file looks weird: Leaflet's core/Util.js evaluates
+ * `window.requestAnimationFrame` at module load time, which crashes any
+ * SSR/SSG environment (Docusaurus, Next.js RSC, etc.) the moment a
+ * consumer statically imports something that transitively reaches MapView.
+ * To stay SSR-safe, the actual leaflet bindings are loaded lazily inside
+ * a `React.lazy(async () => …)` callback so the leaflet module is only
+ * evaluated when the component is rendered for the first time, which
+ * never happens on the server because Suspense shows the fallback there.
+ */
+import React from 'react';
 import type { EventEmit } from '@almadar/core';
 export type MapMarkerData = {
     /** Unique marker identifier */
@@ -67,4 +84,4 @@ export interface MapViewProps {
  * lazy implementation finishes loading on the client) so SSR never reaches
  * the leaflet code.
  */
-export declare function MapView(props: MapViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MapView(props: MapViewProps): React.JSX.Element;

package/dist/components/core/molecules/SortableList.d.ts

@@ -14,6 +14,6 @@ export interface SortableListProps {
     dragHandlePosition?: 'left' | 'right';
     className?: string;
 }
-declare function SortableListInner({ items: initialItemsProp, renderItem, reorderEvent, reorderPayload, dragHandlePosition, className, }: SortableListProps): import("react/jsx-runtime").JSX.Element;
+declare function SortableListInner({ items: initialItemsProp, renderItem, reorderEvent, reorderPayload, dragHandlePosition, className, }: SortableListProps): React.JSX.Element;
 export declare const SortableList: typeof SortableListInner;
 export {};

package/dist/components/core/molecules/TableView.d.ts

@@ -105,7 +105,7 @@ export interface TableViewProps extends DataDndProps {
      */
     look?: 'dense' | 'spacious' | 'striped' | 'borderless' | 'bordered';
 }
-export declare function TableView({ entity, columns, fields, itemActions, maxInlineActions, selectable, selectEvent, selectedIds, sortEvent, sortColumn, sortDirection, className, emptyMessage, isLoading, error, groupBy, pageSize, children, renderItem: _schemaRenderItem, look, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, }: TableViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableView({ entity, columns, fields, itemActions, maxInlineActions, selectable, selectEvent, selectedIds, sortEvent, sortColumn, sortDirection, className, emptyMessage, isLoading, error, groupBy, pageSize, children, renderItem: _schemaRenderItem, look, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, }: TableViewProps): React.JSX.Element;
 export declare namespace TableView {
     var displayName: string;
 }

package/dist/components/core/organisms/DataTable.d.ts

@@ -5,8 +5,12 @@ import { DisplayStateProps } from "./types";
 import type { EntityRow, FieldValue } from "@almadar/core";
 export type EntityTableLook = "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 export interface Column<T> {
-    key: keyof T | string;
-    header: string;
+    /** Column identity. Optional because `name` is an accepted alias; the
+     * compiler emits `{ name, label }` columns and `normalizeColumns` fills
+     * `key`/`header` from the aliases, so a column needs (`key` OR `name`) and
+     * (`header` OR `label`), not literally `key`+`header`. */
+    key?: keyof T | string;
+    header?: string;
     /** Alias for key (used by compiler-generated fields) */
     name?: string;
     /** Alias for header (used by compiler-generated fields) */
@@ -69,7 +73,7 @@ export interface DataTableProps<T extends EntityRow & {
 }
 export declare function DataTable<T extends EntityRow & {
     id: string | number;
-}>({ fields, columns, entity, itemActions, isLoading, error, emptyIcon, emptyTitle, emptyDescription, emptyAction, selectable, selectedIds, sortBy, sortDirection, searchable, searchValue, searchPlaceholder, page, pageSize, totalCount, rowActions: externalRowActions, bulkActions, headerActions, showTotal, className, look, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+}>({ fields, columns, entity, itemActions, isLoading, error, emptyIcon, emptyTitle, emptyDescription, emptyAction, selectable, selectedIds, sortBy, sortDirection, searchable, searchValue, searchPlaceholder, page, pageSize, totalCount, rowActions: externalRowActions, bulkActions, headerActions, showTotal, className, look, }: DataTableProps<T>): React.JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/RuntimeDebugger.d.ts

@@ -1,3 +1,12 @@
+/**
+ * RuntimeDebugger - Main debug panel for KFlow applications
+ *
+ * Press backtick (`) to toggle. Displays traits, ticks, entities, events,
+ * guards, verification checks, transition timeline, and server bridge health.
+ *
+ * @packageDocumentation
+ */
+import * as React from 'react';
 import type { OrbitalSchema } from '@almadar/core';
 import './RuntimeDebugger.css';
 export interface RuntimeDebuggerProps {
@@ -14,7 +23,7 @@ export interface RuntimeDebuggerProps {
     /** Raw schema for EventDispatcherTab payload extraction */
     schema?: OrbitalSchema;
 }
-export declare function RuntimeDebugger({ position, defaultCollapsed, className, mode, defaultTab, schema, }: RuntimeDebuggerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RuntimeDebugger({ position, defaultCollapsed, className, mode, defaultTab, schema, }: RuntimeDebuggerProps): React.JSX.Element | null;
 export declare namespace RuntimeDebugger {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/EntitiesTab.d.ts

@@ -2,11 +2,12 @@
  * EntitiesTab - Displays entity snapshots
  * Uses existing component library atoms/molecules.
  */
+import * as React from 'react';
 import type { EntitySnapshot } from '../../../../../lib/entityDebug';
 interface EntitiesTabProps {
     snapshot: EntitySnapshot | null;
 }
-export declare function EntitiesTab({ snapshot }: EntitiesTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function EntitiesTab({ snapshot }: EntitiesTabProps): React.JSX.Element;
 export declare namespace EntitiesTab {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/EventDispatcherTab.d.ts

@@ -4,13 +4,14 @@
  * Shows available transitions per trait based on current state,
  * lets users click to fire events, and displays a compact transition log.
  */
+import * as React from 'react';
 import type { OrbitalSchema } from '@almadar/core';
 import type { TraitDebugInfo } from '../../../../../lib/traitRegistry';
 interface EventDispatcherTabProps {
     traits: TraitDebugInfo[];
     schema?: OrbitalSchema;
 }
-export declare function EventDispatcherTab({ traits, schema }: EventDispatcherTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventDispatcherTab({ traits, schema }: EventDispatcherTabProps): React.JSX.Element;
 export declare namespace EventDispatcherTab {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/EventFlowTab.d.ts

@@ -1,8 +1,13 @@
+/**
+ * EventFlowTab - Displays event flow and debug messages
+ * Uses existing component library atoms/molecules.
+ */
+import * as React from 'react';
 import type { DebugEvent } from '../../../../../lib/debugRegistry';
 interface EventFlowTabProps {
     events: DebugEvent[];
 }
-export declare function EventFlowTab({ events }: EventFlowTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventFlowTab({ events }: EventFlowTabProps): React.JSX.Element;
 export declare namespace EventFlowTab {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/GuardsPanel.d.ts

@@ -1,8 +1,13 @@
+/**
+ * GuardsPanel - Displays guard evaluation history
+ * Uses existing component library atoms/molecules.
+ */
+import * as React from 'react';
 import type { GuardEvaluation } from '../../../../../lib/guardRegistry';
 interface GuardsPanelProps {
     guards: GuardEvaluation[];
 }
-export declare function GuardsPanel({ guards }: GuardsPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function GuardsPanel({ guards }: GuardsPanelProps): React.JSX.Element;
 export declare namespace GuardsPanel {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/ServerBridgeTab.d.ts

@@ -1,8 +1,19 @@
+/**
+ * ServerBridgeTab - Displays ServerBridge health and connectivity status
+ *
+ * Shows:
+ * - Connection status (connected/disconnected)
+ * - Events forwarded (client → server) count
+ * - Events received (server → client) count
+ * - Last error if any
+ * - Last heartbeat timestamp
+ */
+import * as React from 'react';
 import type { BridgeHealth } from '../../../../../lib/verificationRegistry';
 interface ServerBridgeTabProps {
     bridge: BridgeHealth | null;
 }
-export declare function ServerBridgeTab({ bridge }: ServerBridgeTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function ServerBridgeTab({ bridge }: ServerBridgeTabProps): React.JSX.Element;
 export declare namespace ServerBridgeTab {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/TicksTab.d.ts

@@ -2,11 +2,12 @@
  * TicksTab - Displays tick execution timing and status
  * Uses existing component library atoms/molecules.
  */
+import * as React from 'react';
 import type { TickExecution } from '../../../../../lib/tickRegistry';
 interface TicksTabProps {
     ticks: TickExecution[];
 }
-export declare function TicksTab({ ticks }: TicksTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function TicksTab({ ticks }: TicksTabProps): React.JSX.Element;
 export declare namespace TicksTab {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/TraitsTab.d.ts

@@ -2,11 +2,12 @@
  * TraitsTab - Displays active traits and their state machines
  * Uses existing component library atoms/molecules.
  */
+import * as React from 'react';
 import type { TraitDebugInfo } from '../../../../../lib/traitRegistry';
 interface TraitsTabProps {
     traits: TraitDebugInfo[];
 }
-export declare function TraitsTab({ traits }: TraitsTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraitsTab({ traits }: TraitsTabProps): React.JSX.Element;
 export declare namespace TraitsTab {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/TransitionTimeline.d.ts

@@ -1,8 +1,18 @@
+/**
+ * TransitionTimeline - Visual timeline of state machine transitions
+ *
+ * Shows each transition with:
+ * - Trait name, from → to state, triggering event
+ * - Guard result (if any)
+ * - Effect execution results (green = executed, red = failed)
+ * - Timestamp
+ */
+import * as React from 'react';
 import type { TransitionTrace } from '../../../../../lib/verificationRegistry';
 interface TransitionTimelineProps {
     transitions: TransitionTrace[];
 }
-export declare function TransitionTimeline({ transitions }: TransitionTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransitionTimeline({ transitions }: TransitionTimelineProps): React.JSX.Element;
 export declare namespace TransitionTimeline {
     var displayName: string;
 }

package/dist/components/core/organisms/debug/tabs/VerificationTab.d.ts

@@ -1,9 +1,16 @@
+/**
+ * VerificationTab - Displays pass/fail verification checklist
+ *
+ * Shows all registered checks with their status, grouped by category.
+ * Green = pass, Red = fail, Yellow = warn, Gray = pending.
+ */
+import * as React from 'react';
 import type { VerificationCheck, VerificationSummary } from '../../../../../lib/verificationRegistry';
 interface VerificationTabProps {
     checks: VerificationCheck[];
     summary: VerificationSummary;
 }
-export declare function VerificationTab({ checks, summary }: VerificationTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function VerificationTab({ checks, summary }: VerificationTabProps): React.JSX.Element;
 export declare namespace VerificationTab {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/ActionButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset, EventKey } from '@almadar/core';
 export interface ActionButtonProps {
@@ -24,7 +25,7 @@ export interface ActionButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ActionButton({ assetUrl, label, icon, cooldown, disabled, hotkey, size, variant, onClick, action, className, }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionButton({ assetUrl, label, icon, cooldown, disabled, hotkey, size, variant, onClick, action, className, }: ActionButtonProps): React.JSX.Element;
 export declare namespace ActionButton {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/ChoiceButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset, EventKey } from '@almadar/core';
 export interface ChoiceButtonProps {
@@ -22,7 +23,7 @@ export interface ChoiceButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ChoiceButton({ text, index, assetUrl, icon, disabled, selected, onClick, action, payload, className, }: ChoiceButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChoiceButton({ text, index, assetUrl, icon, disabled, selected, onClick, action, payload, className, }: ChoiceButtonProps): React.JSX.Element;
 export declare namespace ChoiceButton {
     var displayName: string;
 }