@cntrl-site/sdk 1.24.1 → 1.24.2

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { URL } from "url";
 import { z } from "zod";
 import UAParser from "ua-parser-js";
 import * as MP4Box from "mp4box";
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useMemo } from "react";
 import { Splide, SplideSlide } from "@splidejs/react-splide";
 import cn from "classnames";
@@ -1355,31 +1355,15 @@ const RichTextRenderer = ({ content }) => {
   const getChildren = (children) => {
     return children.map((child, i) => {
       if (child.type === "link") {
-        return /* @__PURE__ */ jsxDEV("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i, false, {
-          fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-          lineNumber: 13,
-          columnNumber: 16
-        }, void 0);
+        return /* @__PURE__ */ jsx("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
       }
-      return /* @__PURE__ */ jsxDEV("span", { style: getLeafCss(child), children: child.text }, i, false, {
-        fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-        lineNumber: 15,
-        columnNumber: 14
-      }, void 0);
+      return /* @__PURE__ */ jsx("span", { style: getLeafCss(child), children: child.text }, i);
     });
   };
-  return /* @__PURE__ */ jsxDEV(Fragment, { children: content.map((block, i) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: content.map((block, i) => {
     const children = block.children;
-    return /* @__PURE__ */ jsxDEV("div", { children: getChildren(children) }, i, false, {
-      fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-      lineNumber: 23,
-      columnNumber: 11
-    }, void 0);
-  }) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-    lineNumber: 19,
-    columnNumber: 5
-  }, void 0);
+    return /* @__PURE__ */ jsx("div", { children: getChildren(children) }, i);
+  }) });
 };
 function getLeafCss(leaf) {
   return {
@@ -1412,13 +1396,9 @@ const SvgImage = ({ url, fill = "#000000", hoverFill = "#CCCCCC", className = ""
     }
   }, []);
   if (!url.endsWith(".svg") || !supportsMask) {
-    return /* @__PURE__ */ jsxDEV("img", { src: url, alt: "", className: cn(styles$1.img, className) }, void 0, false, {
-      fileName: "H:/mom/sdk/src/Components/helpers/SvgImage/SvgImage.tsx",
-      lineNumber: 23,
-      columnNumber: 12
-    }, void 0);
+    return /* @__PURE__ */ jsx("img", { src: url, alt: "", className: cn(styles$1.img, className) });
   }
-  return /* @__PURE__ */ jsxDEV(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       "data-supports-mask": supportsMask,
@@ -1428,15 +1408,7 @@ const SvgImage = ({ url, fill = "#000000", hoverFill = "#CCCCCC", className = ""
         "--fill": fill,
         "--hover-fill": hoverFill
       }
-    },
-    void 0,
-    false,
-    {
-      fileName: "H:/mom/sdk/src/Components/helpers/SvgImage/SvgImage.tsx",
-      lineNumber: 27,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
 };
 const alignmentClassName = {
@@ -1483,7 +1455,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
     setKey((prev) => prev + 1);
     prevSliderTypeRef.current = transition.type;
   }, [transition.type]);
-  return /* @__PURE__ */ jsxDEV("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxDEV(
+  return /* @__PURE__ */ jsx("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: styles$3.sliderInner,
@@ -1493,15 +1465,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
         backgroundColor: transition.backgroundColor && transition.type === "fade in" ? transition.backgroundColor : "transparent"
       },
       children: [
-        settings.caption.isActive && /* @__PURE__ */ jsxDEV(
+        settings.caption.isActive && /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(styles$3.captionBlock),
-            children: /* @__PURE__ */ jsxDEV(
+            children: /* @__PURE__ */ jsx(
               "div",
               {
                 className: styles$3.captionTextWrapper,
-                children: content.map((item, index) => /* @__PURE__ */ jsxDEV(
+                children: content.map((item, index) => /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: cn(styles$3.captionText, alignmentClassName[caption.alignment], {
@@ -1524,7 +1496,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       color,
                       transitionDuration: transition.duration ? `${Math.round(parseInt(transition.duration) / 2)}ms` : "500ms"
                     },
-                    children: /* @__PURE__ */ jsxDEV(
+                    children: /* @__PURE__ */ jsx(
                       "div",
                       {
                         "data-styles": "caption",
@@ -1535,52 +1507,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                           top: scalingValue(caption.offset.y, isEditor),
                           left: scalingValue(caption.offset.x, isEditor)
                         },
-                        children: /* @__PURE__ */ jsxDEV(RichTextRenderer, { content: item.imageCaption }, void 0, false, {
-                          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                          lineNumber: 115,
-                          columnNumber: 19
-                        }, this)
-                      },
-                      void 0,
-                      false,
-                      {
-                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                        lineNumber: 105,
-                        columnNumber: 17
-                      },
-                      this
+                        children: /* @__PURE__ */ jsx(RichTextRenderer, { content: item.imageCaption })
+                      }
                     )
                   },
-                  index,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 82,
-                    columnNumber: 15
-                  },
-                  this
+                  index
                 ))
-              },
-              void 0,
-              false,
-              {
-                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                lineNumber: 78,
-                columnNumber: 11
-              },
-              this
+              }
             )
-          },
-          void 0,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 75,
-            columnNumber: 9
-          },
-          this
+          }
         ),
-        /* @__PURE__ */ jsxDEV(
+        /* @__PURE__ */ jsx(
           Splide,
           {
             onMove: (e) => {
@@ -1603,15 +1540,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               type: transition.type === "fade in" ? "fade" : "loop",
               rewind: true
             },
-            children: content.map((item, index) => /* @__PURE__ */ jsxDEV(SplideSlide, { children: /* @__PURE__ */ jsxDEV(
+            children: content.map((item, index) => /* @__PURE__ */ jsx(SplideSlide, { children: /* @__PURE__ */ jsx(
               "div",
               {
                 className: styles$3.sliderItem,
-                children: /* @__PURE__ */ jsxDEV(
+                children: /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: styles$3.imgWrapper,
-                    children: /* @__PURE__ */ jsxDEV(
+                    children: /* @__PURE__ */ jsx(
                       "img",
                       {
                         className: cn(styles$3.sliderImage, {
@@ -1620,52 +1557,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                         }),
                         src: item.image.url,
                         alt: item.image.name ?? ""
-                      },
-                      void 0,
-                      false,
-                      {
-                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                        lineNumber: 153,
-                        columnNumber: 17
-                      },
-                      this
+                      }
                     )
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 150,
-                    columnNumber: 15
-                  },
-                  this
+                  }
                 )
-              },
-              void 0,
-              false,
-              {
-                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                lineNumber: 147,
-                columnNumber: 13
-              },
-              this
-            ) }, index, false, {
-              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-              lineNumber: 146,
-              columnNumber: 11
-            }, this))
-          },
-          key,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 122,
-            columnNumber: 7
+              }
+            ) }, index))
           },
-          this
+          key
         ),
-        controls.isActive && /* @__PURE__ */ jsxDEV(Fragment, { children: [
-          /* @__PURE__ */ jsxDEV(
+        controls.isActive && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(styles$3.arrow, {
@@ -1675,7 +1577,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 color: controls.color,
                 ["--arrow-hover-color"]: controls.hover
               },
-              children: /* @__PURE__ */ jsxDEV(
+              children: /* @__PURE__ */ jsxs(
                 "button",
                 {
                   onClick: () => {
@@ -1686,50 +1588,22 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horiz" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    controls.arrowsImgUrl && /* @__PURE__ */ jsxDEV(
+                    controls.arrowsImgUrl && /* @__PURE__ */ jsx(
                       SvgImage,
                       {
                         url: controls.arrowsImgUrl,
                         fill: controls.color,
                         hoverFill: controls.hover,
                         className: cn(styles$3.arrowImg, styles$3.mirror)
-                      },
-                      void 0,
-                      false,
-                      {
-                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                        lineNumber: 186,
-                        columnNumber: 17
-                      },
-                      this
+                      }
                     ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxDEV(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) }, void 0, false, {
-                      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                      lineNumber: 194,
-                      columnNumber: 17
-                    }, this)
+                    !controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) })
                   ]
-                },
-                void 0,
-                true,
-                {
-                  fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                  lineNumber: 176,
-                  columnNumber: 13
-                },
-                this
+                }
               )
-            },
-            void 0,
-            false,
-            {
-              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-              lineNumber: 167,
-              columnNumber: 11
-            },
-            this
+            }
           ),
-          /* @__PURE__ */ jsxDEV(
+          /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(styles$3.arrow, styles$3.nextArrow, {
@@ -1739,7 +1613,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 color: controls.color,
                 ["--arrow-hover-color"]: controls.hover
               },
-              children: /* @__PURE__ */ jsxDEV(
+              children: /* @__PURE__ */ jsxs(
                 "button",
                 {
                   className: styles$3.arrowInner,
@@ -1748,55 +1622,23 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     transform: `translate(${scalingValue(controlsOffsetX * (direction === "horiz" ? -1 : 1), isEditor)}, ${scalingValue(controlsOffsetY, isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    controls.arrowsImgUrl && /* @__PURE__ */ jsxDEV(
+                    controls.arrowsImgUrl && /* @__PURE__ */ jsx(
                       SvgImage,
                       {
                         url: controls.arrowsImgUrl,
                         fill: controls.color,
                         hoverFill: controls.hover,
                         className: styles$3.arrowImg
-                      },
-                      void 0,
-                      false,
-                      {
-                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                        lineNumber: 215,
-                        columnNumber: 17
-                      },
-                      this
+                      }
                     ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxDEV(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) }, void 0, false, {
-                      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                      lineNumber: 223,
-                      columnNumber: 17
-                    }, this)
+                    !controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) })
                   ]
-                },
-                void 0,
-                true,
-                {
-                  fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                  lineNumber: 207,
-                  columnNumber: 13
-                },
-                this
+                }
               )
-            },
-            void 0,
-            false,
-            {
-              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-              lineNumber: 198,
-              columnNumber: 11
-            },
-            this
+            }
           )
-        ] }, void 0, true, {
-          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-          lineNumber: 166,
-          columnNumber: 9
-        }, this),
-        triggers.triggersList.click && /* @__PURE__ */ jsxDEV(
+        ] }),
+        triggers.triggersList.click && /* @__PURE__ */ jsx(
           "div",
           {
             className: styles$3.clickOverlay,
@@ -1805,17 +1647,9 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 sliderRef.go("+1");
               }
             }
-          },
-          void 0,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 230,
-            columnNumber: 9
-          },
-          this
+          }
         ),
-        pagination2.isActive && /* @__PURE__ */ jsxDEV(
+        pagination2.isActive && /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(styles$3.pagination, {
@@ -1829,7 +1663,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               [styles$3.paginationOutsideRight]: pagination2.position === "outside-2" && direction === "vert",
               [styles$3.paginationVertical]: direction === "vert"
             }),
-            children: /* @__PURE__ */ jsxDEV(
+            children: /* @__PURE__ */ jsx(
               "div",
               {
                 className: styles$3.paginationInner,
@@ -1837,7 +1671,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                   backgroundColor: pagination2.colors[2],
                   transform: `scale(${pagination2.scale / 100}) translate(${scalingValue(pagination2.offset.x, isEditor)}, ${scalingValue(pagination2.offset.y, isEditor)}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
                 },
-                children: content.map((_, index) => /* @__PURE__ */ jsxDEV(
+                children: content.map((_, index) => /* @__PURE__ */ jsx(
                   "button",
                   {
                     onClick: () => {
@@ -1846,7 +1680,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       }
                     },
                     className: cn(styles$3.paginationItem),
-                    children: /* @__PURE__ */ jsxDEV(
+                    children: /* @__PURE__ */ jsx(
                       "div",
                       {
                         className: cn(styles$3.dot, {
@@ -1856,76 +1690,21 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                           backgroundColor: index === currentSlideIndex ? pagination2.colors[0] : pagination2.colors[1],
                           ["--pagination-hover-color"]: pagination2.hover
                         }
-                      },
-                      void 0,
-                      false,
-                      {
-                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                        lineNumber: 270,
-                        columnNumber: 17
-                      },
-                      this
+                      }
                     )
                   },
-                  index,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 261,
-                    columnNumber: 15
-                  },
-                  this
+                  index
                 ))
-              },
-              void 0,
-              false,
-              {
-                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                lineNumber: 253,
-                columnNumber: 11
-              },
-              this
+              }
             )
-          },
-          void 0,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 240,
-            columnNumber: 9
-          },
-          this
+          }
         )
       ]
-    },
-    void 0,
-    true,
-    {
-      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-      lineNumber: 66,
-      columnNumber: 7
-    },
-    this
-  ) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 65,
-    columnNumber: 5
-  }, this);
+    }
+  ) });
 }
 function ArrowIcon({ color, className }) {
-  return /* @__PURE__ */ jsxDEV("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxDEV("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsxDEV("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 293,
-    columnNumber: 11
-  }, this) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 292,
-    columnNumber: 7
-  }, this) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 291,
-    columnNumber: 5
-  }, this);
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
 }
 const ControlSliderComponent = {
   element: ControlSlider,
@@ -2615,7 +2394,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
     const isHover = target === "area" || isMouseOverImage(mouseX, mouseY, placedImages);
     divRef.current.style.cursor = isHover ? `url(${hoverCursor}), auto` : `url(${defaultCursor}), auto`;
   };
-  return /* @__PURE__ */ jsxDEV(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: divRef,
@@ -2623,7 +2402,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       onMouseEnter: handleMouseMove,
       onMouseMove: handleMouseMove,
       className: styles.imageRevealSlider,
-      children: placedImages.map((img2) => /* @__PURE__ */ jsxDEV(
+      children: placedImages.map((img2) => /* @__PURE__ */ jsx(
         "div",
         {
           className: styles.wrapper,
@@ -2635,60 +2414,26 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             width: img2.width ?? "auto",
             height: "auto"
           },
-          children: target === "area" && img2.link ? /* @__PURE__ */ jsxDEV("a", { href: img2.link, target: "_blank", className: styles.link, children: /* @__PURE__ */ jsxDEV(
+          children: target === "area" && img2.link ? /* @__PURE__ */ jsx("a", { href: img2.link, target: "_blank", className: styles.link, children: /* @__PURE__ */ jsx(
             "img",
             {
               src: img2.url,
               alt: img2.name,
               className: styles.image
             },
-            img2.id,
-            false,
-            {
-              fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-              lineNumber: 257,
-              columnNumber: 15
-            },
-            this
-          ) }, void 0, false, {
-            fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-            lineNumber: 256,
-            columnNumber: 13
-          }, this) : /* @__PURE__ */ jsxDEV(
+            img2.id
+          ) }) : /* @__PURE__ */ jsx(
             "img",
             {
               src: img2.url,
               alt: img2.name,
               className: styles.image
             },
-            img2.id,
-            false,
-            {
-              fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-              lineNumber: 265,
-              columnNumber: 13
-            },
-            this
+            img2.id
           )
-        },
-        void 0,
-        false,
-        {
-          fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-          lineNumber: 245,
-          columnNumber: 9
-        },
-        this
+        }
       ))
-    },
-    void 0,
-    false,
-    {
-      fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-      lineNumber: 237,
-      columnNumber: 5
-    },
-    this
+    }
   );
 }
 const ControlImageRevealSliderComponent = {

package/dist/types/component/Component.d.ts

@@ -1,5 +1,5 @@
 export type Component = {
-    element: (props: any) => JSX.Element;
+    element: (props: any) => React.ReactElement;
     id: string;
     name: string;
     defaultSize: {