@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260808091030 → 0.8.1-dev.20260808143630

package/dist/server.js

@@ -1811,7 +1811,10 @@ var init_IframeClient = __esm({
           src,
           className: "w-full h-full border-none",
           scrolling: "no",
-          style: { width: width || "100%", height: height || iframeHeight },
+          style: {
+            width: width != null ? `${width}px` : "100%",
+            height: height != null ? `${height}px` : iframeHeight
+          },
           onLoad: handleIframeLoad
         }
       ) }) });
@@ -2031,52 +2034,52 @@ var init_OdataBuilder = __esm({
 });
 
 // src/svg/chevron-updown.tsx
-var import_jsx_runtime47, ChevronUpDown, chevron_updown_default;
+var import_jsx_runtime48, ChevronUpDown, chevron_updown_default;
 var init_chevron_updown = __esm({
   "src/svg/chevron-updown.tsx"() {
     "use strict";
-    import_jsx_runtime47 = require("react/jsx-runtime");
+    import_jsx_runtime48 = require("react/jsx-runtime");
     ChevronUpDown = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
     };
     chevron_updown_default = ChevronUpDown;
   }
 });
 
 // src/svg/chevron-down.tsx
-var import_jsx_runtime48, ChevronDown, chevron_down_default;
+var import_jsx_runtime49, ChevronDown, chevron_down_default;
 var init_chevron_down = __esm({
   "src/svg/chevron-down.tsx"() {
     "use strict";
-    import_jsx_runtime48 = require("react/jsx-runtime");
+    import_jsx_runtime49 = require("react/jsx-runtime");
     ChevronDown = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
     };
     chevron_down_default = ChevronDown;
   }
 });
 
 // src/svg/chevron-up.tsx
-var import_jsx_runtime49, ChevronUp, chevron_up_default;
+var import_jsx_runtime50, ChevronUp, chevron_up_default;
 var init_chevron_up = __esm({
   "src/svg/chevron-up.tsx"() {
     "use strict";
-    import_jsx_runtime49 = require("react/jsx-runtime");
+    import_jsx_runtime50 = require("react/jsx-runtime");
     ChevronUp = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
     };
     chevron_up_default = ChevronUp;
   }
 });
 
 // src/svg/plus.tsx
-var import_jsx_runtime50, Plus, plus_default;
+var import_jsx_runtime51, Plus, plus_default;
 var init_plus = __esm({
   "src/svg/plus.tsx"() {
     "use strict";
-    import_jsx_runtime50 = require("react/jsx-runtime");
+    import_jsx_runtime51 = require("react/jsx-runtime");
     Plus = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
     };
     plus_default = Plus;
   }
@@ -2102,19 +2105,19 @@ var init_Icons = __esm({
 });
 
 // src/svg/Icon.tsx
-var import_jsx_runtime51, Icon, Icon_default;
+var import_jsx_runtime52, Icon, Icon_default;
 var init_Icon = __esm({
   "src/svg/Icon.tsx"() {
     "use strict";
     init_Icons();
-    import_jsx_runtime51 = require("react/jsx-runtime");
+    import_jsx_runtime52 = require("react/jsx-runtime");
     Icon = ({ name, className, ...props }) => {
       const IconComponent = Icons_default[name];
       if (!IconComponent) {
         console.error(`Icon "${name}" not found.`);
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(IconComponent, { ...props, className });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(IconComponent, { ...props, className });
     };
     Icon_default = Icon;
   }
@@ -2125,7 +2128,7 @@ var Pagination_exports = {};
 __export(Pagination_exports, {
   default: () => Pagination_default
 });
-var import_react32, import_jsx_runtime52, Pagination, Pagination_default;
+var import_react32, import_jsx_runtime53, Pagination, Pagination_default;
 var init_Pagination = __esm({
   "src/components/Pagination.tsx"() {
     "use strict";
@@ -2136,7 +2139,7 @@ var init_Pagination = __esm({
     init_StyleTypes();
     init_InputControlType();
     init_Hyperlink();
-    import_jsx_runtime52 = require("react/jsx-runtime");
+    import_jsx_runtime53 = require("react/jsx-runtime");
     Pagination = (props) => {
       const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
       const builder = (0, import_react32.useMemo)(() => {
@@ -2180,7 +2183,7 @@ var init_Pagination = __esm({
         return range;
       };
       const paginationRange = getPaginationRange();
-      const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         Hyperlink,
         {
           linkType: "Link" /* Link */,
@@ -2195,9 +2198,9 @@ var init_Pagination = __esm({
       );
       const NavigationButton = ({ page, disabled, children }) => {
         if (disabled) {
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           Hyperlink,
           {
             className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
@@ -2207,35 +2210,35 @@ var init_Pagination = __esm({
         );
       };
       if (totalPages <= 1 && totalItems === 0) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "py-6 border-t bg-default", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "text-sm", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "py-6 border-t bg-default", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-sm", children: [
             "Showing ",
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "font-semibold", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "font-semibold", children: [
               startItem,
               "-",
               endItem
             ] }),
             " ",
             "out of ",
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
             " results"
           ] }),
-          totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+          totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               NavigationButton,
               {
                 page: activePageNumber - 1,
                 disabled: activePageNumber === 1,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm", children: "Prev" })
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Prev" })
                 ]
               }
             ),
             paginationRange.map((item, index) => {
               if (item === "...") {
-                return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "span",
                   {
                     className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -2245,23 +2248,23 @@ var init_Pagination = __esm({
                 );
               }
               const page = item;
-              return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PageButton, { page, children: page }, page);
+              return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PageButton, { page, children: page }, page);
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               NavigationButton,
               {
                 page: activePageNumber + 1,
                 disabled: activePageNumber === totalPages,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm", children: "Next" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Next" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
                 ]
               }
             )
           ] }),
-          showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm", children: "Go to:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Go to:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "input",
               {
                 type: "number",
@@ -2282,9 +2285,9 @@ var init_Pagination = __esm({
             ) })
           ] })
         ] }),
-        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm", children: "Show:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Show:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Hyperlink,
             {
               className: `
@@ -2296,7 +2299,7 @@ var init_Pagination = __esm({
             },
             size
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm", children: "per page" })
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "per page" })
         ] }) })
       ] });
     };
@@ -2309,13 +2312,13 @@ var Slider_exports = {};
 __export(Slider_exports, {
   default: () => Slider_default
 });
-var import_react33, import_jsx_runtime53, Slider, ArrowButton, ProgressPill, Slider_default;
+var import_react33, import_jsx_runtime54, Slider, ArrowButton, ProgressPill, Slider_default;
 var init_Slider = __esm({
   "src/components/Slider.tsx"() {
     "use strict";
     "use client";
     import_react33 = __toESM(require("react"));
-    import_jsx_runtime53 = require("react/jsx-runtime");
+    import_jsx_runtime54 = require("react/jsx-runtime");
     Slider = ({
       children,
       slidesToShow = 4,
@@ -2412,7 +2415,7 @@ var init_Slider = __esm({
         if (!import_react33.default.isValidElement(child)) return null;
         const childProps = child.props;
         const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "div",
           {
             className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
@@ -2435,14 +2438,14 @@ var init_Slider = __esm({
             return "bottom-4";
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         "div",
         {
           className: `relative w-full overflow-hidden ${className}`,
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 className: "flex h-full",
@@ -2453,18 +2456,18 @@ var init_Slider = __esm({
                 children: slides
               }
             ),
-            show_arrows && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            show_arrows && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 ArrowButton,
                 {
                   direction: "left",
                   onClick: prevSlide,
                   visible: infinite_scroll || currentSlide > 0,
                   className: arrowClassName,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                 ArrowButton,
                 {
                   direction: "right",
@@ -2472,13 +2475,13 @@ var init_Slider = __esm({
                   visible: infinite_scroll || currentSlide < maxSlide,
                   className: arrowClassName,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
                     "          "
                   ]
                 }
               )
             ] }),
-            show_dots && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            show_dots && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               ProgressPill,
               {
                 active: index === currentSlide,
@@ -2504,7 +2507,7 @@ var init_Slider = __esm({
       visible,
       children,
       className = ""
-    }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       "button",
       {
         className: `
@@ -2591,7 +2594,7 @@ var init_Slider = __esm({
       const renderProgressBar = () => {
         if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
           const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
@@ -2603,7 +2606,7 @@ var init_Slider = __esm({
       };
       const renderCumulativeFill = () => {
         if (style === "cumulative" && isFilled && !isActive) {
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
@@ -2613,7 +2616,7 @@ var init_Slider = __esm({
         }
         return null;
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         "button",
         {
           className: `${baseClasses} ${getStyleClasses()}`,
@@ -3812,7 +3815,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_dynamic10 = __toESM(require("next/dynamic"));
+var import_dynamic11 = __toESM(require("next/dynamic"));
 var import_react34 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
@@ -4906,10 +4909,29 @@ var DocumentNode = (props) => {
 };
 var DocumentNode_default = DocumentNode;
 
+// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
+var import_dynamic10 = __toESM(require("next/dynamic"));
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var IframeClient3 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
+  ssr: false
+});
+var GoogleMapNode = (props) => {
+  let src = props.node.embedUrl;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    IframeClient3,
+    {
+      src,
+      width: props.node.width,
+      height: props.node.height
+    }
+  ) });
+};
+var GoogleMapNode_default = GoogleMapNode;
+
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
-var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var Pagination2 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
+var Slider2 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -5090,7 +5112,8 @@ var DivContainer = async (props) => {
     text: TextNode_default,
     datafield: DatafieldNode_default,
     "svg-icon": SVGIconNode_default,
-    document: DocumentNode_default
+    document: DocumentNode_default,
+    "google-map": GoogleMapNode_default
   };
   const styles = props.node.cssProperties;
   const mobileStyles = props.node.mobileCssProperties;
@@ -5162,7 +5185,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NoDataFound_default, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue6(
@@ -5182,7 +5205,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SelectedNode,
       {
         node,
@@ -5315,14 +5338,14 @@ var DivContainer = async (props) => {
     noLinkColor && "no-link-color",
     !!props.node.enterAnimation && "enter-animation"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react34.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react34.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Wrapper,
       {
         id: guid,
@@ -5336,11 +5359,11 @@ var DivContainer = async (props) => {
             item,
             idx,
             props.href ? void 0 : item?.links?.view
-          )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+          )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Pagination2,
       {
         path: props.path,
@@ -5353,7 +5376,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -5368,7 +5391,8 @@ var NodeTypes = {
   ["div-container"]: DivContainer_default,
   ["svg-icon"]: SVGIconNode_default,
   ["embed"]: EmbedNode_default,
-  ["document"]: DocumentNode_default
+  ["document"]: DocumentNode_default,
+  ["google-map"]: GoogleMapNode_default
 };
 var PageBodyRenderer = (props) => {
   let pageBodyTree;
@@ -5390,14 +5414,14 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react35.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react35.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       SelectedNode,
       {
         node,
@@ -5413,7 +5437,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       SelectedNode,
       {
         node,

package/dist/server.mjs

@@ -1177,13 +1177,13 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import dynamic10 from "next/dynamic";
+import dynamic11 from "next/dynamic";
 import React22 from "react";
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic8 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic8(() => import("./IframeClient-J64QAFNK.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-XEWQLGUQ.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -2265,10 +2265,29 @@ var DocumentNode = (props) => {
 };
 var DocumentNode_default = DocumentNode;
 
+// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
+import dynamic10 from "next/dynamic";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var IframeClient2 = dynamic10(() => import("./IframeClient-XEWQLGUQ.mjs"), {
+  ssr: false
+});
+var GoogleMapNode = (props) => {
+  let src = props.node.embedUrl;
+  return /* @__PURE__ */ jsx34("div", { className: "google-map-container", children: src && /* @__PURE__ */ jsx34(
+    IframeClient2,
+    {
+      src,
+      width: props.node.width,
+      height: props.node.height
+    }
+  ) });
+};
+var GoogleMapNode_default = GoogleMapNode;
+
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-6OFACRMQ.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
+import { jsx as jsx35, jsxs as jsxs13 } from "react/jsx-runtime";
+var Pagination = dynamic11(() => import("./Pagination-6OFACRMQ.mjs"), { ssr: true });
+var Slider = dynamic11(() => import("./Slider-PEIVH6A5.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2449,7 +2468,8 @@ var DivContainer = async (props) => {
     text: TextNode_default,
     datafield: DatafieldNode_default,
     "svg-icon": SVGIconNode_default,
-    document: DocumentNode_default
+    document: DocumentNode_default,
+    "google-map": GoogleMapNode_default
   };
   const styles = props.node.cssProperties;
   const mobileStyles = props.node.mobileCssProperties;
@@ -2521,7 +2541,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ jsx34(NoDataFound_default, {});
+      return /* @__PURE__ */ jsx35(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue6(
@@ -2541,7 +2561,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(React22.Fragment, { children: /* @__PURE__ */ jsx35(
       SelectedNode,
       {
         node,
@@ -2675,13 +2695,13 @@ var DivContainer = async (props) => {
     !!props.node.enterAnimation && "enter-animation"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       "style",
       {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       Wrapper,
       {
         id: guid,
@@ -2695,11 +2715,11 @@ var DivContainer = async (props) => {
             item,
             idx,
             props.href ? void 0 : item?.links?.view
-          )?.map((child, i) => /* @__PURE__ */ jsx34(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+          )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
       Pagination,
       {
         path: props.path,
@@ -2712,7 +2732,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -2727,7 +2747,8 @@ var NodeTypes = {
   ["div-container"]: DivContainer_default,
   ["svg-icon"]: SVGIconNode_default,
   ["embed"]: EmbedNode_default,
-  ["document"]: DocumentNode_default
+  ["document"]: DocumentNode_default,
+  ["google-map"]: GoogleMapNode_default
 };
 var PageBodyRenderer = (props) => {
   let pageBodyTree;
@@ -2749,14 +2770,14 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx36(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx36(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx36(React23.Fragment, { children: /* @__PURE__ */ jsx36(
       SelectedNode,
       {
         node,
@@ -2772,7 +2793,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+    ) }) : /* @__PURE__ */ jsx36(React23.Fragment, { children: /* @__PURE__ */ jsx36(
       SelectedNode,
       {
         node,