@almadar/ui 2.24.2 → 2.24.4

package/dist/components/index.cjs

@@ -3003,6 +3003,7 @@ var TypewriterText = ({
   className,
   onComplete
 }) => {
+  const safeText = typeof text === "string" ? text : String(text ?? "");
   const [charCount, setCharCount] = React88.useState(0);
   const [started, setStarted] = React88.useState(startDelay === 0);
   const onCompleteRef = React88.useRef(onComplete);
@@ -3026,14 +3027,14 @@ var TypewriterText = ({
   }, [text]);
   React88.useEffect(() => {
     if (!started) return void 0;
-    if (charCount >= text.length) {
+    if (charCount >= safeText.length) {
       onCompleteRef.current?.();
       return void 0;
     }
     const interval = window.setInterval(() => {
       setCharCount((prev) => {
         const next = prev + 1;
-        if (next >= text.length) {
+        if (next >= safeText.length) {
           window.clearInterval(interval);
         }
         return next;
@@ -3043,8 +3044,8 @@ var TypewriterText = ({
       window.clearInterval(interval);
     };
   }, [started, text, speed, charCount]);
-  const isComplete = charCount >= text.length;
-  const displayedText = text.slice(0, charCount);
+  const isComplete = charCount >= safeText.length;
+  const displayedText = safeText.slice(0, charCount);
   return /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "body", className: cn("inline", className), children: [
     displayedText,
     !isComplete && /* @__PURE__ */ jsxRuntime.jsx(
@@ -8255,6 +8256,7 @@ WizardNavigation.displayName = "WizardNavigation";
 var MarkdownContent = React88__namespace.default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
+    const safeContent = typeof content === "string" ? content : String(content ?? "");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
@@ -8344,7 +8346,7 @@ var MarkdownContent = React88__namespace.default.memo(
                 );
               }
             },
-            children: content
+            children: safeContent
           }
         )
       }
@@ -8355,13 +8357,14 @@ var MarkdownContent = React88__namespace.default.memo(
 MarkdownContent.displayName = "MarkdownContent";
 var CodeBlock = React88__namespace.default.memo(
   ({
-    code,
+    code: rawCode,
     language = "text",
     showCopyButton = true,
     showLanguageBadge = true,
     maxHeight = "60vh",
     className
   }) => {
+    const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
     const scrollRef = React88.useRef(null);
@@ -10700,21 +10703,22 @@ function CombatLog({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Box, { ref: scrollRef, overflow: "auto", className: "flex-1 max-h-64", children: visibleEvents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "md", className: "text-center opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", children: "No events yet" }) }) : /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "xs", className: "space-y-1", children: visibleEvents.map((event) => {
-      const EventIcon = eventIcons[event.type];
-      const colorClass = eventColors[event.type];
+      const eventType = event.type && event.type in eventIcons ? event.type : "attack";
+      const EventIcon = eventIcons[eventType];
+      const colorClass = eventColors[eventType];
       return /* @__PURE__ */ jsxRuntime.jsxs(
         Box,
         {
           display: "flex",
           padding: "xs",
           rounded: "sm",
-          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", event.type === "death" && "opacity-60"),
+          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", eventType === "death" && "opacity-60"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex-shrink-0 mt-0.5", colorClass), children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "block", children: event.message }),
-              event.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: eventBadgeVariants[event.type], size: "sm", className: "mt-1", children: [
-                event.type === "heal" ? "+" : event.type === "attack" ? "-" : "",
+              event.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: eventBadgeVariants[eventType], size: "sm", className: "mt-1", children: [
+                eventType === "heal" ? "+" : eventType === "attack" ? "-" : "",
                 event.value
               ] })
             ] }),
@@ -15426,7 +15430,7 @@ var HeroSection = ({
       src: image.src,
       alt: image.alt,
       className: cn(
-        imagePosition === "right" ? "flex-1 min-h-[300px]" : "w-full min-h-[400px]"
+        imagePosition === "right" ? "w-full max-w-[280px] max-h-[280px]" : "w-full min-h-[400px]"
       )
     }
   );
@@ -15628,7 +15632,7 @@ var ArticleSection = ({
     Box,
     {
       className: cn(
-        "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
+        "w-full",
         className
       ),
       padding: "md",
@@ -15869,7 +15873,7 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })

package/dist/components/index.js

@@ -2973,6 +2973,7 @@ var TypewriterText = ({
   className,
   onComplete
 }) => {
+  const safeText = typeof text === "string" ? text : String(text ?? "");
   const [charCount, setCharCount] = useState(0);
   const [started, setStarted] = useState(startDelay === 0);
   const onCompleteRef = useRef(onComplete);
@@ -2996,14 +2997,14 @@ var TypewriterText = ({
   }, [text]);
   useEffect(() => {
     if (!started) return void 0;
-    if (charCount >= text.length) {
+    if (charCount >= safeText.length) {
       onCompleteRef.current?.();
       return void 0;
     }
     const interval = window.setInterval(() => {
       setCharCount((prev) => {
         const next = prev + 1;
-        if (next >= text.length) {
+        if (next >= safeText.length) {
           window.clearInterval(interval);
         }
         return next;
@@ -3013,8 +3014,8 @@ var TypewriterText = ({
       window.clearInterval(interval);
     };
   }, [started, text, speed, charCount]);
-  const isComplete = charCount >= text.length;
-  const displayedText = text.slice(0, charCount);
+  const isComplete = charCount >= safeText.length;
+  const displayedText = safeText.slice(0, charCount);
   return /* @__PURE__ */ jsxs(Typography, { variant: "body", className: cn("inline", className), children: [
     displayedText,
     !isComplete && /* @__PURE__ */ jsx(
@@ -8225,6 +8226,7 @@ WizardNavigation.displayName = "WizardNavigation";
 var MarkdownContent = React88__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
+    const safeContent = typeof content === "string" ? content : String(content ?? "");
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -8314,7 +8316,7 @@ var MarkdownContent = React88__default.memo(
                 );
               }
             },
-            children: content
+            children: safeContent
           }
         )
       }
@@ -8325,13 +8327,14 @@ var MarkdownContent = React88__default.memo(
 MarkdownContent.displayName = "MarkdownContent";
 var CodeBlock = React88__default.memo(
   ({
-    code,
+    code: rawCode,
     language = "text",
     showCopyButton = true,
     showLanguageBadge = true,
     maxHeight = "60vh",
     className
   }) => {
+    const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
     const scrollRef = useRef(null);
@@ -10670,21 +10673,22 @@ function CombatLog({
       ] })
     ] }) }),
     /* @__PURE__ */ jsx(Box, { ref: scrollRef, overflow: "auto", className: "flex-1 max-h-64", children: visibleEvents.length === 0 ? /* @__PURE__ */ jsx(Box, { padding: "md", className: "text-center opacity-50", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No events yet" }) }) : /* @__PURE__ */ jsx(Box, { padding: "xs", className: "space-y-1", children: visibleEvents.map((event) => {
-      const EventIcon = eventIcons[event.type];
-      const colorClass = eventColors[event.type];
+      const eventType = event.type && event.type in eventIcons ? event.type : "attack";
+      const EventIcon = eventIcons[eventType];
+      const colorClass = eventColors[eventType];
       return /* @__PURE__ */ jsxs(
         Box,
         {
           display: "flex",
           padding: "xs",
           rounded: "sm",
-          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", event.type === "death" && "opacity-60"),
+          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", eventType === "death" && "opacity-60"),
           children: [
             /* @__PURE__ */ jsx(Box, { className: cn("flex-shrink-0 mt-0.5", colorClass), children: /* @__PURE__ */ jsx(EventIcon, { className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "block", children: event.message }),
-              event.value !== void 0 && /* @__PURE__ */ jsxs(Badge, { variant: eventBadgeVariants[event.type], size: "sm", className: "mt-1", children: [
-                event.type === "heal" ? "+" : event.type === "attack" ? "-" : "",
+              event.value !== void 0 && /* @__PURE__ */ jsxs(Badge, { variant: eventBadgeVariants[eventType], size: "sm", className: "mt-1", children: [
+                eventType === "heal" ? "+" : eventType === "attack" ? "-" : "",
                 event.value
               ] })
             ] }),
@@ -15396,7 +15400,7 @@ var HeroSection = ({
       src: image.src,
       alt: image.alt,
       className: cn(
-        imagePosition === "right" ? "flex-1 min-h-[300px]" : "w-full min-h-[400px]"
+        imagePosition === "right" ? "w-full max-w-[280px] max-h-[280px]" : "w-full min-h-[400px]"
       )
     }
   );
@@ -15598,7 +15602,7 @@ var ArticleSection = ({
     Box,
     {
       className: cn(
-        "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
+        "w-full",
         className
       ),
       padding: "md",
@@ -15839,7 +15843,7 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
+      children: /* @__PURE__ */ jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
         /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
         /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })

package/dist/components/organisms/game/three/index.cjs

@@ -4204,7 +4204,7 @@ var Avl3DCrossWire = ({
   }, [from, to]);
   return /* @__PURE__ */ jsxRuntime.jsxs("group", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("mesh", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("tubeGeometry", { args: [...tubeArgs] }),
+      /* @__PURE__ */ jsxRuntime.jsx("tubeGeometry", { args: tubeArgs }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "meshStandardMaterial",
         {
@@ -4917,7 +4917,7 @@ var Avl3DTransitionArc = ({
           document.body.style.cursor = "auto";
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("tubeGeometry", { args: [...tubeArgs] }),
+          /* @__PURE__ */ jsxRuntime.jsx("tubeGeometry", { args: tubeArgs }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "meshStandardMaterial",
             {

package/dist/components/organisms/game/three/index.js

@@ -4180,7 +4180,7 @@ var Avl3DCrossWire = ({
   }, [from, to]);
   return /* @__PURE__ */ jsxs("group", { children: [
     /* @__PURE__ */ jsxs("mesh", { children: [
-      /* @__PURE__ */ jsx("tubeGeometry", { args: [...tubeArgs] }),
+      /* @__PURE__ */ jsx("tubeGeometry", { args: tubeArgs }),
       /* @__PURE__ */ jsx(
         "meshStandardMaterial",
         {
@@ -4893,7 +4893,7 @@ var Avl3DTransitionArc = ({
           document.body.style.cursor = "auto";
         },
         children: [
-          /* @__PURE__ */ jsx("tubeGeometry", { args: [...tubeArgs] }),
+          /* @__PURE__ */ jsx("tubeGeometry", { args: tubeArgs }),
           /* @__PURE__ */ jsx(
             "meshStandardMaterial",
             {

package/dist/marketing/index.cjs

@@ -3687,7 +3687,7 @@ var HeroSection = ({
       src: image.src,
       alt: image.alt,
       className: cn(
-        imagePosition === "right" ? "flex-1 min-h-[300px]" : "w-full min-h-[400px]"
+        imagePosition === "right" ? "w-full max-w-[280px] max-h-[280px]" : "w-full min-h-[400px]"
       )
     }
   );
@@ -4039,7 +4039,7 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
@@ -4469,7 +4469,7 @@ var ArticleSection = ({
     Box,
     {
       className: cn(
-        "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
+        "w-full",
         className
       ),
       padding: "md",

package/dist/marketing/index.js

@@ -3663,7 +3663,7 @@ var HeroSection = ({
       src: image.src,
       alt: image.alt,
       className: cn(
-        imagePosition === "right" ? "flex-1 min-h-[300px]" : "w-full min-h-[400px]"
+        imagePosition === "right" ? "w-full max-w-[280px] max-h-[280px]" : "w-full min-h-[400px]"
       )
     }
   );
@@ -4015,7 +4015,7 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
+      children: /* @__PURE__ */ jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
         /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
         /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
@@ -4445,7 +4445,7 @@ var ArticleSection = ({
     Box,
     {
       className: cn(
-        "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
+        "w-full",
         className
       ),
       padding: "md",

package/dist/providers/index.cjs

@@ -2796,6 +2796,7 @@ exposeOnWindow();
 var MarkdownContent = React110__namespace.default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
+    const safeContent = typeof content === "string" ? content : String(content ?? "");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
@@ -2885,7 +2886,7 @@ var MarkdownContent = React110__namespace.default.memo(
                 );
               }
             },
-            children: content
+            children: safeContent
           }
         )
       }
@@ -2896,13 +2897,14 @@ var MarkdownContent = React110__namespace.default.memo(
 MarkdownContent.displayName = "MarkdownContent";
 var CodeBlock = React110__namespace.default.memo(
   ({
-    code,
+    code: rawCode,
     language = "text",
     showCopyButton = true,
     showLanguageBadge = true,
     maxHeight = "60vh",
     className
   }) => {
+    const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
     const scrollRef = React110.useRef(null);

package/dist/providers/index.js

@@ -2766,6 +2766,7 @@ exposeOnWindow();
 var MarkdownContent = React110__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
+    const safeContent = typeof content === "string" ? content : String(content ?? "");
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -2855,7 +2856,7 @@ var MarkdownContent = React110__default.memo(
                 );
               }
             },
-            children: content
+            children: safeContent
           }
         )
       }
@@ -2866,13 +2867,14 @@ var MarkdownContent = React110__default.memo(
 MarkdownContent.displayName = "MarkdownContent";
 var CodeBlock = React110__default.memo(
   ({
-    code,
+    code: rawCode,
     language = "text",
     showCopyButton = true,
     showLanguageBadge = true,
     maxHeight = "60vh",
     className
   }) => {
+    const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
     const scrollRef = useRef(null);

package/dist/runtime/index.cjs

@@ -4826,6 +4826,7 @@ var TypewriterText = ({
   className,
   onComplete
 }) => {
+  const safeText = typeof text === "string" ? text : String(text ?? "");
   const [charCount, setCharCount] = React114.useState(0);
   const [started, setStarted] = React114.useState(startDelay === 0);
   const onCompleteRef = React114.useRef(onComplete);
@@ -4849,14 +4850,14 @@ var TypewriterText = ({
   }, [text]);
   React114.useEffect(() => {
     if (!started) return void 0;
-    if (charCount >= text.length) {
+    if (charCount >= safeText.length) {
       onCompleteRef.current?.();
       return void 0;
     }
     const interval = window.setInterval(() => {
       setCharCount((prev) => {
         const next = prev + 1;
-        if (next >= text.length) {
+        if (next >= safeText.length) {
           window.clearInterval(interval);
         }
         return next;
@@ -4866,8 +4867,8 @@ var TypewriterText = ({
       window.clearInterval(interval);
     };
   }, [started, text, speed, charCount]);
-  const isComplete = charCount >= text.length;
-  const displayedText = text.slice(0, charCount);
+  const isComplete = charCount >= safeText.length;
+  const displayedText = safeText.slice(0, charCount);
   return /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "body", className: cn("inline", className), children: [
     displayedText,
     !isComplete && /* @__PURE__ */ jsxRuntime.jsx(
@@ -9253,6 +9254,7 @@ ScaledDiagram.displayName = "ScaledDiagram";
 var MarkdownContent = React114__namespace.default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
+    const safeContent = typeof content === "string" ? content : String(content ?? "");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
@@ -9342,7 +9344,7 @@ var MarkdownContent = React114__namespace.default.memo(
                 );
               }
             },
-            children: content
+            children: safeContent
           }
         )
       }
@@ -9353,13 +9355,14 @@ var MarkdownContent = React114__namespace.default.memo(
 MarkdownContent.displayName = "MarkdownContent";
 var CodeBlock = React114__namespace.default.memo(
   ({
-    code,
+    code: rawCode,
     language = "text",
     showCopyButton = true,
     showLanguageBadge = true,
     maxHeight = "60vh",
     className
   }) => {
+    const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
     const scrollRef = React114.useRef(null);
@@ -15301,21 +15304,22 @@ function CombatLog({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Box, { ref: scrollRef, overflow: "auto", className: "flex-1 max-h-64", children: visibleEvents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "md", className: "text-center opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", children: "No events yet" }) }) : /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "xs", className: "space-y-1", children: visibleEvents.map((event) => {
-      const EventIcon = eventIcons[event.type];
-      const colorClass = eventColors[event.type];
+      const eventType = event.type && event.type in eventIcons ? event.type : "attack";
+      const EventIcon = eventIcons[eventType];
+      const colorClass = eventColors[eventType];
       return /* @__PURE__ */ jsxRuntime.jsxs(
         Box,
         {
           display: "flex",
           padding: "xs",
           rounded: "sm",
-          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", event.type === "death" && "opacity-60"),
+          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", eventType === "death" && "opacity-60"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex-shrink-0 mt-0.5", colorClass), children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "block", children: event.message }),
-              event.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: eventBadgeVariants[event.type], size: "sm", className: "mt-1", children: [
-                event.type === "heal" ? "+" : event.type === "attack" ? "-" : "",
+              event.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: eventBadgeVariants[eventType], size: "sm", className: "mt-1", children: [
+                eventType === "heal" ? "+" : eventType === "attack" ? "-" : "",
                 event.value
               ] })
             ] }),

package/dist/runtime/index.js

@@ -4796,6 +4796,7 @@ var TypewriterText = ({
   className,
   onComplete
 }) => {
+  const safeText = typeof text === "string" ? text : String(text ?? "");
   const [charCount, setCharCount] = useState(0);
   const [started, setStarted] = useState(startDelay === 0);
   const onCompleteRef = useRef(onComplete);
@@ -4819,14 +4820,14 @@ var TypewriterText = ({
   }, [text]);
   useEffect(() => {
     if (!started) return void 0;
-    if (charCount >= text.length) {
+    if (charCount >= safeText.length) {
       onCompleteRef.current?.();
       return void 0;
     }
     const interval = window.setInterval(() => {
       setCharCount((prev) => {
         const next = prev + 1;
-        if (next >= text.length) {
+        if (next >= safeText.length) {
           window.clearInterval(interval);
         }
         return next;
@@ -4836,8 +4837,8 @@ var TypewriterText = ({
       window.clearInterval(interval);
     };
   }, [started, text, speed, charCount]);
-  const isComplete = charCount >= text.length;
-  const displayedText = text.slice(0, charCount);
+  const isComplete = charCount >= safeText.length;
+  const displayedText = safeText.slice(0, charCount);
   return /* @__PURE__ */ jsxs(Typography, { variant: "body", className: cn("inline", className), children: [
     displayedText,
     !isComplete && /* @__PURE__ */ jsx(
@@ -9223,6 +9224,7 @@ ScaledDiagram.displayName = "ScaledDiagram";
 var MarkdownContent = React114__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
+    const safeContent = typeof content === "string" ? content : String(content ?? "");
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -9312,7 +9314,7 @@ var MarkdownContent = React114__default.memo(
                 );
               }
             },
-            children: content
+            children: safeContent
           }
         )
       }
@@ -9323,13 +9325,14 @@ var MarkdownContent = React114__default.memo(
 MarkdownContent.displayName = "MarkdownContent";
 var CodeBlock = React114__default.memo(
   ({
-    code,
+    code: rawCode,
     language = "text",
     showCopyButton = true,
     showLanguageBadge = true,
     maxHeight = "60vh",
     className
   }) => {
+    const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
     const scrollRef = useRef(null);
@@ -15271,21 +15274,22 @@ function CombatLog({
       ] })
     ] }) }),
     /* @__PURE__ */ jsx(Box, { ref: scrollRef, overflow: "auto", className: "flex-1 max-h-64", children: visibleEvents.length === 0 ? /* @__PURE__ */ jsx(Box, { padding: "md", className: "text-center opacity-50", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No events yet" }) }) : /* @__PURE__ */ jsx(Box, { padding: "xs", className: "space-y-1", children: visibleEvents.map((event) => {
-      const EventIcon = eventIcons[event.type];
-      const colorClass = eventColors[event.type];
+      const eventType = event.type && event.type in eventIcons ? event.type : "attack";
+      const EventIcon = eventIcons[eventType];
+      const colorClass = eventColors[eventType];
       return /* @__PURE__ */ jsxs(
         Box,
         {
           display: "flex",
           padding: "xs",
           rounded: "sm",
-          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", event.type === "death" && "opacity-60"),
+          className: cn("items-start gap-2 hover:bg-[var(--color-muted)] transition-colors", eventType === "death" && "opacity-60"),
           children: [
             /* @__PURE__ */ jsx(Box, { className: cn("flex-shrink-0 mt-0.5", colorClass), children: /* @__PURE__ */ jsx(EventIcon, { className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "block", children: event.message }),
-              event.value !== void 0 && /* @__PURE__ */ jsxs(Badge, { variant: eventBadgeVariants[event.type], size: "sm", className: "mt-1", children: [
-                event.type === "heal" ? "+" : event.type === "attack" ? "-" : "",
+              event.value !== void 0 && /* @__PURE__ */ jsxs(Badge, { variant: eventBadgeVariants[eventType], size: "sm", className: "mt-1", children: [
+                eventType === "heal" ? "+" : eventType === "attack" ? "-" : "",
                 event.value
               ] })
             ] }),

package/package.json

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

package/themes/wireframe.css

@@ -138,11 +138,11 @@
     --color-muted: #262626;
     --color-muted-foreground: #a3a3a3;
 
-    --color-background: #0a0a0a;
-    --color-foreground: #ffffff;
-    --color-card: #1a1a1a;
-    --color-card-foreground: #ffffff;
-    --color-surface: #262626;
+    --color-background: #111117;
+    --color-foreground: #f5f5f5;
+    --color-card: #1c1c22;
+    --color-card-foreground: #f5f5f5;
+    --color-surface: #28282e;
     --color-border: #ffffff;
     --color-input: #ffffff;
     --color-ring: #ffffff;