@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20261003121654 → 0.8.1-dev.20261007072241

package/dist/index.js

@@ -9080,9 +9080,9 @@ var ImageGalleryNode = (props) => {
       const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
         imageUrl = resolvedAsset.assetUrl;
-        posterUrl = resolvedAsset.posterUrl;
-        intrinsicWidth = resolvedAsset.intrinsicWidth;
-        intrinsicHeight = resolvedAsset.intrinsicHeight;
+        posterUrl = resolvedAsset.posterUrl ?? posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth ?? intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight ?? intrinsicHeight;
       }
     }
     if (!imageUrl) {
@@ -9132,11 +9132,15 @@ var ImageGalleryNode = (props) => {
     }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
-  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
-  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
+  const primaryHlsResolved = primaryHls ? resolveImage(primaryHls) : void 0;
+  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicWidth)?.toString() : void 0;
+  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicHeight)?.toString() : void 0;
   const hlsStyles = {};
   if (primaryHls?.height) hlsStyles.height = primaryHls.height;
   if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  const videoWidth = parseMaybeNumber(primaryHlsResolved?.intrinsicWidth);
+  const videoHeight = parseMaybeNumber(primaryHlsResolved?.intrinsicHeight);
+  hlsStyles.aspectRatio = videoWidth && videoHeight ? `${videoWidth} / ${videoHeight}` : "16 / 9";
   if (primaryHls?.borderRadius)
     hlsStyles.borderRadius = primaryHls.borderRadius;
   const staticSources = staticImages.filter((img) => !!img.device);
@@ -9148,7 +9152,7 @@ var ImageGalleryNode = (props) => {
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: hlsStyles, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       HlsPlayer4,
       {
         sources: hlsSources,
@@ -9162,7 +9166,7 @@ var ImageGalleryNode = (props) => {
         session: props.session,
         styles: hlsStyles
       }
-    ) }),
+    ) }) }),
     (staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find(
@@ -9184,8 +9188,8 @@ var ImageGalleryNode = (props) => {
           {
             media: deviceToMediaQuery(match.device),
             srcSet: srcUrl,
-            width: parseMaybeNumber(match.intrinsicWidth),
-            height: parseMaybeNumber(match.intrinsicHeight)
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight)
           },
           deviceKey
         );
@@ -9211,8 +9215,8 @@ var ImageGalleryNode = (props) => {
             style: styles,
             className: "object-cover max-w-full",
             src: imageUrl,
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           }
         );
@@ -9256,8 +9260,8 @@ var ImageGalleryNode = (props) => {
               display
             },
             className: "object-cover max-w-full",
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           },
           index
@@ -9868,6 +9872,14 @@ var Slider2 = (0, import_dynamic15.default)(() => Promise.resolve().then(() => (
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
+function hasRepeatedContainer(node) {
+  if (!node || typeof node !== "object") return false;
+  const container = node;
+  if (container.type === "div-container" && (container.repeatForEachItem === true || container.replicate === true)) {
+    return true;
+  }
+  return Array.isArray(container.children) && container.children.some(hasRepeatedContainer);
+}
 function convertKeysToCamelCase(obj) {
   if (!obj || typeof obj !== "object") return obj;
   if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
@@ -10188,7 +10200,7 @@ var DivContainer = async (props) => {
       return dataItem[key] !== void 0 ? dataItem[key] : match;
     });
   }
-  const arrayResult = Array.isArray(result) ? result : null;
+  const arrayResult = Array.isArray(result) ? result : !dataSource && Array.isArray(props.dataitem) ? props.dataitem : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -10224,9 +10236,22 @@ var DivContainer = async (props) => {
   const renderContainerChildren = () => {
     if (!hasReplicatedChildren) {
       if (Array.isArray(arrayResult)) {
-        return props.node.children.flatMap(
-          (node, childIndex) => node?.type === "div-container" ? [] : [renderNode(node, props, props.dataitem, `static-${childIndex}`)]
-        );
+        return props.node.children.flatMap((node, childIndex) => {
+          if (node.type !== "div-container") {
+            return [
+              renderNode(node, props, props.dataitem, `static-${childIndex}`)
+            ];
+          }
+          const containsRepeater = node.children.some(hasRepeatedContainer);
+          return [
+            renderNode(
+              node,
+              props,
+              containsRepeater ? arrayResult : props.dataitem,
+              `${containsRepeater ? "nested-repeater" : "static"}-${childIndex}`
+            )
+          ];
+        });
       }
       return dataToRender.map(
         (item, idx) => item?.links?.view && renderLink ? renderChildren2(

package/dist/index.mjs

@@ -1668,9 +1668,9 @@ var ImageGalleryNode = (props) => {
       const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
         imageUrl = resolvedAsset.assetUrl;
-        posterUrl = resolvedAsset.posterUrl;
-        intrinsicWidth = resolvedAsset.intrinsicWidth;
-        intrinsicHeight = resolvedAsset.intrinsicHeight;
+        posterUrl = resolvedAsset.posterUrl ?? posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth ?? intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight ?? intrinsicHeight;
       }
     }
     if (!imageUrl) {
@@ -1720,11 +1720,15 @@ var ImageGalleryNode = (props) => {
     }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
-  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
-  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
+  const primaryHlsResolved = primaryHls ? resolveImage(primaryHls) : void 0;
+  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicWidth)?.toString() : void 0;
+  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicHeight)?.toString() : void 0;
   const hlsStyles = {};
   if (primaryHls?.height) hlsStyles.height = primaryHls.height;
   if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  const videoWidth = parseMaybeNumber(primaryHlsResolved?.intrinsicWidth);
+  const videoHeight = parseMaybeNumber(primaryHlsResolved?.intrinsicHeight);
+  hlsStyles.aspectRatio = videoWidth && videoHeight ? `${videoWidth} / ${videoHeight}` : "16 / 9";
   if (primaryHls?.borderRadius)
     hlsStyles.borderRadius = primaryHls.borderRadius;
   const staticSources = staticImages.filter((img) => !!img.device);
@@ -1736,7 +1740,7 @@ var ImageGalleryNode = (props) => {
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
   return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx35(Fragment5, { children: /* @__PURE__ */ jsx35(
+    hlsSources.length > 0 && /* @__PURE__ */ jsx35(Fragment5, { children: /* @__PURE__ */ jsx35("div", { style: hlsStyles, children: /* @__PURE__ */ jsx35(
       HlsPlayer3,
       {
         sources: hlsSources,
@@ -1750,7 +1754,7 @@ var ImageGalleryNode = (props) => {
         session: props.session,
         styles: hlsStyles
       }
-    ) }),
+    ) }) }),
     (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx35(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs13("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find(
@@ -1772,8 +1776,8 @@ var ImageGalleryNode = (props) => {
           {
             media: deviceToMediaQuery(match.device),
             srcSet: srcUrl,
-            width: parseMaybeNumber(match.intrinsicWidth),
-            height: parseMaybeNumber(match.intrinsicHeight)
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight)
           },
           deviceKey
         );
@@ -1799,8 +1803,8 @@ var ImageGalleryNode = (props) => {
             style: styles,
             className: "object-cover max-w-full",
             src: imageUrl,
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           }
         );
@@ -1844,8 +1848,8 @@ var ImageGalleryNode = (props) => {
               display
             },
             className: "object-cover max-w-full",
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           },
           index
@@ -2455,6 +2459,14 @@ var Slider = dynamic15(() => import("./Slider-42T6THEQ.mjs"), {
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
+function hasRepeatedContainer(node) {
+  if (!node || typeof node !== "object") return false;
+  const container = node;
+  if (container.type === "div-container" && (container.repeatForEachItem === true || container.replicate === true)) {
+    return true;
+  }
+  return Array.isArray(container.children) && container.children.some(hasRepeatedContainer);
+}
 function convertKeysToCamelCase(obj) {
   if (!obj || typeof obj !== "object") return obj;
   if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
@@ -2775,7 +2787,7 @@ var DivContainer = async (props) => {
       return dataItem[key] !== void 0 ? dataItem[key] : match;
     });
   }
-  const arrayResult = Array.isArray(result) ? result : null;
+  const arrayResult = Array.isArray(result) ? result : !dataSource && Array.isArray(props.dataitem) ? props.dataitem : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -2811,9 +2823,22 @@ var DivContainer = async (props) => {
   const renderContainerChildren = () => {
     if (!hasReplicatedChildren) {
       if (Array.isArray(arrayResult)) {
-        return props.node.children.flatMap(
-          (node, childIndex) => node?.type === "div-container" ? [] : [renderNode(node, props, props.dataitem, `static-${childIndex}`)]
-        );
+        return props.node.children.flatMap((node, childIndex) => {
+          if (node.type !== "div-container") {
+            return [
+              renderNode(node, props, props.dataitem, `static-${childIndex}`)
+            ];
+          }
+          const containsRepeater = node.children.some(hasRepeatedContainer);
+          return [
+            renderNode(
+              node,
+              props,
+              containsRepeater ? arrayResult : props.dataitem,
+              `${containsRepeater ? "nested-repeater" : "static"}-${childIndex}`
+            )
+          ];
+        });
       }
       return dataToRender.map(
         (item, idx) => item?.links?.view && renderLink ? renderChildren(

package/dist/server.js

@@ -6673,9 +6673,9 @@ var ImageGalleryNode = (props) => {
       const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
         imageUrl = resolvedAsset.assetUrl;
-        posterUrl = resolvedAsset.posterUrl;
-        intrinsicWidth = resolvedAsset.intrinsicWidth;
-        intrinsicHeight = resolvedAsset.intrinsicHeight;
+        posterUrl = resolvedAsset.posterUrl ?? posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth ?? intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight ?? intrinsicHeight;
       }
     }
     if (!imageUrl) {
@@ -6725,11 +6725,15 @@ var ImageGalleryNode = (props) => {
     }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
-  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
-  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
+  const primaryHlsResolved = primaryHls ? resolveImage(primaryHls) : void 0;
+  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicWidth)?.toString() : void 0;
+  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicHeight)?.toString() : void 0;
   const hlsStyles = {};
   if (primaryHls?.height) hlsStyles.height = primaryHls.height;
   if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  const videoWidth = parseMaybeNumber(primaryHlsResolved?.intrinsicWidth);
+  const videoHeight = parseMaybeNumber(primaryHlsResolved?.intrinsicHeight);
+  hlsStyles.aspectRatio = videoWidth && videoHeight ? `${videoWidth} / ${videoHeight}` : "16 / 9";
   if (primaryHls?.borderRadius)
     hlsStyles.borderRadius = primaryHls.borderRadius;
   const staticSources = staticImages.filter((img) => !!img.device);
@@ -6741,7 +6745,7 @@ var ImageGalleryNode = (props) => {
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: hlsStyles, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       HlsPlayer4,
       {
         sources: hlsSources,
@@ -6755,7 +6759,7 @@ var ImageGalleryNode = (props) => {
         session: props.session,
         styles: hlsStyles
       }
-    ) }),
+    ) }) }),
     (staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find(
@@ -6777,8 +6781,8 @@ var ImageGalleryNode = (props) => {
           {
             media: deviceToMediaQuery(match.device),
             srcSet: srcUrl,
-            width: parseMaybeNumber(match.intrinsicWidth),
-            height: parseMaybeNumber(match.intrinsicHeight)
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight)
           },
           deviceKey
         );
@@ -6804,8 +6808,8 @@ var ImageGalleryNode = (props) => {
             style: styles,
             className: "object-cover max-w-full",
             src: imageUrl,
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           }
         );
@@ -6849,8 +6853,8 @@ var ImageGalleryNode = (props) => {
               display
             },
             className: "object-cover max-w-full",
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           },
           index
@@ -7461,6 +7465,14 @@ var Slider2 = (0, import_dynamic14.default)(() => Promise.resolve().then(() => (
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
+function hasRepeatedContainer(node) {
+  if (!node || typeof node !== "object") return false;
+  const container = node;
+  if (container.type === "div-container" && (container.repeatForEachItem === true || container.replicate === true)) {
+    return true;
+  }
+  return Array.isArray(container.children) && container.children.some(hasRepeatedContainer);
+}
 function convertKeysToCamelCase(obj) {
   if (!obj || typeof obj !== "object") return obj;
   if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
@@ -7781,7 +7793,7 @@ var DivContainer = async (props) => {
       return dataItem[key] !== void 0 ? dataItem[key] : match;
     });
   }
-  const arrayResult = Array.isArray(result) ? result : null;
+  const arrayResult = Array.isArray(result) ? result : !dataSource && Array.isArray(props.dataitem) ? props.dataitem : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -7817,9 +7829,22 @@ var DivContainer = async (props) => {
   const renderContainerChildren = () => {
     if (!hasReplicatedChildren) {
       if (Array.isArray(arrayResult)) {
-        return props.node.children.flatMap(
-          (node, childIndex) => node?.type === "div-container" ? [] : [renderNode(node, props, props.dataitem, `static-${childIndex}`)]
-        );
+        return props.node.children.flatMap((node, childIndex) => {
+          if (node.type !== "div-container") {
+            return [
+              renderNode(node, props, props.dataitem, `static-${childIndex}`)
+            ];
+          }
+          const containsRepeater = node.children.some(hasRepeatedContainer);
+          return [
+            renderNode(
+              node,
+              props,
+              containsRepeater ? arrayResult : props.dataitem,
+              `${containsRepeater ? "nested-repeater" : "static"}-${childIndex}`
+            )
+          ];
+        });
       }
       return dataToRender.map(
         (item, idx) => item?.links?.view && renderLink ? renderChildren2(

package/dist/server.mjs

@@ -1624,9 +1624,9 @@ var ImageGalleryNode = (props) => {
       const resolvedAsset = resolveAsset(fieldValue, image.tag);
       if (resolvedAsset) {
         imageUrl = resolvedAsset.assetUrl;
-        posterUrl = resolvedAsset.posterUrl;
-        intrinsicWidth = resolvedAsset.intrinsicWidth;
-        intrinsicHeight = resolvedAsset.intrinsicHeight;
+        posterUrl = resolvedAsset.posterUrl ?? posterUrl;
+        intrinsicWidth = resolvedAsset.intrinsicWidth ?? intrinsicWidth;
+        intrinsicHeight = resolvedAsset.intrinsicHeight ?? intrinsicHeight;
       }
     }
     if (!imageUrl) {
@@ -1676,11 +1676,15 @@ var ImageGalleryNode = (props) => {
     }).filter(Boolean)
   ];
   const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
-  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
-  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
+  const primaryHlsResolved = primaryHls ? resolveImage(primaryHls) : void 0;
+  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicWidth)?.toString() : void 0;
+  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHlsResolved?.intrinsicHeight)?.toString() : void 0;
   const hlsStyles = {};
   if (primaryHls?.height) hlsStyles.height = primaryHls.height;
   if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  const videoWidth = parseMaybeNumber(primaryHlsResolved?.intrinsicWidth);
+  const videoHeight = parseMaybeNumber(primaryHlsResolved?.intrinsicHeight);
+  hlsStyles.aspectRatio = videoWidth && videoHeight ? `${videoWidth} / ${videoHeight}` : "16 / 9";
   if (primaryHls?.borderRadius)
     hlsStyles.borderRadius = primaryHls.borderRadius;
   const staticSources = staticImages.filter((img) => !!img.device);
@@ -1692,7 +1696,7 @@ var ImageGalleryNode = (props) => {
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
   return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx35(Fragment5, { children: /* @__PURE__ */ jsx35(
+    hlsSources.length > 0 && /* @__PURE__ */ jsx35(Fragment5, { children: /* @__PURE__ */ jsx35("div", { style: hlsStyles, children: /* @__PURE__ */ jsx35(
       HlsPlayer3,
       {
         sources: hlsSources,
@@ -1706,7 +1710,7 @@ var ImageGalleryNode = (props) => {
         session: props.session,
         styles: hlsStyles
       }
-    ) }),
+    ) }) }),
     (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx35(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs13("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find(
@@ -1728,8 +1732,8 @@ var ImageGalleryNode = (props) => {
           {
             media: deviceToMediaQuery(match.device),
             srcSet: srcUrl,
-            width: parseMaybeNumber(match.intrinsicWidth),
-            height: parseMaybeNumber(match.intrinsicHeight)
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight)
           },
           deviceKey
         );
@@ -1755,8 +1759,8 @@ var ImageGalleryNode = (props) => {
             style: styles,
             className: "object-cover max-w-full",
             src: imageUrl,
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           }
         );
@@ -1800,8 +1804,8 @@ var ImageGalleryNode = (props) => {
               display
             },
             className: "object-cover max-w-full",
-            width: parseMaybeNumber(img.intrinsicWidth),
-            height: parseMaybeNumber(img.intrinsicHeight),
+            width: parseMaybeNumber(resolved.intrinsicWidth),
+            height: parseMaybeNumber(resolved.intrinsicHeight),
             alt: img.title ?? "Gallery image"
           },
           index
@@ -2411,6 +2415,14 @@ var Slider = dynamic14(() => import("./Slider-UNNVADVP.mjs"), {
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
+function hasRepeatedContainer(node) {
+  if (!node || typeof node !== "object") return false;
+  const container = node;
+  if (container.type === "div-container" && (container.repeatForEachItem === true || container.replicate === true)) {
+    return true;
+  }
+  return Array.isArray(container.children) && container.children.some(hasRepeatedContainer);
+}
 function convertKeysToCamelCase(obj) {
   if (!obj || typeof obj !== "object") return obj;
   if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
@@ -2731,7 +2743,7 @@ var DivContainer = async (props) => {
       return dataItem[key] !== void 0 ? dataItem[key] : match;
     });
   }
-  const arrayResult = Array.isArray(result) ? result : null;
+  const arrayResult = Array.isArray(result) ? result : !dataSource && Array.isArray(props.dataitem) ? props.dataitem : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -2767,9 +2779,22 @@ var DivContainer = async (props) => {
   const renderContainerChildren = () => {
     if (!hasReplicatedChildren) {
       if (Array.isArray(arrayResult)) {
-        return props.node.children.flatMap(
-          (node, childIndex) => node?.type === "div-container" ? [] : [renderNode(node, props, props.dataitem, `static-${childIndex}`)]
-        );
+        return props.node.children.flatMap((node, childIndex) => {
+          if (node.type !== "div-container") {
+            return [
+              renderNode(node, props, props.dataitem, `static-${childIndex}`)
+            ];
+          }
+          const containsRepeater = node.children.some(hasRepeatedContainer);
+          return [
+            renderNode(
+              node,
+              props,
+              containsRepeater ? arrayResult : props.dataitem,
+              `${containsRepeater ? "nested-repeater" : "static"}-${childIndex}`
+            )
+          ];
+        });
       }
       return dataToRender.map(
         (item, idx) => item?.links?.view && renderLink ? renderChildren(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20261003121654",
+  "version": "0.8.1-dev.20261007072241",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",