@almadar/ui 4.54.3 → 4.54.5

package/dist/avl/index.cjs

@@ -13287,36 +13287,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -54542,10 +54543,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -54686,7 +54687,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/avl/index.js

@@ -13241,36 +13241,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -54496,10 +54497,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -54640,7 +54641,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/components/index.cjs

@@ -7344,36 +7344,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel
       ] });
     };
     exports.Popover.displayName = "Popover";
@@ -45545,10 +45546,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -45689,7 +45690,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/components/index.js

@@ -7298,36 +7298,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -45499,10 +45500,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -45643,7 +45644,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/providers/index.cjs

@@ -8912,36 +8912,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -45866,10 +45867,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -46010,7 +46011,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/providers/index.js

@@ -8866,36 +8866,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -45820,10 +45821,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -45964,7 +45965,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/runtime/index.cjs

@@ -8800,36 +8800,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -45452,10 +45453,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -45596,7 +45597,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/dist/runtime/index.js

@@ -8754,36 +8754,37 @@ var init_Popover = __esm({
           ...triggerProps
         }
       );
+      const panel = isOpen && triggerRect ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: cn(
+            "fixed z-50 p-4",
+            "bg-card border-2 border-border shadow-lg",
+            positionClasses2[position],
+            className
+          ),
+          style: computePopoverStyle(position, triggerRect, popoverWidth),
+          role: "dialog",
+          onMouseEnter: trigger === "hover" ? handleOpen : void 0,
+          onMouseLeave: trigger === "hover" ? handleClose : void 0,
+          children: [
+            typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
+            showArrow && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute w-0 h-0 border-4",
+                  arrowClasses2[position]
+                )
+              }
+            )
+          ]
+        }
+      ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         triggerElement,
-        isOpen && triggerRect && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: popoverRef,
-            className: cn(
-              "fixed z-50 p-4",
-              "bg-card border-2 border-border shadow-lg",
-              positionClasses2[position],
-              className
-            ),
-            style: computePopoverStyle(position, triggerRect, popoverWidth),
-            role: "dialog",
-            onMouseEnter: trigger === "hover" ? handleOpen : void 0,
-            onMouseLeave: trigger === "hover" ? handleClose : void 0,
-            children: [
-              typeof content === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: content }) : content,
-              showArrow && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute w-0 h-0 border-4",
-                    arrowClasses2[position]
-                  )
-                }
-              )
-            ]
-          }
-        )
+        panel && typeof document !== "undefined" ? createPortal(panel, document.body) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -45406,10 +45407,10 @@ function getToastPosition(position) {
   }
 }
 function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
-  if (!children || !Array.isArray(children) || children.length === 0) {
-    return null;
-  }
-  return children.map((child, index) => {
+  if (children === void 0 || children === null) return null;
+  const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
+  if (childrenArray.length === 0) return null;
+  return childrenArray.map((child, index) => {
     if (typeof child === "string") {
       const match = TRAIT_BINDING_RE.exec(child);
       if (match) {
@@ -45550,7 +45551,8 @@ function SlotContentRenderer({
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
-    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0;
+    const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
+    const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
     const incomingChildren = content.props.children;

package/package.json

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