@shohojdhara/atomix 0.4.2 → 0.4.4

package/dist/core.d.ts

@@ -986,6 +986,10 @@ interface CardProps extends BaseComponentProps {
      * Card className
      */
     className?: string;
+    /**
+     * Optional custom link component (e.g., Next.js Link, React Router Link)
+     */
+    LinkComponent?: React.ElementType;
     /**
      * Optional click handler
      */
@@ -1300,7 +1304,7 @@ type ButtonAsProp = {
     as?: ElementType;
     to?: string;
     href?: string;
-    LinkComponent?: React$1.ComponentType<any>;
+    LinkComponent?: React$1.ElementType;
     [key: string]: any;
 };
 declare const Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;

package/dist/core.js

@@ -2111,17 +2111,9 @@ function useAtomixGlass({glassRef: glassRef, contentRef: contentRef, wrapperRef:
             }) ]
         }), withBorder && jsxs(Fragment, {
             children: [ jsx("span", {
-                className: ATOMIX_GLASS.BORDER_1_CLASS,
-                style: {
-                    width: glassSize.width,
-                    height: glassSize.height
-                }
+                className: ATOMIX_GLASS.BORDER_1_CLASS
             }), jsx("span", {
-                className: ATOMIX_GLASS.BORDER_2_CLASS,
-                style: {
-                    width: glassSize.width,
-                    height: glassSize.height
-                }
+                className: ATOMIX_GLASS.BORDER_2_CLASS
             }) ]
         }) ]
     });
@@ -2528,9 +2520,12 @@ const BreadcrumbItem =  forwardRef((({children: children, href: href, active: ac
         className: itemClasses,
         style: style,
         ...props,
-        children: href && !active ? 
-        // @ts-ignore - Dynamic components are tricky in TS without stricter types
-        jsx(linkAs || "a", {
+        children: href && !active ? linkAs && linkAs ? jsx(linkAs, {
+            href: href,
+            to: href,
+            ...commonLinkProps,
+            children: linkContent
+        }) : jsx("a", {
             href: href,
             ...commonLinkProps,
             children: linkContent
@@ -2829,6 +2824,7 @@ const Button =  React.memo( forwardRef((({label: label, children: children, onCl
             ref: ref,
             // LinkComponent usually forwards ref to anchor
             href: href,
+            to: href,
             target: target,
             rel: "_blank" === target ? "noopener noreferrer" : void 0
         };
@@ -2886,6 +2882,8 @@ active: active = !1, disabled: disabled = !1, loading: loading = !1, selected: s
 header: header, image: image, imageAlt: imageAlt = "", title: title, text: text, actions: actions, icon: icon, footer: footer, children: children, 
 // Interaction
 onClick: onClick, onHover: onHover, onFocus: onFocus, href: href, target: target, 
+// Custom Link
+LinkComponent: LinkComponent, 
 // Glass
 glass: glass, 
 // Accessibility
@@ -2969,15 +2967,23 @@ className: className = "", style: style, ...rest}, ref) => {
     };
     // Render as anchor if href is provided
     if (href && !isDisabled) {
-        const anchorElement = jsx("a", {
+        let anchorElement;
+        return anchorElement = LinkComponent ? jsx(LinkComponent, {
             ...commonProps,
             ref: ref,
             href: href,
+            to: href,
             target: target,
             rel: "_blank" === target ? "noopener noreferrer" : void 0,
             children: cardContent
-        });
-        return glass ? jsx(AtomixGlass, {
+        }) : jsx("a", {
+            ...commonProps,
+            ref: ref,
+            href: href,
+            target: target,
+            rel: "_blank" === target ? "noopener noreferrer" : void 0,
+            children: cardContent
+        }), glass ? jsx(AtomixGlass, {
             ...!0 === glass ? {} : glass,
             elasticity: 0,
             children: anchorElement