@almadar/ui 2.13.0 → 2.13.2

package/dist/{chunk-2GI2TR4Y.js → chunk-77CBR3Z7.js}

@@ -12254,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)]",
@@ -12272,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)]",
@@ -12581,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,
           {
@@ -12628,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/{chunk-UYR7S2DP.js → chunk-ZW5N4AUU.js}

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from './chunk-2GI2TR4Y.js';
+import { SuspenseConfigProvider } from './chunk-77CBR3Z7.js';
 import { ThemeProvider } from './chunk-DKQN5FVU.js';
 import { SelectionProvider, EntityDataProvider } from './chunk-Y7IHEYYE.js';
 import { useEventBus, EventBusProvider } from './chunk-YXZM3WCF.js';

package/dist/components/index.d.ts

@@ -8751,8 +8751,36 @@ type GameAction = {
 } | {
     type: 'EXECUTE_TRAITS';
 };
+/**
+ * Create the initial game state with board and units.
+ *
+ * @param {number} width - Board width in tiles
+ * @param {number} height - Board height in tiles
+ * @param {GameUnit[]} units - Initial units to place on the board
+ * @param {string} [defaultTerrain] - Default terrain type for empty tiles
+ * @returns {GameState} The initialized game state
+ */
 declare function createInitialGameState(width: number, height: number, units: GameUnit[], defaultTerrain?: string): GameState;
+/**
+ * Calculate valid movement positions for a unit.
+ *
+ * Returns all tiles within the unit's movement range that are
+ * not blocked and don't contain other units.
+ *
+ * @param {GameState} state - Current game state
+ * @param {string} unitId - ID of the unit to calculate moves for
+ * @returns {Position[]} Array of valid move positions
+ */
 declare function calculateValidMoves(state: GameState, unitId: string): Position[];
+/**
+ * Calculate valid attack targets for a unit.
+ *
+ * Returns adjacent positions containing enemy units that can be attacked.
+ *
+ * @param {GameState} state - Current game state
+ * @param {string} unitId - ID of the unit to calculate targets for
+ * @returns {Position[]} Array of valid attack target positions
+ */
 declare function calculateAttackTargets(state: GameState, unitId: string): Position[];
 
 /**
@@ -8782,6 +8810,16 @@ interface CombatEffect {
     sound?: string;
 }
 declare const combatEffects: Record<string, CombatEffect>;
+/**
+ * Apply a temporary combat effect to an HTML element.
+ *
+ * Adds the effect's CSS class to the element and removes it after
+ * the effect duration completes.
+ *
+ * @param {HTMLElement} element - The DOM element to apply the effect to
+ * @param {CombatEffect} effect - The combat effect to apply
+ * @param {() => void} [onComplete] - Optional callback when effect completes
+ */
 declare function applyTemporaryEffect(element: HTMLElement, effect: CombatEffect, onComplete?: () => void): void;
 interface DamageResult {
     baseDamage: number;
@@ -8790,6 +8828,15 @@ interface DamageResult {
     isBlocked: boolean;
     damageReduction: number;
 }
+/**
+ * Calculate combat damage with defense and critical hit mechanics.
+ *
+ * @param {number} attack - Attacker's attack power
+ * @param {number} defense - Defender's defense power
+ * @param {boolean} [isDefending] - Whether defender is in defend stance (doubles defense)
+ * @param {number} [criticalChance] - Probability of critical hit (0-1, default 0.1)
+ * @returns {DamageResult} Calculated damage with critical/block info
+ */
 declare function calculateDamage(attack: number, defense: number, isDefending?: boolean, criticalChance?: number): DamageResult;
 type CombatEventType = 'attack' | 'critical' | 'defend' | 'heal' | 'defeat' | 'level_up' | 'state_change';
 interface CombatEventData {

package/dist/components/index.js

@@ -4,8 +4,8 @@ export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitH
 export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import { subscribeToTraitChanges, getAllTraits } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Accordion, ButtonGroup, Container } from '../chunk-2GI2TR4Y.js';
-export { ALL_PRESETS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, pendulum, projectileMotion, screenToIso, springOscillator, useCamera, useImageCache } from '../chunk-2GI2TR4Y.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Accordion, ButtonGroup, Container } from '../chunk-77CBR3Z7.js';
+export { ALL_PRESETS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, pendulum, projectileMotion, screenToIso, springOscillator, useCamera, useImageCache } from '../chunk-77CBR3Z7.js';
 import '../chunk-DKQN5FVU.js';
 import { useTranslate } from '../chunk-Y7IHEYYE.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useDragReorder, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useInfiniteScroll, useLongPress, usePullToRefresh, useQuerySingleton, useSwipeGesture, useTranslate } from '../chunk-Y7IHEYYE.js';

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-UYR7S2DP.js';
-import '../chunk-2GI2TR4Y.js';
+export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-ZW5N4AUU.js';
+import '../chunk-77CBR3Z7.js';
 import '../chunk-DKQN5FVU.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-Y7IHEYYE.js';
 export { EventBusContext, EventBusProvider } from '../chunk-YXZM3WCF.js';

package/dist/runtime/index.js

@@ -2,8 +2,8 @@ import '../chunk-PERGHHON.js';
 import '../chunk-N7MVUW4R.js';
 import { registerTrait, unregisterTrait, updateTraitState } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { useFetchedDataContext } from '../chunk-UYR7S2DP.js';
-import '../chunk-2GI2TR4Y.js';
+import { useFetchedDataContext } from '../chunk-ZW5N4AUU.js';
+import '../chunk-77CBR3Z7.js';
 import '../chunk-DKQN5FVU.js';
 import '../chunk-Y7IHEYYE.js';
 import { useEventBus } from '../chunk-YXZM3WCF.js';
@@ -107,6 +107,8 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
   const [traitStates, setTraitStates] = useState(() => {
     return manager.getAllStates();
   });
+  const eventQueueRef = useRef([]);
+  const processingRef = useRef(false);
   const traitBindingsRef = useRef(traitBindings);
   const managerRef = useRef(manager);
   const slotsActionsRef = useRef(slotsActions);
@@ -311,7 +313,7 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
       for (const id of intervals) clearInterval(id);
     };
   }, [traitBindings, runTickEffects]);
-  const processEvent = useCallback((eventKey, payload) => {
+  const processEventQueued = useCallback(async (eventKey, payload) => {
     const normalizedEvent = normalizeEventKey(eventKey);
     const bindings = traitBindingsRef.current;
     const currentManager = managerRef.current;
@@ -443,7 +445,8 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
           entityId
         };
         const executor = new EffectExecutor({ handlers, bindings: bindingCtx, context: effectContext });
-        executor.executeAll(result.effects).then(() => {
+        try {
+          await executor.executeAll(result.effects);
           console.log(
             "[TraitStateMachine] After executeAll, pendingSlots:",
             Object.fromEntries(pendingSlots.entries())
@@ -464,14 +467,14 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
               fetchedDataContext.setData({ [linkedEntity]: updated });
             }
           }
-        }).catch((error) => {
+        } catch (error) {
           console.error(
             "[TraitStateMachine] Effect execution error:",
             error,
             "| effects:",
             JSON.stringify(result.effects)
           );
-        });
+        }
       } else if (!result.executed) {
         if (result.guardResult === false) {
           console.log(
@@ -533,9 +536,28 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
       onEventProcessed(normalizedEvent, payload);
     }
   }, [entities, fetchedDataContext, eventBus]);
+  const drainEventQueue = useCallback(async () => {
+    if (processingRef.current) return;
+    processingRef.current = true;
+    try {
+      while (eventQueueRef.current.length > 0) {
+        const entry = eventQueueRef.current.shift();
+        await processEventQueued(entry.eventKey, entry.payload);
+      }
+    } finally {
+      processingRef.current = false;
+    }
+  }, [processEventQueued]);
+  const enqueueAndDrain = useCallback((eventKey, payload) => {
+    eventQueueRef.current.push({ eventKey, payload });
+    void drainEventQueue();
+  }, [drainEventQueue]);
+  useCallback((eventKey, payload) => {
+    enqueueAndDrain(eventKey, payload);
+  }, [enqueueAndDrain]);
   const sendEvent = useCallback((eventKey, payload) => {
-    processEvent(eventKey, payload);
-  }, [processEvent]);
+    enqueueAndDrain(eventKey, payload);
+  }, [enqueueAndDrain]);
   const getTraitState = useCallback((traitName) => {
     return managerRef.current.getState(traitName);
   }, []);
@@ -561,7 +583,7 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
       }
       const unsub = eventBus.on(`UI:${eventKey}`, (event) => {
         console.log("[TraitStateMachine] Received event:", `UI:${eventKey}`, event);
-        processEvent(eventKey, event.payload);
+        enqueueAndDrain(eventKey, event.payload);
       });
       unsubscribes.push(unsub);
     }
@@ -570,7 +592,7 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
         unsub();
       }
     };
-  }, [traitBindings, eventBus, processEvent]);
+  }, [traitBindings, eventBus, enqueueAndDrain]);
   return {
     traitStates,
     sendEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.13.0",
+  "version": "2.13.2",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",

package/themes/arctic.css

@@ -25,8 +25,8 @@
     /* Border radius - Precise, clean */
     --radius-none: 0px;
     --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-lg: 10px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
     --radius-xl: 14px;
     --radius-full: 9999px;
 
@@ -71,7 +71,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -119,8 +119,8 @@
     /* Border radius - Precise, clean */
     --radius-none: 0px;
     --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-lg: 10px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
     --radius-xl: 14px;
     --radius-full: 9999px;
 
@@ -165,7 +165,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;

package/themes/copper.css

@@ -71,7 +71,7 @@
 
     /* Typography - Heavier weights, functional */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 500;
     --font-weight-medium: 600;
     --font-weight-bold: 700;
@@ -165,7 +165,7 @@
 
     /* Typography - Heavier weights, functional */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 500;
     --font-weight-medium: 600;
     --font-weight-bold: 700;

package/themes/ember.css

@@ -26,8 +26,8 @@
     /* Border radius - Controlled, not too rounded */
     --radius-none: 0px;
     --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-lg: 8px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
     --radius-xl: 12px;
     --radius-full: 9999px;
 
@@ -72,7 +72,7 @@
 
     /* Typography - Bold, heavy */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 500;
     --font-weight-medium: 600;
     --font-weight-bold: 800;
@@ -122,8 +122,8 @@
     /* Border radius - Controlled, not too rounded */
     --radius-none: 0px;
     --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-lg: 8px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
     --radius-xl: 12px;
     --radius-full: 9999px;
 
@@ -168,7 +168,7 @@
 
     /* Typography - Bold, heavy */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 500;
     --font-weight-medium: 600;
     --font-weight-bold: 800;

package/themes/forest.css

@@ -72,7 +72,7 @@
 
     /* Typography - Natural, grounded */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -168,7 +168,7 @@
 
     /* Typography - Natural, grounded */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;

package/themes/lavender.css

@@ -69,7 +69,7 @@
 
     /* Typography - Clean, slightly loose */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -163,7 +163,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;

package/themes/midnight.css

@@ -70,7 +70,7 @@
 
     /* Typography - Wide, elegant */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 300;
     --font-weight-medium: 450;
     --font-weight-bold: 600;
@@ -164,7 +164,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 300;
     --font-weight-medium: 450;
     --font-weight-bold: 600;

package/themes/minimalist.css

@@ -23,8 +23,8 @@
     /* Border radius - Gentle curves */
     --radius-none: 0px;
     --radius-sm: 4px;
-    --radius-md: 8px;
-    --radius-lg: 12px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
     --radius-xl: 16px;
     --radius-full: 9999px;
 
@@ -48,7 +48,7 @@
     --color-muted: #f4f4f5;
     --color-muted-foreground: #71717a;
 
-    --color-background: #ffffff;
+    --color-background: #f8fafc;
     --color-foreground: #18181b;
     --color-card: #ffffff;
     --color-card-foreground: #18181b;
@@ -69,7 +69,7 @@
 
     /* Typography - Light, elegant */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -117,8 +117,8 @@
     /* Border radius - Gentle curves */
     --radius-none: 0px;
     --radius-sm: 4px;
-    --radius-md: 8px;
-    --radius-lg: 12px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
     --radius-xl: 16px;
     --radius-full: 9999px;
 
@@ -163,7 +163,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;

package/themes/neon.css

@@ -26,8 +26,8 @@
     /* Border radius - Sharp, tech aesthetic */
     --radius-none: 0px;
     --radius-sm: 2px;
-    --radius-md: 4px;
-    --radius-lg: 6px;
+    --radius-md: 6px;
+    --radius-lg: 10px;
     --radius-xl: 6px;
     --radius-full: 9999px;
 
@@ -72,7 +72,7 @@
 
     /* Typography - Wide, tech */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 500;
     --font-weight-medium: 600;
     --font-weight-bold: 800;
@@ -124,8 +124,8 @@
     /* Border radius - Sharp, tech aesthetic */
     --radius-none: 0px;
     --radius-sm: 2px;
-    --radius-md: 4px;
-    --radius-lg: 6px;
+    --radius-md: 6px;
+    --radius-lg: 10px;
     --radius-xl: 6px;
     --radius-full: 9999px;
 
@@ -170,7 +170,7 @@
 
     /* Typography - Wide, tech */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 500;
     --font-weight-medium: 600;
     --font-weight-bold: 800;

package/themes/ocean.css

@@ -72,7 +72,7 @@
 
     /* Typography - Clean, spacious */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -168,7 +168,7 @@
 
     /* Typography - Clean, spacious */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;

package/themes/rose.css

@@ -69,7 +69,7 @@
 
     /* Typography - Light, elegant */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 300;
     --font-weight-medium: 450;
     --font-weight-bold: 600;
@@ -163,7 +163,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 300;
     --font-weight-medium: 450;
     --font-weight-bold: 600;

package/themes/sand.css

@@ -24,8 +24,8 @@
     /* Border radius - Natural, soft */
     --radius-none: 0px;
     --radius-sm: 6px;
-    --radius-md: 8px;
-    --radius-lg: 12px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
     --radius-xl: 16px;
     --radius-full: 9999px;
 
@@ -70,7 +70,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -118,8 +118,8 @@
     /* Border radius - Natural, soft */
     --radius-none: 0px;
     --radius-sm: 6px;
-    --radius-md: 8px;
-    --radius-lg: 12px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
     --radius-xl: 16px;
     --radius-full: 9999px;
 
@@ -164,7 +164,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;

package/themes/slate.css

@@ -24,8 +24,8 @@
     /* Border radius - Almost sharp, corporate */
     --radius-none: 0px;
     --radius-sm: 2px;
-    --radius-md: 4px;
-    --radius-lg: 6px;
+    --radius-md: 6px;
+    --radius-lg: 10px;
     --radius-xl: 8px;
     --radius-full: 9999px;
 
@@ -70,7 +70,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 700;
@@ -117,8 +117,8 @@
     /* Border radius - Almost sharp, corporate */
     --radius-none: 0px;
     --radius-sm: 2px;
-    --radius-md: 4px;
-    --radius-lg: 6px;
+    --radius-md: 6px;
+    --radius-lg: 10px;
     --radius-xl: 8px;
     --radius-full: 9999px;
 
@@ -163,7 +163,7 @@
 
     /* Typography */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 700;

package/themes/sunset.css

@@ -72,7 +72,7 @@
 
     /* Typography - Tight, expressive */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
@@ -168,7 +168,7 @@
 
     /* Typography - Tight, expressive */
     --font-family:
-        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;