@shohojdhara/atomix 0.2.9 → 0.3.0

package/CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.0] - 2025-12-03
+
 ### Added
 
 #### Theme Manager System
@@ -63,6 +65,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - 🎯 Works with React and vanilla JavaScript
 - 📦 Zero breaking changes to existing API
 
+## [0.2.9] - 2025-01-29
+
 ## [0.2.8] - 2025-01-28
 
 ## [0.2.7] - 2025-01-27

package/dist/index.d.ts

@@ -1040,6 +1040,11 @@ interface SideMenuProps extends BaseComponentProps {
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
      */
     glass?: boolean | Omit<AtomixGlassProps, 'children'>;
+    /**
+     * Optional custom link component (e.g., Next.js Link)
+     * Will be passed to all SideMenuItem components
+     */
+    LinkComponent?: React.ElementType;
 }
 /**
  * SideMenuList component properties

package/dist/index.esm.js

@@ -4289,7 +4289,10 @@ const Breadcrumb = ({ items, divider, className = '', ariaLabel = 'Breadcrumb',
                     onClick: item.onClick,
                     style: item.style,
                 };
-                return (jsx("li", { className: itemClasses, style: item.style, children: item.href && !item.active ? (LinkComponent ? (jsx(LinkComponent, { ...linkProps, children: linkContent })) : (jsx("a", { ...linkProps, children: linkContent }))) : (jsx("span", { className: BREADCRUMB.CLASSES.LINK, children: linkContent })) }, index));
+                return (jsx("li", { className: itemClasses, style: item.style, children: item.href && !item.active ? (LinkComponent ? ((() => {
+                        const Component = LinkComponent;
+                        return (jsx(Component, { ...linkProps, children: linkContent }));
+                    })()) : (jsx("a", { ...linkProps, children: linkContent }))) : (jsx("span", { className: BREADCRUMB.CLASSES.LINK, children: linkContent })) }, index));
             }) }) }));
 };
 Breadcrumb.displayName = 'Breadcrumb';
@@ -13823,7 +13826,6 @@ const Footer = forwardRef(({ brand, brandLogo, brandDescription, copyright, layo
     const footerContent = (jsxs("div", { className: containerClass, children: [jsxs(Grid, { className: sectionsClass, alignItems: "start", justifyContent: layout === 'centered' ? 'center' : undefined, children: [(brand || brandLogo || brandDescription) && (jsxs(GridCol, { ...getResponsiveColumnProps('brand'), className: brandClass, children: [brandLogo && (jsx("div", { className: "c-footer__brand-logo", children: typeof brandLogo === 'string' ? (jsx("img", { src: brandLogo, alt: 'Brand Logo' })) : (brandLogo) })), brand && (jsx("div", { className: "c-footer__brand-name", children: typeof brand === 'string' ? jsx("h3", { children: brand }) : brand })), brandDescription && (jsx("div", { className: "c-footer__brand-description", children: brandDescription })), socialLinks.length > 0 && (jsx("div", { className: "c-footer__social", "data-testid": "footer-social-links", children: socialLinks.map((link, index) => (jsx(FooterSocialLink, { platform: link.platform, url: link.url, icon: link.icon, label: link.label, size: size }, `${link.platform}-${index}`))) }))] })), children && (jsx(GridCol, { ...getResponsiveColumnProps('content'), className: "c-footer__content", children: jsx(Grid, { className: "c-footer__sections", alignItems: layout === 'centered' || layout === 'stacked' ? 'center' : undefined, children: React.Children.map(children, child => {
                                 // Check if the child is a valid React element
                                 if (React.isValidElement(child)) {
-                                    console.log('Footer - passing showNewsletter:', showNewsletter, typeof showNewsletter);
                                     // Clone the element and pass the showNewsletter prop
                                     return React.cloneElement(child, { showNewsletter });
                                 }
@@ -14148,7 +14150,6 @@ const layouts = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  */
 const FooterSection = forwardRef(({ title, icon, collapsible = false, defaultCollapsed = false, showNewsletter = false, children, className = '', ...props }, ref) => {
     const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
-    console.log('FooterSection render - showNewsletter:', showNewsletter, 'Type:', typeof showNewsletter);
     const handleToggle = () => {
         if (collapsible) {
             setIsCollapsed(!isCollapsed);
@@ -14200,7 +14201,8 @@ const FooterLink = forwardRef(({ href, icon, external = false, active = false, d
         ...props,
     };
     if (LinkComponent) {
-        return (jsxs(LinkComponent, { ref: ref, to: href, ...linkProps, children: [icon && jsx("span", { className: "c-footer__link-icon", children: icon }), jsx("span", { className: "c-footer__link-text", children: children }), external && jsx("span", { className: "c-footer__link-external", children: "\u2197" })] }));
+        const Component = LinkComponent;
+        return (jsxs(Component, { ref: ref, to: href, ...linkProps, children: [icon && jsx("span", { className: "c-footer__link-icon", children: icon }), jsx("span", { className: "c-footer__link-text", children: children }), external && jsx("span", { className: "c-footer__link-external", children: "\u2197" })] }));
     }
     return (jsxs("a", { ref: ref, href: disabled ? undefined : href, ...linkProps, children: [icon && jsx("span", { className: "c-footer__link-icon", children: icon }), jsx("span", { className: "c-footer__link-text", children: children }), external && jsx("span", { className: "c-footer__link-external", children: "\u2197" })] }));
 });
@@ -14658,7 +14660,10 @@ const NavItem = forwardRef(({ children, dropdown = false, megaMenu = false, acti
             ? 'page'
             : undefined),
     };
-    return (jsxs("li", { ref: ref, className: navItemClass, role: "menuitem", "aria-haspopup": dropdown || megaMenu, children: [LinkComponent ? (jsx(LinkComponent, { ...linkProps, children: dropdown || megaMenu ? childContent[0] : children })) : (jsx("a", { ...linkProps, children: dropdown || megaMenu ? childContent[0] : children })), (dropdown || megaMenu) && childContent.length > 1 && childContent[1]] }));
+    return (jsxs("li", { ref: ref, className: navItemClass, role: "menuitem", "aria-haspopup": dropdown || megaMenu, children: [LinkComponent ? ((() => {
+                const Component = LinkComponent;
+                return (jsx(Component, { ...linkProps, children: dropdown || megaMenu ? childContent[0] : children }));
+            })()) : (jsx("a", { ...linkProps, children: dropdown || megaMenu ? childContent[0] : children })), (dropdown || megaMenu) && childContent.length > 1 && childContent[1]] }));
 });
 NavItem.displayName = 'NavItem';
 
@@ -14831,7 +14836,10 @@ const SideMenuItem = forwardRef(({ children, href, onClick, active = false, disa
     };
     // Render as link if href is provided
     if (href) {
-        return LinkComponent ? (jsxs(LinkComponent, { ...linkProps, children: [icon && jsx("span", { className: "c-side-menu__link-icon", children: icon }), jsx("span", { className: "c-side-menu__link-text", children: children })] })) : (jsxs("a", { ...linkProps, children: [icon && jsx("span", { className: "c-side-menu__link-icon", children: icon }), jsx("span", { className: "c-side-menu__link-text", children: children })] }));
+        return LinkComponent ? ((() => {
+            const Component = LinkComponent;
+            return (jsxs(Component, { ...linkProps, children: [icon && jsx("span", { className: "c-side-menu__link-icon", children: icon }), jsx("span", { className: "c-side-menu__link-text", children: children })] }));
+        })()) : (jsxs("a", { ...linkProps, children: [icon && jsx("span", { className: "c-side-menu__link-icon", children: icon }), jsx("span", { className: "c-side-menu__link-text", children: children })] }));
     }
     // Render as button if no href
     return (jsxs("button", { ref: ref, type: "button", className: itemClass, onClick: handleClick(onClick), disabled: disabled, "aria-current": active ? 'page' : undefined, tabIndex: disabled ? -1 : 0, children: [icon && jsx("span", { className: "c-side-menu__link-icon", children: icon }), jsx("span", { className: "c-side-menu__link-text", children: children })] }));