@shohojdhara/atomix 0.4.3 → 0.4.5

package/dist/forms.js

@@ -467,7 +467,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);
@@ -663,7 +663,6 @@ const sharedShaderCache = new Map, AtomixGlassContainer =  forwardRef((({childre
             children: [ jsxs("div", {
                 className: ATOMIX_GLASS.FILTER_CLASS,
                 style: {
-                    zIndex: 1,
                     position: "absolute",
                     inset: 0
                 },
@@ -699,9 +698,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
             }) ]
@@ -1574,7 +1571,6 @@ function useAtomixGlass({glassRef: glassRef, contentRef: contentRef, wrapperRef:
             effectiveWithoutEffects: effectiveWithoutEffects,
             effectiveReducedMotion: effectiveReducedMotion,
             shaderVariant: shaderVariant,
-            elasticity: elasticity,
             withLiquidBlur: withLiquidBlur,
             children: children
         }), Boolean(onClick) && jsxs(Fragment, {
@@ -1599,17 +1595,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
             }) ]
         }) ]
     });