@almadar/ui 5.69.0 → 5.70.0

package/dist/providers/index.js

@@ -44998,35 +44998,44 @@ var init_HexStrategyBoard = __esm({
   }
 });
 function HolidayRunnerBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 400,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsx(
-      GameCanvas2D,
-      {
-        width,
-        height,
-        fps,
-        backgroundImage: backgroundImage ?? "",
-        assetBaseUrl
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_HolidayRunnerBoard = __esm({
   "components/game/organisms/HolidayRunnerBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     HolidayRunnerBoard.displayName = "HolidayRunnerBoard";
   }
 });
@@ -46744,25 +46753,36 @@ var init_PricingPageTemplate = __esm({
   }
 });
 function RacingBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
-  tickEvent,
-  drawEvent,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
   className
 }) {
   return /* @__PURE__ */ jsx("div", { className: cn("racing-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
-    GameCanvas2D,
+    IsometricCanvas_default,
     {
-      backgroundImage,
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
       assetBaseUrl,
-      width,
-      height,
-      fps,
-      tickEvent: typeof tickEvent === "string" ? tickEvent : void 0,
-      drawEvent: typeof drawEvent === "string" ? drawEvent : void 0
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
     }
   ) });
 }
@@ -46770,7 +46790,7 @@ var init_RacingBoard = __esm({
   "components/game/organisms/RacingBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     RacingBoard.displayName = "RacingBoard";
   }
 });
@@ -50003,35 +50023,44 @@ var init_SokobanBoard = __esm({
   }
 });
 function SpaceShmupBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-shmup-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-red-900/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsx(
-      GameCanvas2D,
-      {
-        backgroundImage,
-        assetBaseUrl,
-        width,
-        height,
-        fps
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: cn("space-shmup-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_SpaceShmupBoard = __esm({
   "components/game/organisms/SpaceShmupBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     SpaceShmupBoard.displayName = "SpaceShmupBoard";
   }
 });

package/dist/runtime/index.cjs

@@ -44743,35 +44743,44 @@ var init_HexStrategyBoard = __esm({
   }
 });
 function HolidayRunnerBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 400,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GameCanvas2D,
-      {
-        width,
-        height,
-        fps,
-        backgroundImage: backgroundImage ?? "",
-        assetBaseUrl
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_HolidayRunnerBoard = __esm({
   "components/game/organisms/HolidayRunnerBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     HolidayRunnerBoard.displayName = "HolidayRunnerBoard";
   }
 });
@@ -46489,25 +46498,36 @@ var init_PricingPageTemplate = __esm({
   }
 });
 function RacingBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
-  tickEvent,
-  drawEvent,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("racing-board relative w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
-    GameCanvas2D,
+    IsometricCanvas_default,
     {
-      backgroundImage,
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
       assetBaseUrl,
-      width,
-      height,
-      fps,
-      tickEvent: typeof tickEvent === "string" ? tickEvent : void 0,
-      drawEvent: typeof drawEvent === "string" ? drawEvent : void 0
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
     }
   ) });
 }
@@ -46515,7 +46535,7 @@ var init_RacingBoard = __esm({
   "components/game/organisms/RacingBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     RacingBoard.displayName = "RacingBoard";
   }
 });
@@ -49767,35 +49787,44 @@ var init_SokobanBoard = __esm({
   }
 });
 function SpaceShmupBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-shmup-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-red-900/60 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GameCanvas2D,
-      {
-        backgroundImage,
-        assetBaseUrl,
-        width,
-        height,
-        fps
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-shmup-board relative w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_SpaceShmupBoard = __esm({
   "components/game/organisms/SpaceShmupBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     SpaceShmupBoard.displayName = "SpaceShmupBoard";
   }
 });

package/dist/runtime/index.js

@@ -44696,35 +44696,44 @@ var init_HexStrategyBoard = __esm({
   }
 });
 function HolidayRunnerBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 400,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsx(
-      GameCanvas2D,
-      {
-        width,
-        height,
-        fps,
-        backgroundImage: backgroundImage ?? "",
-        assetBaseUrl
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_HolidayRunnerBoard = __esm({
   "components/game/organisms/HolidayRunnerBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     HolidayRunnerBoard.displayName = "HolidayRunnerBoard";
   }
 });
@@ -46442,25 +46451,36 @@ var init_PricingPageTemplate = __esm({
   }
 });
 function RacingBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
-  tickEvent,
-  drawEvent,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
   className
 }) {
   return /* @__PURE__ */ jsx("div", { className: cn("racing-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
-    GameCanvas2D,
+    IsometricCanvas_default,
     {
-      backgroundImage,
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
       assetBaseUrl,
-      width,
-      height,
-      fps,
-      tickEvent: typeof tickEvent === "string" ? tickEvent : void 0,
-      drawEvent: typeof drawEvent === "string" ? drawEvent : void 0
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
     }
   ) });
 }
@@ -46468,7 +46488,7 @@ var init_RacingBoard = __esm({
   "components/game/organisms/RacingBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     RacingBoard.displayName = "RacingBoard";
   }
 });
@@ -49720,35 +49740,44 @@ var init_SokobanBoard = __esm({
   }
 });
 function SpaceShmupBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-shmup-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-red-900/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsx(
-      GameCanvas2D,
-      {
-        backgroundImage,
-        assetBaseUrl,
-        width,
-        height,
-        fps
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: cn("space-shmup-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_SpaceShmupBoard = __esm({
   "components/game/organisms/SpaceShmupBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     SpaceShmupBoard.displayName = "SpaceShmupBoard";
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.69.0",
+  "version": "5.70.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [

package/themes/almadar-website.css

@@ -33,8 +33,8 @@
     --border-width-thick: 2px;
 
     /* Colors - Teal on parchment */
-    --color-primary: #14b8a6;
-    --color-primary-hover: #0d9488;
+    --color-primary: #0f766e;
+    --color-primary-hover: #115e59;
     --color-primary-foreground: #ffffff;
 
     --color-secondary: #f1f5f9;

package/themes/almadar.css

@@ -35,8 +35,8 @@
     --border-width-thick: 2px;
 
     /* Colors - Teal on light background */
-    --color-primary: #14b8a6;
-    --color-primary-hover: #0d9488;
+    --color-primary: #0f766e;
+    --color-primary-hover: #115e59;
     --color-primary-foreground: #ffffff;
 
     --color-secondary: #f1f5f9;

package/themes/arctic.css

@@ -36,8 +36,8 @@
     --border-width-thick: 2px;
 
     /* Colors - Ice blue, cool and clean */
-    --color-primary: #0284c7;
-    --color-primary-hover: #0369a1;
+    --color-primary: #0369a1;
+    --color-primary-hover: #075985;
     --color-primary-foreground: #ffffff;
 
     --color-secondary: #e0f2fe;

package/themes/kiosk.css

@@ -35,8 +35,8 @@
     --border-width-thick: 3px;
 
     /* Colors - Warm white background, saturated coral primary */
-    --color-primary: #ff5a4f;
-    --color-primary-hover: #e8483e;
+    --color-primary: #dc2626;
+    --color-primary-hover: #b91c1c;
     --color-primary-foreground: #ffffff;
 
     --color-secondary: #fff1ef;

package/themes/lavender.css

@@ -147,9 +147,9 @@
     --border-width-thick: 2px;
 
     /* Colors - Deep purple dark mode */
-    --color-primary: #a78bfa;
-    --color-primary-hover: #c4b5fd;
-    --color-primary-foreground: #2e1065;
+    --color-primary: #7c3aed;
+    --color-primary-hover: #6d28d9;
+    --color-primary-foreground: #ffffff;
 
     --color-secondary: #1a0d30;
     --color-secondary-hover: #251445;

package/themes/midnight.css

@@ -35,8 +35,8 @@
     --border-width-thick: 2px;
 
     /* Colors - Indigo palette, sophisticated */
-    --color-primary: #6366f1;
-    --color-primary-hover: #4f46e5;
+    --color-primary: #4f46e5;
+    --color-primary-hover: #4338ca;
     --color-primary-foreground: #ffffff;
 
     --color-secondary: #eef2ff;

package/themes/neon.css

@@ -37,8 +37,8 @@
     --border-width-thick: 3px;
 
     /* Colors - Teal-tinted light mode */
-    --color-primary: #0891b2;
-    --color-primary-hover: #0e7490;
+    --color-primary: #0e7490;
+    --color-primary-hover: #155e75;
     --color-primary-foreground: #ffffff;
 
     --color-secondary: #ccfbf1;

package/themes/notion-editorial.css

@@ -39,8 +39,8 @@
     --border-width-thin: 1px;
     --border-width-thick: 1px;
 
-    --color-primary: #ff6b35;
-    --color-primary-hover: #e55a26;
+    --color-primary: #c2410c;
+    --color-primary-hover: #9a3412;
     --color-primary-foreground: #fefdf9;
 
     --color-secondary: #f4f1ea;