@shohojdhara/atomix 0.4.3 → 0.4.5

package/dist/core.d.ts

@@ -989,7 +989,7 @@ interface CardProps extends BaseComponentProps {
     /**
      * Optional custom link component (e.g., Next.js Link, React Router Link)
      */
-    LinkComponent?: React.ElementType;
+    linkComponent?: React.ElementType;
     /**
      * Optional click handler
      */
@@ -1259,7 +1259,7 @@ interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
      */
     linkAs?: React$1.ElementType<any>;
     /**
-     * Link props to pass to the underlying anchor or LinkComponent
+     * Link props to pass to the underlying anchor or linkComponent
      */
     linkProps?: Record<string, any>;
 }
@@ -1284,7 +1284,7 @@ interface BreadcrumbProps {
     /**
      * Optional custom link component
      */
-    LinkComponent?: React$1.ElementType;
+    linkComponent?: React$1.ElementType;
     /**
      * Custom style for the breadcrumb
      */
@@ -1304,7 +1304,7 @@ type ButtonAsProp = {
     as?: ElementType;
     to?: string;
     href?: string;
-    LinkComponent?: React$1.ElementType;
+    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

@@ -979,7 +979,7 @@ const sharedShaderCache = new Map, AtomixGlassContainer =  forwardRef((({childre
 }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseDown: onMouseDown, onMouseUp: onMouseUp, isHovered: isHovered = !1, isActive: isActive = !1, overLight: overLight = !1, overLightConfig: overLightConfig = {}, borderRadius: borderRadius = 0, padding: padding = "0 0", glassSize: glassSize = {
     width: 0,
     height: 0
-}, onClick: onClick, mode: mode = "standard", effectiveWithoutEffects: effectiveWithoutEffects = !1, effectiveReducedMotion: effectiveReducedMotion = !1, shaderVariant: shaderVariant = "liquidGlass", withLiquidBlur: withLiquidBlur = !1, elasticity: elasticity = 0, contentRef: contentRef}, ref) => {
+}, onClick: onClick, mode: mode = "standard", effectiveWithoutEffects: effectiveWithoutEffects = !1, effectiveReducedMotion: effectiveReducedMotion = !1, shaderVariant: shaderVariant = "liquidGlass", withLiquidBlur: withLiquidBlur = !1, contentRef: contentRef}, ref) => {
     // Generate a stable, deterministic ID for SSR compatibility
     // Use a module-level counter that's consistent across server and client
     const filterId = useMemo((() => "atomix-glass-filter-" + ++idCounter), []), [shaderMapUrl, setShaderMapUrl] = useState(""), shaderGeneratorRef = useRef(null), shaderUtilsRef = useRef(null), shaderDebounceTimeoutRef = useRef(null);
@@ -1175,7 +1175,6 @@ const sharedShaderCache = new Map, AtomixGlassContainer =  forwardRef((({childre
             children: [ jsxs("div", {
                 className: ATOMIX_GLASS.FILTER_CLASS,
                 style: {
-                    zIndex: 1,
                     position: "absolute",
                     inset: 0
                 },
@@ -1211,9 +1210,7 @@ const sharedShaderCache = new Map, AtomixGlassContainer =  forwardRef((({childre
                 className: ATOMIX_GLASS.CONTENT_CLASS,
                 style: {
                     position: "relative",
-                    textShadow: "var(--atomix-glass-container-text-shadow)",
-                    // Ensure content is always above the filter layer (zIndex 1)
-                    zIndex: elasticity > 0 ? 100 : 2
+                    textShadow: "var(--atomix-glass-container-text-shadow)"
                 },
                 children: children
             }) ]
@@ -2086,7 +2083,6 @@ function useAtomixGlass({glassRef: glassRef, contentRef: contentRef, wrapperRef:
             effectiveWithoutEffects: effectiveWithoutEffects,
             effectiveReducedMotion: effectiveReducedMotion,
             shaderVariant: shaderVariant,
-            elasticity: elasticity,
             withLiquidBlur: withLiquidBlur,
             children: children
         }), Boolean(onClick) && jsxs(Fragment, {
@@ -2111,17 +2107,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
             }) ]
         }) ]
     });
@@ -2546,7 +2534,7 @@ const BreadcrumbItem =  forwardRef((({children: children, href: href, active: ac
 
 BreadcrumbItem.displayName = "BreadcrumbItem";
 
-const Breadcrumb =  memo((function({items: items, divider: divider, className: className = "", "aria-label": ariaLabel = "Breadcrumb", LinkComponent: LinkComponent, style: style, children: children}) {
+const Breadcrumb =  memo((function({items: items, divider: divider, className: className = "", "aria-label": ariaLabel = "Breadcrumb", linkComponent: linkComponent, style: style, children: children}) {
     const breadcrumbClasses = [ BREADCRUMB.CLASSES.BASE, className ].filter(Boolean).join(" ");
     let content;
     if (items && items.length > 0) 
@@ -2560,7 +2548,7 @@ const Breadcrumb =  memo((function({items: items, divider: divider, className: c
             onClick: item.onClick,
             className: item.className,
             style: item.style,
-            linkAs: LinkComponent,
+            linkAs: linkComponent,
             children: item.label
         }, index);
     })); else {
@@ -2572,7 +2560,7 @@ const Breadcrumb =  memo((function({items: items, divider: divider, className: c
                 
                 return cloneElement(child, {
                     active: active ?? (!!isLast || void 0),
-                    linkAs: linkAs ?? LinkComponent
+                    linkAs: linkAs ?? linkComponent
                 });
             }
             return child;
@@ -2774,7 +2762,7 @@ class ThemeNaming {
 
 ThemeNaming.prefix = "atomix";
 
-const Button =  React.memo( forwardRef((({label: label, children: children, onClick: onClick, variant: variant = "primary", size: size = "md", disabled: disabled = !1, loading: loading = !1, loadingText: loadingText, icon: icon, iconName: iconName, iconSize: iconSize = "sm", iconPosition: iconPosition = "start", iconOnly: iconOnly = !1, rounded: rounded = !1, fullWidth: fullWidth = !1, block: block = !1, active: active = !1, selected: selected = !1, type: type = "button", className: className = "", as: Component = "button", href: href, target: target, glass: glass, onHover: onHover, onFocus: onFocus, onBlur: onBlur, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, tabIndex: tabIndex, style: style, LinkComponent: LinkComponent, ...props}, ref) => {
+const Button =  React.memo( forwardRef((({label: label, children: children, onClick: onClick, variant: variant = "primary", size: size = "md", disabled: disabled = !1, loading: loading = !1, loadingText: loadingText, icon: icon, iconName: iconName, iconSize: iconSize = "sm", iconPosition: iconPosition = "start", iconOnly: iconOnly = !1, rounded: rounded = !1, fullWidth: fullWidth = !1, block: block = !1, active: active = !1, selected: selected = !1, type: type = "button", className: className = "", as: Component = "button", href: href, target: target, glass: glass, onHover: onHover, onFocus: onFocus, onBlur: onBlur, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, tabIndex: tabIndex, style: style, linkComponent: linkComponent, ...props}, ref) => {
     const isDisabled = disabled || loading, shouldRenderAsLink = Boolean(href && !isDisabled), iconElement = iconName ? jsx(Icon, {
         name: iconName,
         size: iconSize
@@ -2825,12 +2813,12 @@ const Button =  React.memo( forwardRef((({label: label, children: children, onCl
         let content;
     // Render as anchor if href is provided
         if (shouldRenderAsLink) 
-    // Use custom LinkComponent if provided (e.g., Next.js Link)
-    if (LinkComponent) {
-        const LinkComp = LinkComponent, linkProps = {
+    // Use custom linkComponent if provided (e.g., Next.js Link)
+    if (linkComponent) {
+        const LinkComp = linkComponent, linkProps = {
             ...buttonProps,
             ref: ref,
-            // LinkComponent usually forwards ref to anchor
+            // linkComponent usually forwards ref to anchor
             href: href,
             to: href,
             target: target,
@@ -2891,7 +2879,7 @@ header: header, image: image, imageAlt: imageAlt = "", title: title, text: text,
 // Interaction
 onClick: onClick, onHover: onHover, onFocus: onFocus, href: href, target: target, 
 // Custom Link
-LinkComponent: LinkComponent, 
+linkComponent: linkComponent, 
 // Glass
 glass: glass, 
 // Accessibility
@@ -2976,7 +2964,7 @@ className: className = "", style: style, ...rest}, ref) => {
     // Render as anchor if href is provided
     if (href && !isDisabled) {
         let anchorElement;
-        return anchorElement = LinkComponent ? jsx(LinkComponent, {
+        return anchorElement = linkComponent ? jsx(linkComponent, {
             ...commonProps,
             ref: ref,
             href: href,