@producteca/producteca-ui-kit 1.77.3 → 1.77.4

package/dist/producteca-ui-kit.es.js

@@ -67619,13 +67619,50 @@ const Modal2 = Modal$1;
 Modal2.Title = ModalTitle;
 Modal2.Body = ModalBody;
 Modal2.Footer = ModalFooter;
+const InsertPhotoRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2M8.9 13.98l2.1 2.53 3.1-3.99c.2-.26.6-.26.8.01l3.51 4.68c.25.33.01.8-.4.8H6.02c-.42 0-.65-.48-.39-.81L8.12 14c.19-.26.57-.27.78-.02"
+}), "InsertPhotoRounded");
+const image = "image-module_image_y02P7";
+const error$1 = "image-module_error_QtQOy";
+const styles$c = {
+  "image-container": "image-module_image-container_ZhlhW",
+  "show-border": "image-module_show-border_LV5sz",
+  image,
+  error: error$1
+};
+const Image = ({
+  sx,
+  src,
+  alt,
+  imageSx,
+  errorIcon,
+  showBorder = true
+}) => {
+  const [hasError2, setHasError] = useState(false);
+  useEffect(() => {
+    setHasError(false);
+  }, [src]);
+  const handleImageError = () => {
+    setHasError(true);
+  };
+  return /* @__PURE__ */ jsx$1("div", { className: clsx(styles$c["image-container"], { [styles$c["show-border"]]: showBorder }), style: { ...sx }, children: hasError2 ? !!errorIcon ? errorIcon : /* @__PURE__ */ jsx$1(InsertPhotoRoundedIcon, { className: styles$c.error }) : /* @__PURE__ */ jsx$1(
+    "img",
+    {
+      src,
+      alt: alt || src,
+      className: styles$c.image,
+      style: { ...imageSx },
+      onError: handleImageError
+    }
+  ) });
+};
 const card = "card-module_card_HG0v6";
 const header$1 = "card-module_header_Jtd2-";
 const title$2 = "card-module_title_9LIjW";
 const description = "card-module_description_nxqlH";
 const disabled$2 = "card-module_disabled_Zdzj7";
 const active$2 = "card-module_active_dTNAe";
-const styles$c = {
+const styles$b = {
   card,
   header: header$1,
   title: title$2,
@@ -67647,55 +67684,18 @@ const CardBase = ({
   {
     style: sx,
     onClick,
-    className: clsx(styles$c.card, { [styles$c.disabled]: disabled2, [styles$c.active]: isActive }),
+    className: clsx(styles$b.card, { [styles$b.disabled]: disabled2, [styles$b.active]: isActive }),
     children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$c.header, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$b.header, children: [
         !!icon2 && icon2,
-        !!title2 && /* @__PURE__ */ jsx$1("div", { className: styles$c.title, children: title2 })
+        !!title2 && /* @__PURE__ */ jsx$1("div", { className: styles$b.title, children: title2 })
       ] }),
-      !!description2 && /* @__PURE__ */ jsx$1("span", { className: styles$c.description, children: description2 }),
+      !!description2 && /* @__PURE__ */ jsx$1("span", { className: styles$b.description, children: description2 }),
       children
     ]
   }
 );
 const Card = withDebugHandlers(CardBase, "Card");
-const InsertPhotoRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
-  d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2M8.9 13.98l2.1 2.53 3.1-3.99c.2-.26.6-.26.8.01l3.51 4.68c.25.33.01.8-.4.8H6.02c-.42 0-.65-.48-.39-.81L8.12 14c.19-.26.57-.27.78-.02"
-}), "InsertPhotoRounded");
-const image = "image-module_image_y02P7";
-const error$1 = "image-module_error_QtQOy";
-const styles$b = {
-  "image-container": "image-module_image-container_ZhlhW",
-  "show-border": "image-module_show-border_LV5sz",
-  image,
-  error: error$1
-};
-const Image = ({
-  sx,
-  src,
-  alt,
-  imageSx,
-  errorIcon,
-  showBorder = true
-}) => {
-  const [hasError2, setHasError] = useState(false);
-  useEffect(() => {
-    setHasError(false);
-  }, [src]);
-  const handleImageError = () => {
-    setHasError(true);
-  };
-  return /* @__PURE__ */ jsx$1("div", { className: clsx(styles$b["image-container"], { [styles$b["show-border"]]: showBorder }), style: { ...sx }, children: hasError2 ? !!errorIcon ? errorIcon : /* @__PURE__ */ jsx$1(InsertPhotoRoundedIcon, { className: styles$b.error }) : /* @__PURE__ */ jsx$1(
-    "img",
-    {
-      src,
-      alt: alt || src,
-      className: styles$b.image,
-      style: { ...imageSx },
-      onError: handleImageError
-    }
-  ) });
-};
 const ChannelIcon = ({ iconUrl, name }) => /* @__PURE__ */ jsx$1(
   Image,
   {