@joza/joza-ui-kit 0.1.9 → 0.1.11

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

@@ -57,8 +57,11 @@ const Button2 = ({ label, size = "", style = "", disabled = false, icon: Icon, c
 
 var styles$b = {"carousel":"carousel-module_carousel__wqzvf","carousel__track":"carousel-module_carousel__track__tYeyk","carousel__logo":"carousel-module_carousel__logo__Rm8zv"};
 
-const Carousel = ({ imgs }) => {
-    return (jsx("div", { className: styles$b.carousel, children: jsx("div", { className: styles$b.carousel__track, children: imgs.map((item, index) => (jsx("div", { className: styles$b.carousel__logo, children: jsx("img", { src: item.src, alt: item.alt }) }, `first-${index}`))) }) }));
+const Carousel = (props) => {
+    const { imgs, ImageComponent } = props;
+    // Pas de "as any" : au pire un cast sûr vers ElementType (pas d'any)
+    const Img = ImageComponent ?? "img";
+    return (jsx("div", { className: styles$b.carousel, children: jsx("div", { className: styles$b.carousel__track, children: imgs.map((imgProps, index) => (jsx("div", { className: styles$b.carousel__logo, children: jsx(Img, { ...imgProps }) }, `img-${index}`))) }) }));
 };
 
 /**
@@ -290,10 +293,12 @@ var styles$9 = {"horizontalMenu":"horizontal-menu-module_horizontalMenu__x03o-",
 const HorizontalMenu = ({ logo, items, cta }) => {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     return (jsx("nav", { className: styles$9.horizontalMenu, children: jsxs("div", { className: styles$9.horizontalMenu__container, children: [jsxs("div", { className: styles$9.horizontalMenu__inner, children: [logo &&
-                            jsx("a", { href: "#", className: styles$9.horizontalMenu__logo, children: jsx("img", { src: logo.src, alt: logo.alt }) }), jsx("div", { className: styles$9.horizontalMenu__menu, children: jsx("div", { className: styles$9.horizontalMenu__list, children: items.map((item) => (jsx("a", { href: item.href, className: styles$9.horizontalMenu__link, children: item.label }, item.label))) }) }), jsx("div", { className: styles$9.horizontalMenu__cta, children: jsx(Button2, { label: cta.label, onClick: cta.action }) }), jsx("div", { className: styles$9.horizontalMenu__mobile_toggle, children: jsx(Button2, { style: "ghost", onClick: () => setIsMenuOpen(!isMenuOpen), children: isMenuOpen ? jsx(X, { style: { width: '1.5rem', height: '1.5rem' } }) : jsx(Menu, { style: { width: '1.5rem', height: '1.5rem' } }) }) })] }), isMenuOpen && (jsx("div", { className: styles$9.horizontalMenu__mobile_menu, children: jsxs("div", { className: styles$9.horizontalMenu__mobile_content, children: [items.map((item) => (jsx("a", { href: item.href, className: styles$9.horizontalMenu__mobile_link, onClick: () => setIsMenuOpen(false), children: item.label }, item.label))), jsx("div", { className: styles$9.horizontalMenu__mobile_cta, children: jsx(Button2, { label: cta.label, onClick: () => {
-                                        cta.action();
-                                        setIsMenuOpen(false);
-                                    }, size: "full" }) })] }) }))] }) }));
+                            jsx("a", { href: "#", className: styles$9.horizontalMenu__logo, children: jsx("img", { src: logo.src, alt: logo.alt }) }), jsx("div", { className: styles$9.horizontalMenu__menu, children: jsx("div", { className: styles$9.horizontalMenu__list, children: items.map((item) => (jsx("a", { href: item.href, className: styles$9.horizontalMenu__link, children: item.label }, item.label))) }) }), cta &&
+                            jsx("div", { className: styles$9.horizontalMenu__cta, children: jsx(Button2, { label: cta.label, onClick: cta.action }) }), jsx("div", { className: styles$9.horizontalMenu__mobile_toggle, children: jsx(Button2, { style: "ghost", onClick: () => setIsMenuOpen(!isMenuOpen), children: isMenuOpen ? jsx(X, { style: { width: '1.5rem', height: '1.5rem' } }) : jsx(Menu, { style: { width: '1.5rem', height: '1.5rem' } }) }) })] }), isMenuOpen && (jsx("div", { className: styles$9.horizontalMenu__mobile_menu, children: jsxs("div", { className: styles$9.horizontalMenu__mobile_content, children: [items.map((item) => (jsx("a", { href: item.href, className: styles$9.horizontalMenu__mobile_link, onClick: () => setIsMenuOpen(false), children: item.label }, item.label))), cta &&
+                                jsx("div", { className: styles$9.horizontalMenu__mobile_cta, children: jsx(Button2, { label: cta.label, onClick: () => {
+                                            cta.action();
+                                            setIsMenuOpen(false);
+                                        }, size: "full" }) })] }) }))] }) }));
 };
 
 var styles$8 = {"horizontalPoints__container":"horizontal-points-module_horizontalPoints__container__mRGx9","horizontalPoints__item":"horizontal-points-module_horizontalPoints__item__xnRLO"};