@almadar/ui 5.97.0 → 5.99.0

package/dist/lib/index.js

@@ -501,11 +501,14 @@ function recordTransition(trace) {
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
+    const hasEntitySeed = entry.effects.some(
+      (e) => e.type === "set" && typeof e.args[0] === "string" && e.args[0].startsWith("@entity.")
+    );
     const checkId = `init-fetch-${entry.traitName}`;
-    if (hasFetch) {
+    if (hasFetch || hasEntitySeed) {
       registerCheck(
         checkId,
-        `INIT transition for "${entry.traitName}" has fetch effect`,
+        `INIT transition for "${entry.traitName}" has fetch or entity-seed effect`,
         "pass"
       );
     } else {

package/dist/providers/index.cjs

@@ -7223,11 +7223,14 @@ function recordTransition(trace) {
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
+    const hasEntitySeed = entry.effects.some(
+      (e) => e.type === "set" && typeof e.args[0] === "string" && e.args[0].startsWith("@entity.")
+    );
     const checkId = `init-fetch-${entry.traitName}`;
-    if (hasFetch) {
+    if (hasFetch || hasEntitySeed) {
       registerCheck(
         checkId,
-        `INIT transition for "${entry.traitName}" has fetch effect`,
+        `INIT transition for "${entry.traitName}" has fetch or entity-seed effect`,
         "pass"
       );
     } else {
@@ -7870,7 +7873,7 @@ var init_ScoreDisplay = __esm({
   }
 });
 function ControlButton({
-  assetUrl = DEFAULT_ASSET_URL,
+  assetUrl,
   label,
   icon,
   size = "md",
@@ -7948,7 +7951,7 @@ function ControlButton({
     }
   );
 }
-var sizeMap4, shapeMap, variantMap, DEFAULT_ASSET_URL;
+var sizeMap4, shapeMap, variantMap;
 var init_ControlButton = __esm({
   "components/game/2d/atoms/ControlButton.tsx"() {
     "use client";
@@ -7975,11 +7978,6 @@ var init_ControlButton = __esm({
       secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
       ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
-    DEFAULT_ASSET_URL = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/circle_01.png",
-      role: "ui",
-      category: "control"
-    };
     ControlButton.displayName = "ControlButton";
   }
 });
@@ -8068,7 +8066,7 @@ function isKnownState(s) {
   return s in DEFAULT_STATE_STYLES;
 }
 function StateIndicator({
-  assetUrl = DEFAULT_ASSET_URL2,
+  assetUrl = DEFAULT_ASSET_URL,
   state = "idle",
   label,
   size = "md",
@@ -8098,14 +8096,14 @@ function StateIndicator({
     }
   );
 }
-var DEFAULT_ASSET_URL2, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
+var DEFAULT_ASSET_URL, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
 var init_StateIndicator = __esm({
   "components/game/2d/atoms/StateIndicator.tsx"() {
     init_Box();
     init_Icon();
     init_cn();
     init_GameIcon();
-    DEFAULT_ASSET_URL2 = {
+    DEFAULT_ASSET_URL = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "ui",
       category: "state"
@@ -8191,7 +8189,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL3,
+  assetUrl = DEFAULT_ASSET_URL2,
   icon,
   label = "Gold",
   value = 250,
@@ -8224,7 +8222,7 @@ function ResourceCounter({
     }
   );
 }
-var colorTokenClasses2, DEFAULT_ASSET_URL3, sizeMap6;
+var colorTokenClasses2, DEFAULT_ASSET_URL2, sizeMap6;
 var init_ResourceCounter = __esm({
   "components/game/2d/atoms/ResourceCounter.tsx"() {
     init_cn();
@@ -8240,7 +8238,7 @@ var init_ResourceCounter = __esm({
       error: "text-error",
       muted: "text-muted-foreground"
     };
-    DEFAULT_ASSET_URL3 = {
+    DEFAULT_ASSET_URL2 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
       role: "ui",
       category: "coin"
@@ -8254,7 +8252,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
-  assetUrl = DEFAULT_ASSET_URL4,
+  assetUrl = DEFAULT_ASSET_URL3,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -8309,7 +8307,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL4, assetSizeMap;
+var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL3, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/2d/atoms/ItemSlot.tsx"() {
     "use client";
@@ -8339,7 +8337,7 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
-    DEFAULT_ASSET_URL4 = {
+    DEFAULT_ASSET_URL3 = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "item",
       category: "item"
@@ -8353,7 +8351,7 @@ var init_ItemSlot = __esm({
   }
 });
 function TurnIndicator({
-  assetUrl = DEFAULT_ASSET_URL5,
+  assetUrl = DEFAULT_ASSET_URL4,
   currentTurn = 1,
   maxTurns,
   activeTeam,
@@ -8393,7 +8391,7 @@ function TurnIndicator({
     }
   );
 }
-var sizeMap8, DEFAULT_ASSET_URL5;
+var sizeMap8, DEFAULT_ASSET_URL4;
 var init_TurnIndicator = __esm({
   "components/game/2d/atoms/TurnIndicator.tsx"() {
     init_cn();
@@ -8405,7 +8403,7 @@ var init_TurnIndicator = __esm({
       md: { wrapper: "text-sm gap-2 px-3 py-1", dot: "w-2 h-2" },
       lg: { wrapper: "text-base gap-2.5 px-4 py-1.5", dot: "w-2.5 h-2.5" }
     };
-    DEFAULT_ASSET_URL5 = {
+    DEFAULT_ASSET_URL4 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
       role: "ui",
       category: "turn"
@@ -8425,7 +8423,7 @@ function getComboScale(combo) {
   return "";
 }
 function ComboCounter({
-  assetUrl = DEFAULT_ASSET_URL6,
+  assetUrl = DEFAULT_ASSET_URL5,
   combo = 5,
   multiplier,
   streak,
@@ -8460,14 +8458,14 @@ function ComboCounter({
     }
   );
 }
-var DEFAULT_ASSET_URL6, sizeMap9;
+var DEFAULT_ASSET_URL5, sizeMap9;
 var init_ComboCounter = __esm({
   "components/game/2d/atoms/ComboCounter.tsx"() {
     init_cn();
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL6 = {
+    DEFAULT_ASSET_URL5 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
       role: "effect",
       category: "effect"
@@ -8481,7 +8479,7 @@ var init_ComboCounter = __esm({
   }
 });
 function WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL7,
+  assetUrl = DEFAULT_ASSET_URL6,
   label,
   icon,
   active = true,
@@ -8541,7 +8539,7 @@ function WaypointMarker({
     )
   ] });
 }
-var DEFAULT_ASSET_URL7, sizeMap10, checkIcon;
+var DEFAULT_ASSET_URL6, sizeMap10, checkIcon;
 var init_WaypointMarker = __esm({
   "components/game/2d/atoms/WaypointMarker.tsx"() {
     init_cn();
@@ -8549,7 +8547,7 @@ var init_WaypointMarker = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL7 = {
+    DEFAULT_ASSET_URL6 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
       role: "ui",
       category: "waypoint"
@@ -8570,7 +8568,7 @@ function formatDuration(seconds) {
   return `${Math.round(seconds)}s`;
 }
 function StatusEffect({
-  assetUrl = DEFAULT_ASSET_URL8,
+  assetUrl = DEFAULT_ASSET_URL7,
   icon,
   label = "Shield",
   duration = 30,
@@ -8621,7 +8619,7 @@ function StatusEffect({
     label && /* @__PURE__ */ jsxRuntime.jsx(Typography, { as: "span", className: "text-xs text-muted-foreground mt-0.5 text-center whitespace-nowrap", children: label })
   ] });
 }
-var DEFAULT_ASSET_URL8, sizeMap11, variantStyles7;
+var DEFAULT_ASSET_URL7, sizeMap11, variantStyles7;
 var init_StatusEffect = __esm({
   "components/game/2d/atoms/StatusEffect.tsx"() {
     init_cn();
@@ -8629,7 +8627,7 @@ var init_StatusEffect = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL8 = {
+    DEFAULT_ASSET_URL7 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
       role: "ui",
       category: "effect"
@@ -8648,7 +8646,7 @@ var init_StatusEffect = __esm({
   }
 });
 function DamageNumber({
-  assetUrl = DEFAULT_ASSET_URL9,
+  assetUrl = DEFAULT_ASSET_URL8,
   value = 42,
   type = "damage",
   size = "md",
@@ -8676,7 +8674,7 @@ function DamageNumber({
     )
   ] });
 }
-var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL9;
+var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL8;
 var init_DamageNumber = __esm({
   "components/game/2d/atoms/DamageNumber.tsx"() {
     init_cn();
@@ -8700,7 +8698,7 @@ var init_DamageNumber = __esm({
   100% { opacity: 0; transform: translateY(-32px) scale(0.8); }
 }
 `;
-    DEFAULT_ASSET_URL9 = {
+    DEFAULT_ASSET_URL8 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
       role: "effect",
       category: "effect"
@@ -8826,7 +8824,7 @@ var init_ChoiceButton = __esm({
   }
 });
 function ActionButton({
-  assetUrl = DEFAULT_ASSET_URL10,
+  assetUrl = DEFAULT_ASSET_URL9,
   label = "Attack",
   icon,
   cooldown = 0,
@@ -8895,7 +8893,7 @@ function ActionButton({
     }
   );
 }
-var sizeMap13, variantStyles8, DEFAULT_ASSET_URL10;
+var sizeMap13, variantStyles8, DEFAULT_ASSET_URL9;
 var init_ActionButton = __esm({
   "components/game/2d/atoms/ActionButton.tsx"() {
     init_cn();
@@ -8915,7 +8913,7 @@ var init_ActionButton = __esm({
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
       danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
-    DEFAULT_ASSET_URL10 = {
+    DEFAULT_ASSET_URL9 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
       role: "ui",
       category: "action"
@@ -9135,15 +9133,17 @@ function ControlGrid({
       },
       d
     );
+    const usesSemantic = !!directionEvents;
+    const cell = (d) => !usesSemantic || directionEvents?.[d] ? dir(d) : /* @__PURE__ */ jsxRuntime.jsx(Box, {}, d);
     return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("inline-grid grid-cols-3", ds.gap, ds.container, className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(Box, {}),
-      dir("up"),
+      cell("up"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, {}),
-      dir("left"),
+      cell("left"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-6 h-6 rounded-interactive bg-muted border-2 border-muted-foreground" }) }),
-      dir("right"),
+      cell("right"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, {}),
-      dir("down"),
+      cell("down"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, {})
     ] });
   }

package/dist/providers/index.js

@@ -7178,11 +7178,14 @@ function recordTransition(trace) {
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
+    const hasEntitySeed = entry.effects.some(
+      (e) => e.type === "set" && typeof e.args[0] === "string" && e.args[0].startsWith("@entity.")
+    );
     const checkId = `init-fetch-${entry.traitName}`;
-    if (hasFetch) {
+    if (hasFetch || hasEntitySeed) {
       registerCheck(
         checkId,
-        `INIT transition for "${entry.traitName}" has fetch effect`,
+        `INIT transition for "${entry.traitName}" has fetch or entity-seed effect`,
         "pass"
       );
     } else {
@@ -7825,7 +7828,7 @@ var init_ScoreDisplay = __esm({
   }
 });
 function ControlButton({
-  assetUrl = DEFAULT_ASSET_URL,
+  assetUrl,
   label,
   icon,
   size = "md",
@@ -7903,7 +7906,7 @@ function ControlButton({
     }
   );
 }
-var sizeMap4, shapeMap, variantMap, DEFAULT_ASSET_URL;
+var sizeMap4, shapeMap, variantMap;
 var init_ControlButton = __esm({
   "components/game/2d/atoms/ControlButton.tsx"() {
     "use client";
@@ -7930,11 +7933,6 @@ var init_ControlButton = __esm({
       secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
       ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
-    DEFAULT_ASSET_URL = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/circle_01.png",
-      role: "ui",
-      category: "control"
-    };
     ControlButton.displayName = "ControlButton";
   }
 });
@@ -8023,7 +8021,7 @@ function isKnownState(s) {
   return s in DEFAULT_STATE_STYLES;
 }
 function StateIndicator({
-  assetUrl = DEFAULT_ASSET_URL2,
+  assetUrl = DEFAULT_ASSET_URL,
   state = "idle",
   label,
   size = "md",
@@ -8053,14 +8051,14 @@ function StateIndicator({
     }
   );
 }
-var DEFAULT_ASSET_URL2, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
+var DEFAULT_ASSET_URL, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
 var init_StateIndicator = __esm({
   "components/game/2d/atoms/StateIndicator.tsx"() {
     init_Box();
     init_Icon();
     init_cn();
     init_GameIcon();
-    DEFAULT_ASSET_URL2 = {
+    DEFAULT_ASSET_URL = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "ui",
       category: "state"
@@ -8146,7 +8144,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL3,
+  assetUrl = DEFAULT_ASSET_URL2,
   icon,
   label = "Gold",
   value = 250,
@@ -8179,7 +8177,7 @@ function ResourceCounter({
     }
   );
 }
-var colorTokenClasses2, DEFAULT_ASSET_URL3, sizeMap6;
+var colorTokenClasses2, DEFAULT_ASSET_URL2, sizeMap6;
 var init_ResourceCounter = __esm({
   "components/game/2d/atoms/ResourceCounter.tsx"() {
     init_cn();
@@ -8195,7 +8193,7 @@ var init_ResourceCounter = __esm({
       error: "text-error",
       muted: "text-muted-foreground"
     };
-    DEFAULT_ASSET_URL3 = {
+    DEFAULT_ASSET_URL2 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
       role: "ui",
       category: "coin"
@@ -8209,7 +8207,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
-  assetUrl = DEFAULT_ASSET_URL4,
+  assetUrl = DEFAULT_ASSET_URL3,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -8264,7 +8262,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL4, assetSizeMap;
+var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL3, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/2d/atoms/ItemSlot.tsx"() {
     "use client";
@@ -8294,7 +8292,7 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
-    DEFAULT_ASSET_URL4 = {
+    DEFAULT_ASSET_URL3 = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "item",
       category: "item"
@@ -8308,7 +8306,7 @@ var init_ItemSlot = __esm({
   }
 });
 function TurnIndicator({
-  assetUrl = DEFAULT_ASSET_URL5,
+  assetUrl = DEFAULT_ASSET_URL4,
   currentTurn = 1,
   maxTurns,
   activeTeam,
@@ -8348,7 +8346,7 @@ function TurnIndicator({
     }
   );
 }
-var sizeMap8, DEFAULT_ASSET_URL5;
+var sizeMap8, DEFAULT_ASSET_URL4;
 var init_TurnIndicator = __esm({
   "components/game/2d/atoms/TurnIndicator.tsx"() {
     init_cn();
@@ -8360,7 +8358,7 @@ var init_TurnIndicator = __esm({
       md: { wrapper: "text-sm gap-2 px-3 py-1", dot: "w-2 h-2" },
       lg: { wrapper: "text-base gap-2.5 px-4 py-1.5", dot: "w-2.5 h-2.5" }
     };
-    DEFAULT_ASSET_URL5 = {
+    DEFAULT_ASSET_URL4 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
       role: "ui",
       category: "turn"
@@ -8380,7 +8378,7 @@ function getComboScale(combo) {
   return "";
 }
 function ComboCounter({
-  assetUrl = DEFAULT_ASSET_URL6,
+  assetUrl = DEFAULT_ASSET_URL5,
   combo = 5,
   multiplier,
   streak,
@@ -8415,14 +8413,14 @@ function ComboCounter({
     }
   );
 }
-var DEFAULT_ASSET_URL6, sizeMap9;
+var DEFAULT_ASSET_URL5, sizeMap9;
 var init_ComboCounter = __esm({
   "components/game/2d/atoms/ComboCounter.tsx"() {
     init_cn();
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL6 = {
+    DEFAULT_ASSET_URL5 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
       role: "effect",
       category: "effect"
@@ -8436,7 +8434,7 @@ var init_ComboCounter = __esm({
   }
 });
 function WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL7,
+  assetUrl = DEFAULT_ASSET_URL6,
   label,
   icon,
   active = true,
@@ -8496,7 +8494,7 @@ function WaypointMarker({
     )
   ] });
 }
-var DEFAULT_ASSET_URL7, sizeMap10, checkIcon;
+var DEFAULT_ASSET_URL6, sizeMap10, checkIcon;
 var init_WaypointMarker = __esm({
   "components/game/2d/atoms/WaypointMarker.tsx"() {
     init_cn();
@@ -8504,7 +8502,7 @@ var init_WaypointMarker = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL7 = {
+    DEFAULT_ASSET_URL6 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
       role: "ui",
       category: "waypoint"
@@ -8525,7 +8523,7 @@ function formatDuration(seconds) {
   return `${Math.round(seconds)}s`;
 }
 function StatusEffect({
-  assetUrl = DEFAULT_ASSET_URL8,
+  assetUrl = DEFAULT_ASSET_URL7,
   icon,
   label = "Shield",
   duration = 30,
@@ -8576,7 +8574,7 @@ function StatusEffect({
     label && /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-xs text-muted-foreground mt-0.5 text-center whitespace-nowrap", children: label })
   ] });
 }
-var DEFAULT_ASSET_URL8, sizeMap11, variantStyles7;
+var DEFAULT_ASSET_URL7, sizeMap11, variantStyles7;
 var init_StatusEffect = __esm({
   "components/game/2d/atoms/StatusEffect.tsx"() {
     init_cn();
@@ -8584,7 +8582,7 @@ var init_StatusEffect = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL8 = {
+    DEFAULT_ASSET_URL7 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
       role: "ui",
       category: "effect"
@@ -8603,7 +8601,7 @@ var init_StatusEffect = __esm({
   }
 });
 function DamageNumber({
-  assetUrl = DEFAULT_ASSET_URL9,
+  assetUrl = DEFAULT_ASSET_URL8,
   value = 42,
   type = "damage",
   size = "md",
@@ -8631,7 +8629,7 @@ function DamageNumber({
     )
   ] });
 }
-var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL9;
+var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL8;
 var init_DamageNumber = __esm({
   "components/game/2d/atoms/DamageNumber.tsx"() {
     init_cn();
@@ -8655,7 +8653,7 @@ var init_DamageNumber = __esm({
   100% { opacity: 0; transform: translateY(-32px) scale(0.8); }
 }
 `;
-    DEFAULT_ASSET_URL9 = {
+    DEFAULT_ASSET_URL8 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
       role: "effect",
       category: "effect"
@@ -8781,7 +8779,7 @@ var init_ChoiceButton = __esm({
   }
 });
 function ActionButton({
-  assetUrl = DEFAULT_ASSET_URL10,
+  assetUrl = DEFAULT_ASSET_URL9,
   label = "Attack",
   icon,
   cooldown = 0,
@@ -8850,7 +8848,7 @@ function ActionButton({
     }
   );
 }
-var sizeMap13, variantStyles8, DEFAULT_ASSET_URL10;
+var sizeMap13, variantStyles8, DEFAULT_ASSET_URL9;
 var init_ActionButton = __esm({
   "components/game/2d/atoms/ActionButton.tsx"() {
     init_cn();
@@ -8870,7 +8868,7 @@ var init_ActionButton = __esm({
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
       danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
-    DEFAULT_ASSET_URL10 = {
+    DEFAULT_ASSET_URL9 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
       role: "ui",
       category: "action"
@@ -9090,15 +9088,17 @@ function ControlGrid({
       },
       d
     );
+    const usesSemantic = !!directionEvents;
+    const cell = (d) => !usesSemantic || directionEvents?.[d] ? dir(d) : /* @__PURE__ */ jsx(Box, {}, d);
     return /* @__PURE__ */ jsxs(Box, { className: cn("inline-grid grid-cols-3", ds.gap, ds.container, className), children: [
       /* @__PURE__ */ jsx(Box, {}),
-      dir("up"),
+      cell("up"),
       /* @__PURE__ */ jsx(Box, {}),
-      dir("left"),
+      cell("left"),
       /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Box, { className: "w-6 h-6 rounded-interactive bg-muted border-2 border-muted-foreground" }) }),
-      dir("right"),
+      cell("right"),
       /* @__PURE__ */ jsx(Box, {}),
-      dir("down"),
+      cell("down"),
       /* @__PURE__ */ jsx(Box, {})
     ] });
   }