@almadar/ui 2.21.0 → 2.22.0

package/dist/avl/index.cjs

@@ -4551,22 +4551,11 @@ var AvlEmitListen = ({
         style: animated ? { animation: "avl-el-dash 1s linear infinite" } : void 0
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AvlEffect,
-      {
-        x: leftCx + orbR + 20,
-        y: cy - 20,
-        effectType: "emit",
-        size: 6,
-        color,
-        opacity: 0.8
-      }
-    ),
     eventName && /* @__PURE__ */ jsxRuntime.jsxs(
       "text",
       {
         x: 300,
-        y: cy - 18,
+        y: cy - 22,
         textAnchor: "middle",
         fill: color,
         fontSize: 11,
@@ -4579,6 +4568,17 @@ var AvlEmitListen = ({
         ]
       }
     ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AvlEffect,
+      {
+        x: 300,
+        y: cy - 46,
+        effectType: "emit",
+        size: 7,
+        color,
+        opacity: 0.6
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "text",
       {
@@ -4757,7 +4757,7 @@ function layoutTree(node, x, y, hSpacing, vSpacing) {
   const totalWidth = (children.length - 1) * hSpacing;
   const startX = x - totalWidth / 2;
   const layoutChildren = children.map(
-    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.75, vSpacing)
+    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.85, vSpacing)
   );
   return { label: node.label, type: node.type, x, y, children: layoutChildren };
 }
@@ -4822,7 +4822,7 @@ function renderNode(node, color, glowId) {
         fontSize: node.type === "operator" ? 11 : 10,
         fontFamily: "inherit",
         fontWeight: node.type === "operator" ? "bold" : "normal",
-        children: node.type === "binding" ? `@${node.label}` : node.label
+        children: node.type === "binding" && !node.label.startsWith("@") ? `@${node.label}` : node.label
       }
     ),
     node.children.map((child) => renderNode(child, color))
@@ -4837,8 +4837,8 @@ var AvlExprTree = ({
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
-  const layout = layoutTree(expression, 300, 60, 200, 90);
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 600 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  const layout = layoutTree(expression, 400, 60, 280, 100);
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 800 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: ids.glow, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
       /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2", result: "blur" }),
       /* @__PURE__ */ jsxRuntime.jsxs("feMerge", { children: [

package/dist/avl/index.js

@@ -4544,22 +4544,11 @@ var AvlEmitListen = ({
         style: animated ? { animation: "avl-el-dash 1s linear infinite" } : void 0
       }
     ),
-    /* @__PURE__ */ jsx(
-      AvlEffect,
-      {
-        x: leftCx + orbR + 20,
-        y: cy - 20,
-        effectType: "emit",
-        size: 6,
-        color,
-        opacity: 0.8
-      }
-    ),
     eventName && /* @__PURE__ */ jsxs(
       "text",
       {
         x: 300,
-        y: cy - 18,
+        y: cy - 22,
         textAnchor: "middle",
         fill: color,
         fontSize: 11,
@@ -4572,6 +4561,17 @@ var AvlEmitListen = ({
         ]
       }
     ),
+    /* @__PURE__ */ jsx(
+      AvlEffect,
+      {
+        x: 300,
+        y: cy - 46,
+        effectType: "emit",
+        size: 7,
+        color,
+        opacity: 0.6
+      }
+    ),
     /* @__PURE__ */ jsx(
       "text",
       {
@@ -4750,7 +4750,7 @@ function layoutTree(node, x, y, hSpacing, vSpacing) {
   const totalWidth = (children.length - 1) * hSpacing;
   const startX = x - totalWidth / 2;
   const layoutChildren = children.map(
-    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.75, vSpacing)
+    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.85, vSpacing)
   );
   return { label: node.label, type: node.type, x, y, children: layoutChildren };
 }
@@ -4815,7 +4815,7 @@ function renderNode(node, color, glowId) {
         fontSize: node.type === "operator" ? 11 : 10,
         fontFamily: "inherit",
         fontWeight: node.type === "operator" ? "bold" : "normal",
-        children: node.type === "binding" ? `@${node.label}` : node.label
+        children: node.type === "binding" && !node.label.startsWith("@") ? `@${node.label}` : node.label
       }
     ),
     node.children.map((child) => renderNode(child, color))
@@ -4830,8 +4830,8 @@ var AvlExprTree = ({
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
-  const layout = layoutTree(expression, 300, 60, 200, 90);
-  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 600 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  const layout = layoutTree(expression, 400, 60, 280, 100);
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 800 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: ids.glow, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
       /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2", result: "blur" }),
       /* @__PURE__ */ jsxs("feMerge", { children: [

package/dist/components/index.cjs

@@ -2784,12 +2784,13 @@ function easeOut(t) {
   return t * (2 - t);
 }
 var AnimatedCounter = ({
-  value,
+  value: rawValue,
   duration = 600,
   prefix,
   suffix,
   className
 }) => {
+  const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
   const [displayValue, setDisplayValue] = React86.useState(value);
   const previousValueRef = React86.useRef(value);
   const animationFrameRef = React86.useRef(null);
@@ -7211,7 +7212,7 @@ var Tabs = ({
               ),
               children: [
                 item.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", children: item.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                 item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", children: item.badge })
               ]
             },
@@ -9652,13 +9653,18 @@ function HealthPanel({
 }
 HealthPanel.displayName = "HealthPanel";
 function ScoreBoard({
-  score,
-  highScore,
-  combo,
-  multiplier,
-  level,
+  score: rawScore,
+  highScore: rawHighScore,
+  combo: rawCombo,
+  multiplier: rawMultiplier,
+  level: rawLevel,
   className
 }) {
+  const score = rawScore ?? 0;
+  const highScore = rawHighScore ?? 0;
+  const combo = rawCombo ?? 0;
+  const multiplier = rawMultiplier ?? 1;
+  const level = rawLevel ?? 1;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Card,
     {
@@ -32471,7 +32477,9 @@ var PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
   "simple-grid",
   "custom",
   "dashboard-layout",
-  "game-shell"
+  "game-shell",
+  "scaled-diagram",
+  "master-detail"
 ]);
 function renderContainedPortal(slot, content, onDismiss) {
   const slotContent = /* @__PURE__ */ jsxRuntime.jsx(SlotContentRenderer, { content, onDismiss });

package/dist/components/index.js

@@ -2754,12 +2754,13 @@ function easeOut(t) {
   return t * (2 - t);
 }
 var AnimatedCounter = ({
-  value,
+  value: rawValue,
   duration = 600,
   prefix,
   suffix,
   className
 }) => {
+  const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
   const [displayValue, setDisplayValue] = useState(value);
   const previousValueRef = useRef(value);
   const animationFrameRef = useRef(null);
@@ -7181,7 +7182,7 @@ var Tabs = ({
               ),
               children: [
                 item.icon && /* @__PURE__ */ jsx(Icon, { icon: item.icon, size: "sm" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", children: item.label }),
+                /* @__PURE__ */ jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                 item.badge !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: item.badge })
               ]
             },
@@ -9622,13 +9623,18 @@ function HealthPanel({
 }
 HealthPanel.displayName = "HealthPanel";
 function ScoreBoard({
-  score,
-  highScore,
-  combo,
-  multiplier,
-  level,
+  score: rawScore,
+  highScore: rawHighScore,
+  combo: rawCombo,
+  multiplier: rawMultiplier,
+  level: rawLevel,
   className
 }) {
+  const score = rawScore ?? 0;
+  const highScore = rawHighScore ?? 0;
+  const combo = rawCombo ?? 0;
+  const multiplier = rawMultiplier ?? 1;
+  const level = rawLevel ?? 1;
   return /* @__PURE__ */ jsx(
     Card,
     {
@@ -32441,7 +32447,9 @@ var PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
   "simple-grid",
   "custom",
   "dashboard-layout",
-  "game-shell"
+  "game-shell",
+  "scaled-diagram",
+  "master-detail"
 ]);
 function renderContainedPortal(slot, content, onDismiss) {
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss });

package/dist/components/molecules/game/ScoreBoard.d.ts

@@ -12,7 +12,7 @@ export interface ScoreBoardProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ScoreBoard({ score, highScore, combo, multiplier, level, className, }: ScoreBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScoreBoard({ score: rawScore, highScore: rawHighScore, combo: rawCombo, multiplier: rawMultiplier, level: rawLevel, className, }: ScoreBoardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ScoreBoard {
     var displayName: string;
 }

package/dist/illustrations/index.cjs

@@ -7244,22 +7244,11 @@ var AvlEmitListen = ({
         style: animated ? { animation: "avl-el-dash 1s linear infinite" } : void 0
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AvlEffect,
-      {
-        x: leftCx + orbR + 20,
-        y: cy - 20,
-        effectType: "emit",
-        size: 6,
-        color,
-        opacity: 0.8
-      }
-    ),
     eventName && /* @__PURE__ */ jsxRuntime.jsxs(
       "text",
       {
         x: 300,
-        y: cy - 18,
+        y: cy - 22,
         textAnchor: "middle",
         fill: color,
         fontSize: 11,
@@ -7272,6 +7261,17 @@ var AvlEmitListen = ({
         ]
       }
     ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AvlEffect,
+      {
+        x: 300,
+        y: cy - 46,
+        effectType: "emit",
+        size: 7,
+        color,
+        opacity: 0.6
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "text",
       {
@@ -7450,7 +7450,7 @@ function layoutTree(node, x, y, hSpacing, vSpacing) {
   const totalWidth = (children.length - 1) * hSpacing;
   const startX = x - totalWidth / 2;
   const layoutChildren = children.map(
-    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.75, vSpacing)
+    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.85, vSpacing)
   );
   return { label: node.label, type: node.type, x, y, children: layoutChildren };
 }
@@ -7515,7 +7515,7 @@ function renderNode(node, color, glowId) {
         fontSize: node.type === "operator" ? 11 : 10,
         fontFamily: "inherit",
         fontWeight: node.type === "operator" ? "bold" : "normal",
-        children: node.type === "binding" ? `@${node.label}` : node.label
+        children: node.type === "binding" && !node.label.startsWith("@") ? `@${node.label}` : node.label
       }
     ),
     node.children.map((child) => renderNode(child, color))
@@ -7530,8 +7530,8 @@ var AvlExprTree = ({
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
-  const layout = layoutTree(expression, 300, 60, 200, 90);
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 600 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  const layout = layoutTree(expression, 400, 60, 280, 100);
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 800 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: ids.glow, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
       /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2", result: "blur" }),
       /* @__PURE__ */ jsxRuntime.jsxs("feMerge", { children: [

package/dist/illustrations/index.js

@@ -7238,22 +7238,11 @@ var AvlEmitListen = ({
         style: animated ? { animation: "avl-el-dash 1s linear infinite" } : void 0
       }
     ),
-    /* @__PURE__ */ jsx(
-      AvlEffect,
-      {
-        x: leftCx + orbR + 20,
-        y: cy - 20,
-        effectType: "emit",
-        size: 6,
-        color,
-        opacity: 0.8
-      }
-    ),
     eventName && /* @__PURE__ */ jsxs(
       "text",
       {
         x: 300,
-        y: cy - 18,
+        y: cy - 22,
         textAnchor: "middle",
         fill: color,
         fontSize: 11,
@@ -7266,6 +7255,17 @@ var AvlEmitListen = ({
         ]
       }
     ),
+    /* @__PURE__ */ jsx(
+      AvlEffect,
+      {
+        x: 300,
+        y: cy - 46,
+        effectType: "emit",
+        size: 7,
+        color,
+        opacity: 0.6
+      }
+    ),
     /* @__PURE__ */ jsx(
       "text",
       {
@@ -7444,7 +7444,7 @@ function layoutTree(node, x, y, hSpacing, vSpacing) {
   const totalWidth = (children.length - 1) * hSpacing;
   const startX = x - totalWidth / 2;
   const layoutChildren = children.map(
-    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.75, vSpacing)
+    (child, i) => layoutTree(child, startX + i * hSpacing, y + vSpacing, hSpacing * 0.85, vSpacing)
   );
   return { label: node.label, type: node.type, x, y, children: layoutChildren };
 }
@@ -7509,7 +7509,7 @@ function renderNode(node, color, glowId) {
         fontSize: node.type === "operator" ? 11 : 10,
         fontFamily: "inherit",
         fontWeight: node.type === "operator" ? "bold" : "normal",
-        children: node.type === "binding" ? `@${node.label}` : node.label
+        children: node.type === "binding" && !node.label.startsWith("@") ? `@${node.label}` : node.label
       }
     ),
     node.children.map((child) => renderNode(child, color))
@@ -7524,8 +7524,8 @@ var AvlExprTree = ({
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
-  const layout = layoutTree(expression, 300, 60, 200, 90);
-  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 600 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  const layout = layoutTree(expression, 400, 60, 280, 100);
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 800 400", xmlns: "http://www.w3.org/2000/svg", className, children: [
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: ids.glow, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
       /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2", result: "blur" }),
       /* @__PURE__ */ jsxs("feMerge", { children: [

package/dist/marketing/index.cjs

@@ -4587,9 +4587,10 @@ var PullQuote = ({
 };
 PullQuote.displayName = "PullQuote";
 function parseValue(value) {
-  const match = value.match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
+  if (!value) return { num: 0, prefix: "", suffix: "", decimals: 0 };
+  const match = String(value).match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
   if (!match) {
-    return { num: 0, prefix: "", suffix: value, decimals: 0 };
+    return { num: 0, prefix: "", suffix: String(value), decimals: 0 };
   }
   const numStr = match[2];
   const decimalIdx = numStr.indexOf(".");

package/dist/marketing/index.js

@@ -4563,9 +4563,10 @@ var PullQuote = ({
 };
 PullQuote.displayName = "PullQuote";
 function parseValue(value) {
-  const match = value.match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
+  if (!value) return { num: 0, prefix: "", suffix: "", decimals: 0 };
+  const match = String(value).match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
   if (!match) {
-    return { num: 0, prefix: "", suffix: value, decimals: 0 };
+    return { num: 0, prefix: "", suffix: String(value), decimals: 0 };
   }
   const numStr = match[2];
   const decimalIdx = numStr.indexOf(".");

package/dist/runtime/index.cjs

@@ -4637,12 +4637,13 @@ function easeOut(t) {
   return t * (2 - t);
 }
 var AnimatedCounter = ({
-  value,
+  value: rawValue,
   duration = 600,
   prefix,
   suffix,
   className
 }) => {
+  const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
   const [displayValue, setDisplayValue] = React112.useState(value);
   const previousValueRef = React112.useRef(value);
   const animationFrameRef = React112.useRef(null);
@@ -14982,7 +14983,7 @@ var Tabs = ({
               ),
               children: [
                 item.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", children: item.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                 item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", children: item.badge })
               ]
             },
@@ -19092,13 +19093,18 @@ function HealthPanel({
 }
 HealthPanel.displayName = "HealthPanel";
 function ScoreBoard({
-  score,
-  highScore,
-  combo,
-  multiplier,
-  level,
+  score: rawScore,
+  highScore: rawHighScore,
+  combo: rawCombo,
+  multiplier: rawMultiplier,
+  level: rawLevel,
   className
 }) {
+  const score = rawScore ?? 0;
+  const highScore = rawHighScore ?? 0;
+  const combo = rawCombo ?? 0;
+  const multiplier = rawMultiplier ?? 1;
+  const level = rawLevel ?? 1;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Card,
     {
@@ -31380,7 +31386,9 @@ var PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
   "simple-grid",
   "custom",
   "dashboard-layout",
-  "game-shell"
+  "game-shell",
+  "scaled-diagram",
+  "master-detail"
 ]);
 function renderContainedPortal(slot, content, onDismiss) {
   const slotContent = /* @__PURE__ */ jsxRuntime.jsx(SlotContentRenderer, { content, onDismiss });

package/dist/runtime/index.js

@@ -4607,12 +4607,13 @@ function easeOut(t) {
   return t * (2 - t);
 }
 var AnimatedCounter = ({
-  value,
+  value: rawValue,
   duration = 600,
   prefix,
   suffix,
   className
 }) => {
+  const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
   const [displayValue, setDisplayValue] = useState(value);
   const previousValueRef = useRef(value);
   const animationFrameRef = useRef(null);
@@ -14952,7 +14953,7 @@ var Tabs = ({
               ),
               children: [
                 item.icon && /* @__PURE__ */ jsx(Icon, { icon: item.icon, size: "sm" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", children: item.label }),
+                /* @__PURE__ */ jsx(Typography, { variant: "small", weight: isActive ? "semibold" : "normal", className: "!text-inherit", children: item.label }),
                 item.badge !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: item.badge })
               ]
             },
@@ -19062,13 +19063,18 @@ function HealthPanel({
 }
 HealthPanel.displayName = "HealthPanel";
 function ScoreBoard({
-  score,
-  highScore,
-  combo,
-  multiplier,
-  level,
+  score: rawScore,
+  highScore: rawHighScore,
+  combo: rawCombo,
+  multiplier: rawMultiplier,
+  level: rawLevel,
   className
 }) {
+  const score = rawScore ?? 0;
+  const highScore = rawHighScore ?? 0;
+  const combo = rawCombo ?? 0;
+  const multiplier = rawMultiplier ?? 1;
+  const level = rawLevel ?? 1;
   return /* @__PURE__ */ jsx(
     Card,
     {
@@ -31350,7 +31356,9 @@ var PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
   "simple-grid",
   "custom",
   "dashboard-layout",
-  "game-shell"
+  "game-shell",
+  "scaled-diagram",
+  "master-detail"
 ]);
 function renderContainedPortal(slot, content, onDismiss) {
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss });

package/package.json

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