@almadar/std 3.4.2 → 3.4.3

package/dist/behaviors/index.js

@@ -7664,7 +7664,7 @@ function resolve45(params) {
     { name: "x", type: "number", default: 0 },
     { name: "y", type: "number", default: 0 },
     { name: "frame", type: "number", default: 0 },
-    { name: "spritesheet", type: "string", default: "" }
+    { name: "spritesheet", type: "string", default: "https://almadar-kflow-assets.web.app/shared/sprite-sheets/amir-sprite-sheet-se.png" }
   ];
   const userFieldNames = new Set(baseFields.map((f) => f.name));
   const fields = [...baseFields, ...domainFields.filter((f) => !userFieldNames.has(f.name))];
@@ -7687,14 +7687,51 @@ function buildEntity43(c) {
 function buildTrait44(c) {
   const { entityName, frameWidth, frameHeight, scale } = c;
   const spriteView = {
-    type: "sprite",
-    spritesheet: `@${entityName}.spritesheet`,
-    frameWidth,
-    frameHeight,
-    frame: `@${entityName}.frame`,
-    x: `@${entityName}.x`,
-    y: `@${entityName}.y`,
-    scale
+    type: "stack",
+    direction: "vertical",
+    gap: "md",
+    children: [
+      {
+        type: "stack",
+        direction: "horizontal",
+        gap: "sm",
+        align: "center",
+        children: [
+          { type: "icon", name: "image", size: "lg" },
+          { type: "typography", content: `${entityName} Sprite`, variant: "h2" }
+        ]
+      },
+      { type: "divider" },
+      {
+        type: "box",
+        className: "relative bg-gray-900 rounded-lg overflow-hidden",
+        style: { width: `${frameWidth * scale * 4}px`, height: `${frameHeight * scale * 4}px`, margin: "0 auto" },
+        children: [
+          {
+            type: "sprite",
+            spritesheet: `@${entityName}.spritesheet`,
+            frameWidth,
+            frameHeight,
+            frame: `@${entityName}.frame`,
+            x: frameWidth * scale,
+            y: frameHeight * scale,
+            scale
+          }
+        ]
+      },
+      {
+        type: "stack",
+        direction: "horizontal",
+        gap: "md",
+        justify: "center",
+        children: [
+          { type: "typography", content: `Frame: `, variant: "caption", color: "muted" },
+          { type: "badge", content: `@${entityName}.frame`, variant: "default" },
+          { type: "typography", content: `Position: `, variant: "caption", color: "muted" },
+          { type: "badge", content: ["concat", `@${entityName}.x`, ",", `@${entityName}.y`], variant: "default" }
+        ]
+      }
+    ]
   };
   return {
     name: c.traitName,
@@ -7753,12 +7790,80 @@ function buildEntity44(c) {
 }
 function buildTrait45(c) {
   const { entityName, initialMuted } = c;
+  const audioControls = {
+    type: "stack",
+    direction: "vertical",
+    gap: "lg",
+    className: "max-w-md mx-auto",
+    children: [
+      {
+        type: "stack",
+        direction: "horizontal",
+        gap: "sm",
+        align: "center",
+        children: [
+          { type: "icon", name: "volume-2", size: "lg" },
+          { type: "typography", content: "Audio Controls", variant: "h2" }
+        ]
+      },
+      { type: "divider" },
+      {
+        type: "card",
+        children: [
+          {
+            type: "stack",
+            direction: "vertical",
+            gap: "md",
+            children: [
+              { type: "typography", content: initialMuted ? "Audio Muted" : "Audio Active", variant: "h4" },
+              { type: "typography", content: "Toggle mute to control game audio playback.", variant: "body", color: "muted" },
+              {
+                type: "stack",
+                direction: "horizontal",
+                gap: "sm",
+                children: [
+                  { type: "button", label: "Toggle Mute", icon: initialMuted ? "volume-x" : "volume-2", event: "TOGGLE_MUTE", variant: "primary" }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        type: "card",
+        children: [
+          {
+            type: "stack",
+            direction: "vertical",
+            gap: "sm",
+            children: [
+              { type: "typography", content: "Sound Effects", variant: "h4" },
+              {
+                type: "stack",
+                direction: "horizontal",
+                gap: "sm",
+                children: [
+                  { type: "button", label: "Play Click", icon: "play", variant: "outline" },
+                  { type: "button", label: "Play Confirm", icon: "play", variant: "outline" },
+                  { type: "button", label: "Play Drop", icon: "play", variant: "outline" }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
   const audioView = {
     type: "game-audio-provider",
-    manifest: {},
-    baseUrl: "",
+    manifest: {
+      click: "https://almadar-kflow-assets.web.app/shared/audio/sfx/close_001.ogg",
+      confirm: "https://almadar-kflow-assets.web.app/shared/audio/sfx/confirmation_001.ogg",
+      drop: "https://almadar-kflow-assets.web.app/shared/audio/sfx/drop_001.ogg"
+    },
+    baseUrl: "https://almadar-kflow-assets.web.app/shared/audio",
     initialMuted,
-    children: []
+    children: [audioControls]
   };
   return {
     name: c.traitName,