@shohojdhara/atomix 0.3.4 → 0.3.6

package/dist/core.js

@@ -0,0 +1,3373 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+
+import React, { useState, useRef, useEffect, memo, forwardRef, useId, useMemo, useCallback } from "react";
+
+import * as PhosphorIcons from "@phosphor-icons/react";
+
+/**
+ * Default theme colors for components
+ */
+/**
+ * Button-specific constants
+ */ const BUTTON = {
+    BASE_CLASS: "c-btn",
+    ICON_CLASS: "c-btn__icon",
+    LABEL_CLASS: "c-btn__label",
+    SPINNER_CLASS: "c-btn__spinner",
+    VARIANT_PREFIX: "c-btn--",
+    CLASSES: {
+        BASE: "c-btn",
+        LOADING: "c-btn--loading",
+        FULL_WIDTH: "c-btn--full-width",
+        BLOCK: "c-btn--block",
+        ACTIVE: "c-btn--active",
+        SELECTED: "c-btn--selected"
+    }
+}, ACCORDION = {
+    SELECTORS: {
+        ACCORDION: ".c-accordion",
+        HEADER: ".c-accordion__header",
+        PANEL: ".c-accordion__panel",
+        BODY: ".c-accordion__body"
+    },
+    CLASSES: {
+        IS_OPEN: "is-open",
+        IS_ANIMATING: "is-animating",
+        IS_DISABLED: "is-disabled"
+    },
+    ATTRIBUTES: {
+        ARIA_EXPANDED: "aria-expanded",
+        ARIA_CONTROLS: "aria-controls",
+        ARIA_HIDDEN: "aria-hidden",
+        ROLE: "role"
+    },
+    CSS_VARS: {
+        PANEL_HEIGHT: "--panel-height"
+    }
+}, LIST = {
+    BASE_CLASS: "c-list",
+    ITEM_CLASS: "c-list__item",
+    VARIANT_PREFIX: "c-list--",
+    SIZE_PREFIX: "c-list--",
+    CLASSES: {
+        ORDERED: "c-list--ordered",
+        INLINE: "c-list--inline"
+    }
+}, LIST_GROUP = {
+    BASE_CLASS: "c-list-group",
+    ITEM_CLASS: "c-list-group__item",
+    VARIANT_PREFIX: "c-list-group--",
+    SIZE_PREFIX: "c-list-group--"
+}, BREADCRUMB = {
+    SELECTORS: {
+        BREADCRUMB: ".c-breadcrumb",
+        ITEM: ".c-breadcrumb__item",
+        LINK: ".c-breadcrumb__link"
+    },
+    CLASSES: {
+        BASE: "c-breadcrumb",
+        ITEM: "c-breadcrumb__item",
+        LINK: "c-breadcrumb__link",
+        ACTIVE: "is-active"
+    },
+    DEFAULTS: {
+        DIVIDER: "›"
+    }
+}, CARD = {
+    SELECTORS: {
+        CARD: ".c-card",
+        HEADER: ".c-card__header",
+        BODY: ".c-card__body",
+        IMAGE: ".c-card__image",
+        TITLE: ".c-card__title",
+        TEXT: ".c-card__text",
+        ACTIONS: ".c-card__actions",
+        ICON: ".c-card__icon",
+        FOOTER: ".c-card__footer"
+    },
+    CLASSES: {
+        BASE: "c-card",
+        // Size modifiers
+        SM: "c-card--sm",
+        MD: "c-card--md",
+        LG: "c-card--lg",
+        // Layout modifiers
+        ROW: "c-card--row",
+        FLAT: "c-card--flat",
+        // Appearance modifiers
+        FILLED: "c-card--filled",
+        OUTLINED: "c-card--outlined",
+        GHOST: "c-card--ghost",
+        ELEVATED: "c-card--elevated",
+        // Elevation modifiers
+        ELEVATION_NONE: "c-card--elevation-none",
+        ELEVATION_SM: "c-card--elevation-sm",
+        ELEVATION_MD: "c-card--elevation-md",
+        ELEVATION_LG: "c-card--elevation-lg",
+        ELEVATION_XL: "c-card--elevation-xl",
+        // State modifiers
+        ACTIVE: "is-active",
+        DISABLED: "c-card--disabled",
+        LOADING: "c-card--loading",
+        SELECTED: "c-card--selected",
+        INTERACTIVE: "c-card--interactive",
+        // Other modifiers
+        FLIPPED: "is-flipped",
+        FOCUSED: "is-focused",
+        CLICKABLE: "is-clickable",
+        GLASS: "c-card--glass"
+    },
+    DEFAULTS: {
+        HOVER: !0,
+        SIZE: "md",
+        VARIANT: "primary",
+        APPEARANCE: "filled",
+        ELEVATION: "none"
+    }
+}, BLOCK = {
+    BASE_CLASS: "o-block",
+    SPACING_PREFIX: "o-block--",
+    CLASSES: {
+        SPACING_XS: "o-block--xs",
+        SPACING_SM: "o-block--sm",
+        SPACING_MD: "o-block--md",
+        SPACING_LG: "o-block--lg",
+        SPACING_XL: "o-block--xl",
+        SPACING_NONE: "o-block--no-spacing",
+        FULL_WIDTH: "o-block--full-width",
+        BG_PRIMARY: "o-block--primary",
+        BG_SECONDARY: "o-block--secondary",
+        BG_TERTIARY: "o-block--tertiary",
+        BG_INVERT: "o-block--invert",
+        BG_BRAND: "o-block--brand",
+        BG_ERROR: "o-block--error",
+        BG_SUCCESS: "o-block--success",
+        BG_WARNING: "o-block--warning",
+        BG_INFO: "o-block--info",
+        BG_LIGHT: "o-block--light",
+        BG_DARK: "o-block--dark"
+    },
+    SPACING: {
+        SIZES: [ "xs", "sm", "md", "lg", "xl", "none" ],
+        DEFAULT: "md"
+    }
+}, ATOMIX_GLASS = {
+    BASE_CLASS: "c-atomix-glass",
+    CONTAINER_CLASS: "c-atomix-glass__container",
+    INNER_CLASS: "c-atomix-glass__inner",
+    FILTER_CLASS: "c-atomix-glass__filter",
+    FILTER_OVERLAY_CLASS: "c-atomix-glass__filter-overlay",
+    FILTER_SHADOW_CLASS: "c-atomix-glass__filter-shadow",
+    CONTENT_CLASS: "c-atomix-glass__content",
+    BORDER_1_CLASS: "c-atomix-glass__border-1",
+    BORDER_2_CLASS: "c-atomix-glass__border-2",
+    HOVER_1_CLASS: "c-atomix-glass__hover-1",
+    HOVER_2_CLASS: "c-atomix-glass__hover-2",
+    HOVER_3_CLASS: "c-atomix-glass__hover-3",
+    BASE_LAYER_CLASS: "c-atomix-glass__base",
+    OVERLAY_LAYER_CLASS: "c-atomix-glass__overlay",
+    OVERLAY_HIGHLIGHT_CLASS: "c-atomix-glass__overlay-highlight",
+    BACKGROUND_LAYER_CLASS: "c-atomix-glass__background-layer",
+    BACKGROUND_LAYER_DARK_CLASS: "c-atomix-glass__background-layer--dark",
+    BACKGROUND_LAYER_BLACK_CLASS: "c-atomix-glass__background-layer--black",
+    BACKGROUND_LAYER_OVER_LIGHT_CLASS: "c-atomix-glass__background-layer--over-light",
+    BACKGROUND_LAYER_HIDDEN_CLASS: "c-atomix-glass__background-layer--hidden",
+    VARIANT_PREFIX: "c-atomix-glass--",
+    MODE_PREFIX: "c-atomix-glass--",
+    CLASSES: {
+        BASE: "c-atomix-glass",
+        CONTAINER: "c-atomix-glass__container",
+        INNER: "c-atomix-glass__inner",
+        FILTER: "c-atomix-glass__filter",
+        CONTENT: "c-atomix-glass__content",
+        ACTIVE: "active",
+        OVER_LIGHT: "c-atomix-glass__container--over-light",
+        // Mode variants
+        STANDARD: "c-atomix-glass--standard",
+        POLAR: "c-atomix-glass--polar",
+        PROMINENT: "c-atomix-glass--prominent",
+        SHADER: "c-atomix-glass--shader"
+    },
+    DEFAULTS: {
+        DISPLACEMENT_SCALE: 20,
+        BLUR_AMOUNT: 1,
+        SATURATION: 140,
+        ABERRATION_INTENSITY: 2.5,
+        ELASTICITY: .05,
+        CORNER_RADIUS: 16,
+        // Default border-radius matching design system
+        PADDING: "0 0",
+        MODE: "standard",
+        OVER_LIGHT: !1,
+        ENABLE_OVER_LIGHT_LAYERS: !0
+    },
+    CONSTANTS: {
+        ACTIVATION_ZONE: 200,
+        MIN_BLUR: .1,
+        MOUSE_INFLUENCE_DIVISOR: 100,
+        EDGE_FADE_PIXELS: 2,
+        DEFAULT_CORNER_RADIUS: 16,
+        // Fallback value matching design system
+        MAX_SIZE: 4096,
+        // Maximum width/height for glass size
+        // Gradient calculation constants
+        GRADIENT: {
+            BASE_ANGLE: 135,
+            // Base angle for border gradients (degrees)
+            ANGLE_MULTIPLIER: 1.2,
+            // Multiplier for mouse influence on angle
+            BORDER_STOP_1: {
+                MIN: 10,
+                // Minimum percentage for border stop 1
+                BASE: 33,
+                // Base percentage for border stop 1
+                MULTIPLIER: .3
+            },
+            BORDER_STOP_2: {
+                MAX: 90,
+                // Maximum percentage for border stop 2
+                BASE: 66,
+                // Base percentage for border stop 2
+                MULTIPLIER: .4
+            },
+            BORDER_OPACITY: {
+                BASE_1: .12,
+                // Base opacity for border gradient 1
+                BASE_2: .4,
+                // Base opacity for border gradient 2
+                BASE_3: .32,
+                // Base opacity for border gradient 3
+                BASE_4: .6,
+                // Base opacity for border gradient 4
+                MULTIPLIER_LOW: .008,
+                // Low multiplier for mouse influence on opacity
+                MULTIPLIER_HIGH: .012
+            },
+            CENTER_POSITION: 50,
+            // Center position percentage (50%)
+            HOVER_POSITION: {
+                DIVISOR_1: 2,
+                // Divisor for hover 1 position calculation
+                DIVISOR_2: 1.5,
+                // Divisor for hover 2 position calculation
+                MULTIPLIER_3: 1
+            },
+            BASE_LAYER_MULTIPLIER: .5
+        },
+        // Gradient opacity values for hover effects
+        GRADIENT_OPACITY: {
+            HOVER_1: {
+                BLACK_START: .3,
+                // Start opacity for black hover 1
+                BLACK_MID: .1,
+                // Mid opacity for black hover 1
+                BLACK_STOP: 30,
+                // Stop percentage for black hover 1
+                BLACK_END: 60,
+                // End percentage for black hover 1
+                WHITE_START: .5,
+                // Start opacity for white hover 1
+                WHITE_STOP: 50
+            },
+            HOVER_2: {
+                BLACK_START: .4,
+                // Start opacity for black hover 2
+                BLACK_MID: .15,
+                // Mid opacity for black hover 2
+                BLACK_STOP: 40,
+                // Stop percentage for black hover 2
+                BLACK_END: 80,
+                // End percentage for black hover 2
+                WHITE_START: 1,
+                // Start opacity for white hover 2
+                WHITE_STOP: 80
+            },
+            HOVER_3: {
+                BLACK_START: .5,
+                // Start opacity for black hover 3
+                BLACK_MID: .2,
+                // Mid opacity for black hover 3
+                BLACK_STOP: 50,
+                // Stop percentage for black hover 3
+                BLACK_END: 100,
+                // End percentage for black hover 3
+                WHITE_START: 1,
+                // Start opacity for white hover 3
+                WHITE_STOP: 100
+            }
+        },
+        // Base and overlay gradient constants
+        BASE_GRADIENT: {
+            ANGLE: 135,
+            // Gradient angle in degrees
+            BLACK_START_BASE: .15,
+            // Base start opacity for black
+            BLACK_START_MULTIPLIER: .003,
+            // Multiplier for mouse X influence on start
+            BLACK_MID_BASE: .1,
+            // Base mid opacity for black
+            BLACK_MID_MULTIPLIER: .002,
+            // Multiplier for mouse Y influence on mid
+            BLACK_MID_STOP: 50,
+            // Mid stop percentage
+            BLACK_END_BASE: .18,
+            // Base end opacity for black
+            BLACK_END_MULTIPLIER: .004,
+            // Multiplier for mouse X influence on end
+            WHITE_OPACITY: .1
+        },
+        OVERLAY_GRADIENT: {
+            BLACK_START_BASE: .12,
+            // Base start opacity for black overlay
+            BLACK_START_MULTIPLIER: .003,
+            // Multiplier for mouse X influence on start
+            BLACK_MID: .06,
+            // Mid opacity for black overlay
+            BLACK_MID_STOP: 40,
+            // Mid stop percentage
+            BLACK_END_BASE: .15,
+            // Base end opacity for black overlay
+            BLACK_END_MULTIPLIER: .003,
+            // Multiplier for mouse Y influence on end
+            WHITE_OPACITY: .05
+        },
+        // Overlay highlight constants
+        OVERLAY_HIGHLIGHT: {
+            POSITION_X: 20,
+            // X position percentage
+            POSITION_Y: 20,
+            // Y position percentage
+            WHITE_OPACITY: .4,
+            // White opacity in gradient
+            STOP: 60,
+            // Stop percentage
+            OPACITY_MULTIPLIER: .7
+        },
+        // Displacement and aberration multipliers
+        MULTIPLIERS: {
+            SHADER_DISPLACEMENT: .8,
+            // Displacement scale multiplier for shader mode
+            OVER_LIGHT_DISPLACEMENT: .6,
+            // Displacement scale multiplier for over-light mode
+            SHADER_ABERRATION: .7
+        },
+        // Saturation constants
+        SATURATION: {
+            HIGH_CONTRAST: 200
+        }
+    }
+}, {CONSTANTS: CONSTANTS$1} = ATOMIX_GLASS, calculateDistance = (pos1, pos2) => {
+    if (!pos1 || !pos2 || "number" != typeof pos1.x || "number" != typeof pos1.y || "number" != typeof pos2.x || "number" != typeof pos2.y) return 0;
+    const deltaX = pos1.x - pos2.x, deltaY = pos1.y - pos2.y;
+    return Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+}, calculateElementCenter = rect => rect ? {
+    x: rect.left + rect.width / 2,
+    y: rect.top + rect.height / 2
+} : {
+    x: 0,
+    y: 0
+}, calculateMouseInfluence = mouseOffset => {
+    if (!mouseOffset || "number" != typeof mouseOffset.x || "number" != typeof mouseOffset.y) return 0;
+    // More responsive calculation for overlight effects
+        const influence = Math.sqrt(mouseOffset.x * mouseOffset.x + mouseOffset.y * mouseOffset.y) / CONSTANTS$1.MOUSE_INFLUENCE_DIVISOR;
+    return Math.min(1.5, influence);
+ // Cap influence for better control
+}, clampBlur = value => "number" != typeof value || isNaN(value) ? CONSTANTS$1.MIN_BLUR : Math.max(CONSTANTS$1.MIN_BLUR, Math.min(50, value)), validateGlassSize = size => size && "number" == typeof size.width && "number" == typeof size.height && size.width > 0 && size.height > 0 && size.width <= CONSTANTS$1.MAX_SIZE && size.height <= CONSTANTS$1.MAX_SIZE, parseBorderRadiusValue = value => {
+    if ("number" == typeof value) return Math.max(0, value);
+    if ("string" != typeof value || !value.trim()) return CONSTANTS$1.DEFAULT_CORNER_RADIUS;
+    const trimmedValue = value.trim();
+    // Handle px values
+        if (trimmedValue.endsWith("px")) {
+        const parsed = parseFloat(trimmedValue);
+        return isNaN(parsed) ? CONSTANTS$1.DEFAULT_CORNER_RADIUS : Math.max(0, parsed);
+    }
+    // Handle rem values (assume 16px = 1rem)
+        if (trimmedValue.endsWith("rem")) {
+        const parsed = parseFloat(trimmedValue);
+        return isNaN(parsed) ? CONSTANTS$1.DEFAULT_CORNER_RADIUS : Math.max(0, 16 * parsed);
+    }
+    // Handle em values (assume 16px = 1em for simplicity)
+        if (trimmedValue.endsWith("em")) {
+        const parsed = parseFloat(trimmedValue);
+        return isNaN(parsed) ? CONSTANTS$1.DEFAULT_CORNER_RADIUS : Math.max(0, 16 * parsed);
+    }
+    // Handle percentage (convert to approximate px value, assuming 200px container)
+        if (trimmedValue.endsWith("%")) {
+        const parsed = parseFloat(trimmedValue);
+        return isNaN(parsed) ? CONSTANTS$1.DEFAULT_CORNER_RADIUS : Math.max(0, parsed / 100 * 200);
+    }
+    // Handle unitless numbers
+        const numValue = parseFloat(trimmedValue);
+    return isNaN(numValue) ? CONSTANTS$1.DEFAULT_CORNER_RADIUS : Math.max(0, numValue);
+}, extractBorderRadiusFromElement = element => {
+    if (!element || !element.props) return null;
+    // Check inline styles first (highest priority)
+        if (element.props.style) {
+        const radiusFromStyle = (style => {
+            if (!style) return null;
+            // Check various border-radius properties
+                        const borderRadius = style.borderRadius || style.borderTopLeftRadius || style.borderTopRightRadius || style.borderBottomLeftRadius || style.borderBottomRightRadius;
+            return void 0 !== borderRadius ? parseBorderRadiusValue(borderRadius) : null;
+        })(element.props.style);
+        if (null !== radiusFromStyle && radiusFromStyle > 0) return radiusFromStyle;
+    }
+    // If element has children, recursively check them
+        if (element.props.children) {
+        const childRadius = extractBorderRadiusFromChildren(element.props.children);
+        if (childRadius > 0 && childRadius !== CONSTANTS$1.DEFAULT_CORNER_RADIUS) return childRadius;
+    }
+    return null;
+}, extractBorderRadiusFromChildren = children => {
+    if (!children) return CONSTANTS$1.DEFAULT_CORNER_RADIUS;
+    try {
+        const childArray = React.Children.toArray(children);
+        for (let i = 0; i < childArray.length; i++) {
+            const child = childArray[i];
+            if ( React.isValidElement(child)) {
+                const radius = extractBorderRadiusFromElement(child);
+                if (null !== radius) return radius;
+            }
+        }
+    } catch (error) {
+        // Silently handle errors
+    }
+    return CONSTANTS$1.DEFAULT_CORNER_RADIUS;
+}, getDisplacementMap = (mode, displacementMap, polarDisplacementMap, prominentDisplacementMap, shaderMapUrl) => {
+    switch (mode) {
+      case "standard":
+        return displacementMap;
+
+      case "polar":
+        return polarDisplacementMap;
+
+      case "prominent":
+        return prominentDisplacementMap;
+
+      case "shader":
+        return shaderMapUrl || displacementMap;
+
+      default:
+        return console.warn("AtomixGlass: Invalid displacement mode"), displacementMap;
+    }
+}, GlassFilterComponent = ({id: id, displacementScale: displacementScale, aberrationIntensity: aberrationIntensity, mode: mode, shaderMapUrl: shaderMapUrl, blurAmount: blurAmount}) => jsx("svg", {
+    style: {
+        position: "absolute",
+        width: "100%",
+        height: "100%",
+        inset: 0
+    },
+    "aria-hidden": "true",
+    suppressHydrationWarning: !0,
+    children: jsxs("defs", {
+        children: [ jsxs("radialGradient", {
+            id: `${id}-edge-mask`,
+            cx: "50%",
+            cy: "50%",
+            r: "50%",
+            children: [ jsx("stop", {
+                offset: "0%",
+                stopColor: "black",
+                stopOpacity: "0"
+            }), jsx("stop", {
+                offset: `${Math.max(30, 80 - 2 * aberrationIntensity)}%`,
+                stopColor: "black",
+                stopOpacity: "0"
+            }), jsx("stop", {
+                offset: "100%",
+                stopColor: "white",
+                stopOpacity: "1"
+            }) ]
+        }), jsxs("filter", {
+            id: id,
+            x: "-35%",
+            y: "-35%",
+            width: "170%",
+            height: "170%",
+            colorInterpolationFilters: "sRGB",
+            children: [ jsx("feImage", {
+                id: "feimage",
+                x: "0",
+                y: "0",
+                width: "100%",
+                height: "100%",
+                result: "DISPLACEMENT_MAP",
+                href: getDisplacementMap(mode, "data:image/jpeg;base64,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cUAUAkEkziomgGgkoxZGgxZFQFQlYnQHRdPfj/10KCSCKESCNiVkViPSLpD0h6I0Q0I0A2IoBWBIJIBKBIJoJIJ2R2J0JWBUJ0JUB0XTv479dFZDYiglYigkhEgjZFQjRFQjRFQjQigFYigHYigmgEgmglYlYnQlQlYlQHQlQnQ9P/kf1yVkNiNCNkNiVENiNiViNEViNkVCVgKCViViViSCViSCVgdCViVCViVCdgVCVCdD1D+U/XBWQ2I0I2Q2JUQ2I0JWQ0I2JUQ2JUI2JUI2J0JWJWJWA2R0BWJ0I2JUJ2BUJUJ0P//EABkQAQEBAQEBAAAAAAAAAAAAAAECABEDEP/aAAgBAQABAgB1atWrVq1atWrVq1atWrVq1atWrVq1atWrVq+OrVq1atWrVq1atWrVq1atWrVq1atWrVq1atXxVppppppdWrVq1atWrVq1NNNNNNNNNNNPVWmmmmms6tWrVq1atWpppppppppppppp6q0000uc51atWrVq1ammmmmmmmmmmmmt1Vpppc5znVq1atWrVqaaaaaaaaaaaaaeqtNLnOc51atWrVq1ammmmmmmmmmmmmnqrS5znOc6tWrVq16222mmmmmmlVppp6tKuc5znOrVq1a9TbbbbTTTTTSq000qtLnOc5zq1atWrW0222200000qqqtKqrnOc5zq1atTbbbbbbbbTTTSqqqqqq5znOc6tTTTbbbbbbbbTTTSqqqqrlVznOctNNNtttttttttNNNNKqqqrqznKqrTTTTbbbbbbbbbTTTSqqqqrqznOc5aaaabbbbbbbbbaaaaVVVVVdWc5znVq1NNttttttttttNNKqqqqudWc5znVq16tbbbbbbbbbbTTSqqqq5XVnOc6tWrVrb1tttttttttNNKqqqqrWrK5VWmmm2230bbbbbbaaaXOc5zlVa1KuVVppptttt9G22222mmlzlVznK6tWVVWmmmm2222222222mlznOc5znLWppVVWmmm22222229bTWrOc5znOcq1qaaVpWmm222222229erVqznOc5znKtatStK0rTbTTbbbberXr1as5znOc5aVpppppWlabaabbbb1ta9WrVnOc5znU0rTTTTTTTTTbTTbbbTWvVq1as5znOdTTStNNNNNNNNNtNNtttN6tWvVq1ZznOrU00rTTTTTTTTTTTTTbTWvVq1atWrOc6tTTTStNNNNNNNNNNtNNtNa9WrVq1Z1Z1NNNNNK1q1NNNNNNNNNNNtNatWrVq1atWrU00000rWrVq1atWrVq1alaaa1atWrVq1NNNammmmla1atWrVq1aterVq16tWrVnVqa1NK1qaaaVX/xAAWEAADAAAAAAAAAAAAAAAAAAAhgJD/2gAIAQEAAz8AaExf/8QAGhEBAQEBAQEBAAAAAAAAAAAAAQISEQADEP/aAAgBAgEBAgDx48ePHjx48ePHjx48ePHjx48ePHjx48ePHj86IiIiIiInjx48ePHjx48IiIiIj0oooooooooRERER73ve60UUUUUUVrWiiiiiihERERER73ve97ooooorRWiiiiihKERERER73ve973RRRRWtFFFFFFCIiIiIiPe973ve60UUVrRRRRRRQiIlCIiI973ve973pRRWiiiiiiiiiiiiiiihEe973ve973RRWtFFFFFFFFFFFFFFFFFFa13ve973WitaKKKKKKKKKKKKKKKKKK1rWtd1rutFa1oooooooooooosssooorWta1rWta1rRRRRRRRRRRZZZZZZZZZWta1rWta1rRRRRRRRRZZZZZZZZZZZZe9a1rWta1rWitaKLLLLLLLLLLLLLLLLL3rWta1rWtFbLLLLLLLLLLLLLLLLLLLL3vWta1rWita1ssssssss+hZZZZZZZZe961rWta0Vre97LLLLLLLLLLLPoWWWWWXrWta1oorWta3ssss+hZZZZ9Cyyyyyyyyiita1orWta1ve9llllllllllllllllFFa0VorWta1ve9llllllllllllllllllFFFaK1rWta1rWiyyyyyyyyyyyyiiiiiiitFFa1rWta1oosoosssssoooosoooorRRRWta1rWta0UUUUUWUUUUUUUUUUUVoooorWta1rWtaKKKKKKmiiiiiiiiiiiiiiitd73ve61oSiiipoqaKKKKKKKKKK0UUUVrve973vREREZoSihEooooorRRRRWtd73ve9EREREREoSiiiiitFllllla73ve9ERERERESiiiiiitH0PoWWWWVrXe96IiIiMoiJRRRRRRWjwlFFllllFFd6IiIiIlCUUUUUUUUUePHjx48ePCIiIiIiIiUUUUUUUUUUUePHjx48ePHjx48ePHjx48IiUUUUUUJRRRX//xAAWEQADAAAAAAAAAAAAAAAAAAABYJD/2gAIAQIBAz8AtEV7/8QAFxEBAQEBAAAAAAAAAAAAAAAAAAECEP/aAAgBAwEBAgCtNNNNNNNNNNNNNNNNNNNNNNNNNNNNNcrTTTTTTTTTTTTTTTTTTTTTTTTTTTTTXKrTTTTTTTU000000000000000000001FVpppppqampqaaaaaaaaaaaaaaaaaaaa5Vaaaaampqampqammmmmmmmmmmlaaaaaaiq0001NTU1NTU1NTTTTTTTTTTSqqtNNNcqtNNSyzU1LNTU1NTTTTTTTTTSqqq001ytNLLLLNTU1NTU1NTbbbTTTTTSqqq001ytNLLLLLNTU1NTU3NttttNNNNNKqq001KrSyyyyyzU1NTU3Nzc02220000qqqqrSqqyyyyyzU1NTU3Nzc3NttttNNNKqqqqqqssssss1NTU3Nzc3NzbbbbTTTSqqqqqqrLLLLLNTU1Nzc3Nzc22220000qqqqqqqqssss1NTU3Nzc3NzbbbbbTTSqqqqqqqqqqzU1NTc3Nzc3Nzbc22000qqqqqqqqqqqtTU3Nzc3Nzc3NtzbTTSqqqqrKqqqqqtNNzc23Nzc3Nzc3NTU1KqqqrKqqqqqtNNNNttzc3Nzc3NzU1NLLLLLKqqqqqqqq0022223Nzc3NzU1NSyyyyyyqqqqqqqrTTbbbbc3Nzc3NTU1LLLLLLKsqqqqqqrTTTTbbbc3Nzc1NTUsssssssqqqqqqrTTTTTbbbTc3NTU1NTUsssssqqqqqqqq0000222023NTU1NTUsssssqqqqqqqq000000003NTU1NTU1LLLLLNKrTSqqqqtNNNNNNtNNTU1NSzUssss00qq0qqqqrTTTTTTTTTU1NTUs1LLLNNNKrTTTSqqq00000000001NTU1LNTU0000qtNNNKqqqtNNNNNNNNTU1NTUs1NNNNNKss1NNNK00qtK0000001NNTU0s000000qq000001NKrStNNNNK1NNNNStNNNNNKqtNNNNNNNK0000000rU0000rTTTTTSq00000rTTTTTTTTTTTTTTTTStNNNNKr/xAAUEQEAAAAAAAAAAAAAAAAAAACg/9oACAEDAQM/AAAf/9k=", "data:image/jpeg;base64,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", "data:image/png;base64,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", shaderMapUrl),
+                preserveAspectRatio: "xMidYMid slice"
+            }), jsx("feColorMatrix", {
+                in: "DISPLACEMENT_MAP",
+                type: "matrix",
+                values: "0.3 0.3 0.3 0 0\n                 0.3 0.3 0.3 0 0\n                 0.3 0.3 0.3 0 0\n                 0 0 0 1 0",
+                result: "EDGE_INTENSITY"
+            }), jsx("feComponentTransfer", {
+                in: "EDGE_INTENSITY",
+                result: "EDGE_MASK",
+                children: jsx("feFuncA", {
+                    type: "discrete",
+                    tableValues: `0 ${.05 * aberrationIntensity} 1`
+                })
+            }), jsx("feOffset", {
+                in: "SourceGraphic",
+                dx: "0",
+                dy: "0",
+                result: "CENTER_ORIGINAL"
+            }), jsx("feDisplacementMap", {
+                in: "SourceGraphic",
+                in2: "DISPLACEMENT_MAP",
+                scale: displacementScale * ("shader" === mode ? 1 : -1),
+                xChannelSelector: "R",
+                yChannelSelector: "B",
+                result: "RED_DISPLACED"
+            }), jsx("feColorMatrix", {
+                in: "RED_DISPLACED",
+                type: "matrix",
+                values: "1 0 0 0 0\n                 0 0 0 0 0\n                 0 0 0 0 0\n                 0 0 0 1 0",
+                result: "RED_CHANNEL"
+            }), jsx("feDisplacementMap", {
+                in: "SourceGraphic",
+                in2: "DISPLACEMENT_MAP",
+                scale: displacementScale * (("shader" === mode ? 1 : -1) - .02 * aberrationIntensity),
+                xChannelSelector: "R",
+                yChannelSelector: "B",
+                result: "GREEN_DISPLACED"
+            }), jsx("feColorMatrix", {
+                in: "GREEN_DISPLACED",
+                type: "matrix",
+                values: "0 0 0 0 0\n                 0 1 0 0 0\n                 0 0 0 0 0\n                 0 0 0 1 0",
+                result: "GREEN_CHANNEL"
+            }), jsx("feDisplacementMap", {
+                in: "SourceGraphic",
+                in2: "DISPLACEMENT_MAP",
+                scale: displacementScale * (("shader" === mode ? 1 : -1) - .03 * aberrationIntensity),
+                xChannelSelector: "R",
+                yChannelSelector: "B",
+                result: "BLUE_DISPLACED"
+            }), jsx("feColorMatrix", {
+                in: "BLUE_DISPLACED",
+                type: "matrix",
+                values: "0 0 0 0 0\n                 0 0 0 0 0\n                 0 0 1 0 0\n                 0 0 0 1 0",
+                result: "BLUE_CHANNEL"
+            }), jsx("feBlend", {
+                in: "GREEN_CHANNEL",
+                in2: "BLUE_CHANNEL",
+                mode: "screen",
+                result: "GB_COMBINED"
+            }), jsx("feBlend", {
+                in: "RED_CHANNEL",
+                in2: "GB_COMBINED",
+                mode: "screen",
+                result: "RGB_COMBINED"
+            }), jsx("feGaussianBlur", {
+                in: "RGB_COMBINED",
+                result: "ABERRATED_BLURRED",
+                stdDeviation: blurAmount * aberrationIntensity * .05
+            }), jsx("feComposite", {
+                in: "ABERRATED_BLURRED",
+                in2: "EDGE_MASK",
+                operator: "in",
+                result: "EDGE_ABERRATION"
+            }), jsx("feComponentTransfer", {
+                in: "EDGE_MASK",
+                result: "INVERTED_MASK",
+                children: jsx("feFuncA", {
+                    type: "table",
+                    tableValues: "1 0"
+                })
+            }), jsx("feComposite", {
+                in: "CENTER_ORIGINAL",
+                in2: "INVERTED_MASK",
+                operator: "in",
+                result: "CENTER_CLEAN"
+            }), jsx("feComposite", {
+                in: "EDGE_ABERRATION",
+                in2: "CENTER_CLEAN",
+                operator: "over"
+            }) ]
+        }) ]
+    })
+});
+
+/**
+ * Accordion-specific constants
+ */ GlassFilterComponent.displayName = "GlassFilter";
+
+// Memoize component to prevent unnecessary re-renders
+const GlassFilter =  memo(GlassFilterComponent, ((prevProps, nextProps) => prevProps.id === nextProps.id && prevProps.displacementScale === nextProps.displacementScale && prevProps.aberrationIntensity === nextProps.aberrationIntensity && prevProps.mode === nextProps.mode && prevProps.shaderMapUrl === nextProps.shaderMapUrl && prevProps.blurAmount === nextProps.blurAmount)), sharedShaderCache = new Map, AtomixGlassContainer =  forwardRef((({children: children, className: className = "", style: style, displacementScale: displacementScale = 25, blurAmount: blurAmount = .0625, saturation: saturation = 180, aberrationIntensity: aberrationIntensity = 2, mouseOffset: mouseOffset = {
+    x: 0,
+    y: 0
+}, globalMousePosition: globalMousePosition = {
+    x: 0,
+    y: 0
+}, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseDown: onMouseDown, onMouseUp: onMouseUp, active: active = !1, isHovered: isHovered = !1, isActive: isActive = !1, overLight: overLight = !1, cornerRadius: cornerRadius = 0, padding: padding = "0 0", glassSize: glassSize = {
+    width: 0,
+    height: 0
+}, onClick: onClick, mode: mode = "standard", effectiveDisableEffects: effectiveDisableEffects = !1, effectiveReducedMotion: effectiveReducedMotion = !1, shaderVariant: shaderVariant = "liquidGlass", enableLiquidBlur: enableLiquidBlur = !1, elasticity: elasticity = 0, contentRef: contentRef}, ref) => {
+    // Generate a stable, deterministic ID for SSR compatibility
+    // React's useId() should produce the same ID on server and client for the same
+    // component position in the tree. We use useState to ensure the ID is only
+    // generated once and remains stable across renders.
+    const baseId = useId(), [filterId] = useState((() => `atomix-glass-filter-${baseId.replace(/:/g, "-").replace(/^[^a-z]/i, "atomix-")}`)), [shaderMapUrl, setShaderMapUrl] = useState(""), shaderGeneratorRef = useRef(null), shaderUtilsRef = useRef(null), shaderDebounceTimeoutRef = useRef(null);
+    // Lazy load shader utilities only when shader mode is needed
+    useEffect((() => {
+        "shader" === mode ? 
+        // Dynamic import shader utilities
+        Promise.resolve().then((() => shaderUtils)).then((shaderUtils => {
+            shaderUtilsRef.current = {
+                ShaderDisplacementGenerator: shaderUtils.ShaderDisplacementGenerator,
+                fragmentShaders: shaderUtils.fragmentShaders
+            };
+        })).catch((error => {
+            console.warn("AtomixGlassContainer: Error loading shader utilities", error);
+        })) : 
+        // Clear shader utils when not in shader mode to free memory
+        shaderUtilsRef.current = null;
+    }), [ mode ]), 
+    // Generate shader map with debouncing and caching
+    useEffect((() => {
+        // Enhanced validation for shader mode
+        if ("shader" === mode && glassSize && validateGlassSize(glassSize) && shaderUtilsRef.current) {
+            // Create cache key from size and variant
+            const cacheKey = `${glassSize.width}x${glassSize.height}-${shaderVariant}`, cachedUrl = (key => {
+                const entry = sharedShaderCache.get(key);
+                return entry ? (
+                // Update access timestamp for LRU
+                entry.timestamp = Date.now(), entry.url) : null;
+            })(cacheKey);
+            // Check shared cache first
+                        if (cachedUrl) return void setShaderMapUrl(cachedUrl);
+            // Clear any pending debounce
+                        shaderDebounceTimeoutRef.current && clearTimeout(shaderDebounceTimeoutRef.current);
+            // Debounce shader generation to avoid blocking on rapid size changes
+                        const generateShader = () => {
+                if (shaderUtilsRef.current) try {
+                    const {ShaderDisplacementGenerator: ShaderDisplacementGenerator, fragmentShaders: fragmentShaders} = shaderUtilsRef.current;
+                    shaderGeneratorRef.current?.destroy();
+                    const selectedShader = fragmentShaders[shaderVariant] || fragmentShaders.liquidGlass;
+                    shaderGeneratorRef.current = new ShaderDisplacementGenerator({
+                        width: glassSize.width,
+                        height: glassSize.height,
+                        fragment: selectedShader
+                    });
+                    // Use requestIdleCallback if available for non-blocking generation
+                    const generate = () => {
+                        const url = shaderGeneratorRef.current?.updateShader() || "";
+                        ((key, url) => {
+                            // Evict oldest entries if at capacity
+                            if (sharedShaderCache.size >= 15) {
+                                const entries = Array.from(sharedShaderCache.entries());
+                                // Sort by timestamp (oldest first)
+                                                                entries.sort(((a, b) => a[1].timestamp - b[1].timestamp));
+                                // Remove oldest entry
+                                const oldestEntry = entries[0];
+                                oldestEntry && sharedShaderCache.delete(oldestEntry[0]);
+                            }
+                            sharedShaderCache.set(key, {
+                                url: url,
+                                timestamp: Date.now()
+                            }), 
+                            // Development mode: log cache size
+                            "production" !== process.env.NODE_ENV && sharedShaderCache.size;
+                        })(cacheKey, url), setShaderMapUrl(url);
+                    };
+                    "undefined" != typeof requestIdleCallback ? requestIdleCallback(generate, {
+                        timeout: 1e3
+                    }) : 
+                    // Fallback to setTimeout for browsers without requestIdleCallback
+                    setTimeout(generate, 0);
+                } catch (error) {
+                    console.warn("AtomixGlassContainer: Error generating shader map", error), setShaderMapUrl("");
+                } else 
+                // Shader utils not loaded yet, retry after a short delay
+                shaderDebounceTimeoutRef.current = setTimeout(generateShader, 100);
+            };
+            // Debounce with 300ms delay
+                        shaderDebounceTimeoutRef.current = setTimeout(generateShader, 300);
+        } else 
+        // Not in shader mode, clear URL
+        setShaderMapUrl("");
+        // Cleanup function with error handling
+                return () => {
+            shaderDebounceTimeoutRef.current && (clearTimeout(shaderDebounceTimeoutRef.current), 
+            shaderDebounceTimeoutRef.current = null);
+            try {
+                shaderGeneratorRef.current?.destroy();
+            } catch (error) {
+                console.warn("AtomixGlassContainer: Error during shader cleanup", error);
+            } finally {
+                shaderGeneratorRef.current = null;
+            }
+        };
+    }), [ mode, glassSize, shaderVariant ]);
+    // Removed forced reflow to avoid layout thrash and potential feedback sizing loops
+    const [rectCache, setRectCache] = useState(null);
+    useEffect((() => {
+        if (!ref || "function" == typeof ref) return;
+        const element = ref.current;
+        if (element) try {
+            setRectCache(element.getBoundingClientRect());
+        } catch (error) {
+            console.warn("AtomixGlassContainer: Error getting element bounds", error), setRectCache(null);
+        }
+    }), [ ref, glassSize ]);
+    // Pre-calculate static multipliers outside useMemo
+    const liquidBlur = useMemo((() => {
+        const defaultBlur = {
+            baseBlur: blurAmount,
+            edgeBlur: 1.25 * blurAmount,
+            centerBlur: 1.1 * blurAmount,
+            flowBlur: 1.2 * blurAmount
+        };
+        // Enhanced validation for liquid blur
+                if (!enableLiquidBlur || !rectCache || !globalMousePosition || "number" != typeof globalMousePosition.x || "number" != typeof globalMousePosition.y || isNaN(globalMousePosition.x) || isNaN(globalMousePosition.y)) return defaultBlur;
+        try {
+            // Cache center and distance calculations
+            const center = calculateElementCenter(rectCache), distance = calculateDistance(globalMousePosition, center), maxDistance = Math.sqrt(rectCache.width * rectCache.width + rectCache.height * rectCache.height) / 2, normalizedDistance = Math.min(distance / maxDistance, 1), mouseInfluence = calculateMouseInfluence(mouseOffset), baseBlur = blurAmount + mouseInfluence * blurAmount * .4, edgeBlur = baseBlur * (.8 + .6 * (1.5 * normalizedDistance + .3 * mouseInfluence)), centerBlur = baseBlur * (.3 + .4 * (.3 * (1 - normalizedDistance) + .2 * mouseInfluence)), deltaX = globalMousePosition.x - center.x, deltaY = globalMousePosition.y - center.y, flowDirection = Math.atan2(deltaY, deltaX), flowBlur = baseBlur * (.4 + .6 * (.5 * Math.sin(flowDirection + mouseInfluence * Math.PI) + .5)), stateMultiplier = (isHovered ? 1.2 : 1) * (isActive ? 1.4 : 1);
+            return {
+                baseBlur: clampBlur(baseBlur * stateMultiplier),
+                edgeBlur: clampBlur(edgeBlur * stateMultiplier),
+                centerBlur: clampBlur(centerBlur * stateMultiplier),
+                flowBlur: clampBlur(flowBlur * stateMultiplier)
+            };
+        } catch (error) {
+            return console.warn("AtomixGlassContainer: Error calculating liquid blur", error), 
+            defaultBlur;
+        }
+    }), [ enableLiquidBlur, blurAmount, globalMousePosition, mouseOffset, isHovered, isActive, rectCache, style, glassSize ]), backdropStyle = useMemo((() => {
+        try {
+            const dynamicSaturation = saturation + 20 * (liquidBlur.baseBlur || 0), validatedBaseBlur = "number" != typeof liquidBlur.baseBlur || isNaN(liquidBlur.baseBlur) ? 0 : liquidBlur.baseBlur, validatedEdgeBlur = "number" != typeof liquidBlur.edgeBlur || isNaN(liquidBlur.edgeBlur) ? 0 : liquidBlur.edgeBlur, validatedCenterBlur = "number" != typeof liquidBlur.centerBlur || isNaN(liquidBlur.centerBlur) ? 0 : liquidBlur.centerBlur, validatedFlowBlur = "number" != typeof liquidBlur.flowBlur || isNaN(liquidBlur.flowBlur) ? 0 : liquidBlur.flowBlur, area = rectCache ? rectCache.width * rectCache.height : 0;
+            // Validate blur values before using them
+                        return !enableLiquidBlur || effectiveReducedMotion || effectiveDisableEffects || area > 18e4 ? {
+                backdropFilter: `blur(${clampBlur(Math.max(validatedBaseBlur, .8 * validatedEdgeBlur, 1.1 * validatedCenterBlur, .9 * validatedFlowBlur))}px) saturate(${Math.min(dynamicSaturation, 200)}%) contrast(1.05) brightness(1.05)`
+            } : {
+                backdropFilter: `${[ `blur(${validatedBaseBlur}px)`, `blur(${validatedEdgeBlur}px)`, `blur(${validatedCenterBlur}px)`, `blur(${validatedFlowBlur}px)` ].join(" ")} saturate(${Math.min(dynamicSaturation, 200)}%) contrast(1.05) brightness(1.05)`
+            };
+            // Single-pass fallback: stronger radius to match perceived blur of multi-pass
+                } catch (error) {
+            return console.warn("AtomixGlassContainer: Error calculating backdrop style", error), 
+            {
+                backdropFilter: `blur(${blurAmount}px) saturate(${saturation}%) contrast(1.05) brightness(1.05)`
+            };
+        }
+    }), [ filterId, liquidBlur, saturation, blurAmount, rectCache, effectiveReducedMotion, effectiveDisableEffects, enableLiquidBlur ]), containerVars = useMemo((() => {
+        try {
+            // Safe extraction of mouse offset values
+            const mx = mouseOffset && "number" == typeof mouseOffset.x && !isNaN(mouseOffset.x) ? mouseOffset.x : 0, my = mouseOffset && "number" == typeof mouseOffset.y && !isNaN(mouseOffset.y) ? mouseOffset.y : 0;
+            return {
+                "--atomix-glass-container-width": `${glassSize?.width}`,
+                "--atomix-glass-container-height": `${glassSize?.height}`,
+                "--atomix-glass-container-padding": padding || "0 0",
+                "--atomix-glass-container-radius": `${"number" != typeof cornerRadius || isNaN(cornerRadius) ? 0 : cornerRadius}px`,
+                "--atomix-glass-container-backdrop": backdropStyle?.backdropFilter || "none",
+                "--atomix-glass-container-shadow": overLight ? [ `inset 0 1px 0 rgba(255, 255, 255, ${.4 + .002 * mx})`, `inset 0 -1px 0 rgba(0, 0, 0, ${.2 + .001 * Math.abs(my)})`, `inset 0 0 20px rgba(0, 0, 0, ${.08 + .001 * Math.abs(mx + my)})`, `0 2px 12px rgba(0, 0, 0, ${.12 + .002 * Math.abs(my)})` ].join(", ") : "0 0 20px rgba(0, 0, 0, 0.15) inset, 0 4px 8px rgba(0, 0, 0, 0.08) inset",
+                "--atomix-glass-container-shadow-opacity": effectiveDisableEffects ? 0 : 1,
+                // Background and shadow values use design token-aligned RGB values
+                "--atomix-glass-container-bg": overLight ? `linear-gradient(${180 + .5 * mx}deg, rgba(255, 255, 255, 0.1) 0%, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.05) 100%)` : "none",
+                "--atomix-glass-container-text-shadow": overLight ? "0px 2px 12px rgba(0, 0, 0, 0)" : "0px 2px 12px rgba(0, 0, 0, 0.4)",
+                "--atomix-glass-container-box-shadow": overLight ? "0px 16px 70px rgba(0, 0, 0, 0.75)" : "0px 12px 40px rgba(0, 0, 0, 0.25)"
+            };
+        } catch (error) {
+            return console.warn("AtomixGlassContainer: Error generating container variables", error), 
+            {
+                "--atomix-glass-container-padding": "0 0",
+                "--atomix-glass-container-radius": "0px",
+                "--atomix-glass-container-backdrop": "none",
+                "--atomix-glass-container-shadow": "none",
+                "--atomix-glass-container-shadow-opacity": 1,
+                "--atomix-glass-container-bg": "none",
+                "--atomix-glass-container-text-shadow": "none"
+            };
+        }
+    }), [ glassSize, padding, cornerRadius, backdropStyle, mouseOffset, overLight, effectiveDisableEffects ]);
+    return jsx("div", {
+        ref: ref,
+        className: `${ATOMIX_GLASS.CONTAINER_CLASS} ${className} ${active ? ATOMIX_GLASS.CLASSES.ACTIVE : ""} ${overLight ? ATOMIX_GLASS.CLASSES.OVER_LIGHT : ""}`,
+        style: {
+            ...style,
+            ...containerVars
+        },
+        onClick: onClick,
+        children: jsxs("div", {
+            className: ATOMIX_GLASS.INNER_CLASS,
+            style: {
+                padding: "var(--atomix-glass-container-padding)",
+                boxShadow: "var(--atomix-glass-container-box-shadow)"
+            },
+            onMouseEnter: onMouseEnter,
+            onMouseLeave: onMouseLeave,
+            onMouseDown: onMouseDown,
+            onMouseUp: onMouseUp,
+            children: [ jsxs("div", {
+                className: ATOMIX_GLASS.FILTER_CLASS,
+                children: [ jsx(GlassFilter, {
+                    blurAmount: blurAmount,
+                    mode: mode,
+                    id: filterId,
+                    displacementScale: "number" != typeof displacementScale || isNaN(displacementScale) ? 0 : displacementScale,
+                    aberrationIntensity: "number" != typeof aberrationIntensity || isNaN(aberrationIntensity) ? 0 : aberrationIntensity,
+                    shaderMapUrl: shaderMapUrl
+                }), jsx("div", {
+                    className: ATOMIX_GLASS.FILTER_OVERLAY_CLASS,
+                    suppressHydrationWarning: !0,
+                    style: {
+                        filter: `url(#${filterId})`,
+                        backdropFilter: "var(--atomix-glass-container-backdrop)",
+                        borderRadius: "var(--atomix-glass-container-radius)"
+                    }
+                }), jsx("div", {
+                    className: ATOMIX_GLASS.FILTER_SHADOW_CLASS,
+                    style: {
+                        boxShadow: "var(--atomix-glass-container-shadow)",
+                        opacity: "var(--atomix-glass-container-shadow-opacity)",
+                        background: "var(--atomix-glass-container-bg)",
+                        borderRadius: "var(--atomix-glass-container-radius)"
+                    }
+                }) ]
+            }), jsx("div", {
+                ref: contentRef,
+                className: ATOMIX_GLASS.CONTENT_CLASS,
+                style: {
+                    position: "relative",
+                    textShadow: "var(--atomix-glass-container-text-shadow)",
+                    ...elasticity > 0 ? {
+                        zIndex: 100
+                    } : {}
+                },
+                children: children
+            }) ]
+        })
+    });
+}));
+
+// Module-level shared shader cache with LRU eviction
+AtomixGlassContainer.displayName = "AtomixGlassContainer";
+
+// Singleton instance
+const globalMouseTracker = new 
+/**
+ * Global mouse tracker singleton
+ * Tracks mouse position at document level and distributes to subscribers
+ * Reduces event processing overhead when multiple AtomixGlass instances are present
+ */
+class {
+    constructor() {
+        this.listeners = new Set, this.position = {
+            x: 0,
+            y: 0
+        }, this.rafId = null, this.lastEvent = null, this.isTracking = !1, 
+        /**
+     * Handle mouse move event
+     */
+        this.handleMouseMove = e => {
+            this.lastEvent = e, 
+            // Use requestAnimationFrame to throttle updates
+            null === this.rafId && (this.rafId = requestAnimationFrame((() => {
+                this.lastEvent && (this.position = {
+                    x: this.lastEvent.clientX,
+                    y: this.lastEvent.clientY
+                }, 
+                // Notify all subscribers
+                this.listeners.forEach((callback => {
+                    try {
+                        callback(this.position);
+                    } catch (error) {
+                        console.error("GlobalMouseTracker: Error in subscriber callback", error);
+                    }
+                }))), this.rafId = null;
+            })));
+        };
+    }
+    /**
+   * Subscribe to mouse position updates
+   * @param callback Function to call when mouse position changes
+   * @returns Unsubscribe function
+   */    subscribe(callback) {
+        // Return unsubscribe function
+        return this.listeners.add(callback), 
+        // Start tracking if this is the first subscriber
+        1 === this.listeners.size && this.startTracking(), 
+        // Immediately notify with current position
+        callback(this.position), () => {
+            this.unsubscribe(callback);
+        };
+    }
+    /**
+   * Unsubscribe from mouse position updates
+   */    unsubscribe(callback) {
+        this.listeners.delete(callback), 
+        // Stop tracking if no more subscribers
+        0 === this.listeners.size && this.stopTracking();
+    }
+    /**
+   * Start tracking mouse movement
+   */    startTracking() {
+        this.isTracking || (this.isTracking = !0, 
+        // Use document-level listener for global tracking
+        document.addEventListener("mousemove", this.handleMouseMove, {
+            passive: !0
+        }));
+    }
+    /**
+   * Stop tracking mouse movement
+   */    stopTracking() {
+        this.isTracking && (this.isTracking = !1, document.removeEventListener("mousemove", this.handleMouseMove), 
+        // Cancel any pending RAF
+        null !== this.rafId && (cancelAnimationFrame(this.rafId), this.rafId = null), this.lastEvent = null);
+    }
+    /**
+   * Get current mouse position (synchronous)
+   */    getPosition() {
+        return {
+            ...this.position
+        };
+    }
+    /**
+   * Get number of active subscribers (for debugging)
+   */    getSubscriberCount() {
+        return this.listeners.size;
+    }
+}, {CONSTANTS: CONSTANTS} = ATOMIX_GLASS, backgroundDetectionCache = new WeakMap, setCachedBackgroundDetection = (parentElement, overLightConfig, result, threshold) => {
+    parentElement && backgroundDetectionCache.set(parentElement, {
+        result: result,
+        timestamp: Date.now(),
+        config: overLightConfig,
+        threshold: threshold
+    });
+};
+
+/**
+ * Composable hook for AtomixGlass component logic
+ * Manages all state, calculations, and event handlers
+ */
+function useAtomixGlass({glassRef: glassRef, contentRef: contentRef, cornerRadius: cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer: mouseContainer, overLight: overLight = ATOMIX_GLASS.DEFAULTS.OVER_LIGHT, reducedMotion: reducedMotion = !1, highContrast: highContrast = !1, disableEffects: disableEffects = !1, elasticity: elasticity = .05, onClick: onClick, debugCornerRadius: debugCornerRadius = !1, debugOverLight: debugOverLight = !1, enablePerformanceMonitoring: enablePerformanceMonitoring = !1, children: children}) {
+    // State
+    const [isHovered, setIsHovered] = useState(!1), [isActive, setIsActive] = useState(!1), [glassSize, setGlassSize] = useState({
+        width: 270,
+        height: 69
+    }), [internalGlobalMousePosition, setInternalGlobalMousePosition] = useState({
+        x: 0,
+        y: 0
+    }), [internalMouseOffset, setInternalMouseOffset] = useState({
+        x: 0,
+        y: 0
+    }), [dynamicCornerRadius, setDynamicCornerRadius] = useState(CONSTANTS.DEFAULT_CORNER_RADIUS), [userPrefersReducedMotion, setUserPrefersReducedMotion] = useState(!1), [userPrefersHighContrast, setUserPrefersHighContrast] = useState(!1), [detectedOverLight, setDetectedOverLight] = useState(!1), effectiveCornerRadius = useMemo((() => void 0 !== cornerRadius ? Math.max(0, cornerRadius) : Math.max(0, dynamicCornerRadius)), [ cornerRadius, dynamicCornerRadius, debugCornerRadius ]), effectiveReducedMotion = useMemo((() => reducedMotion || userPrefersReducedMotion), [ reducedMotion, userPrefersReducedMotion ]), effectiveHighContrast = useMemo((() => highContrast || userPrefersHighContrast), [ highContrast, userPrefersHighContrast ]), effectiveDisableEffects = useMemo((() => disableEffects || effectiveReducedMotion), [ disableEffects, effectiveReducedMotion ]), globalMousePosition = useMemo((() => externalGlobalMousePosition || internalGlobalMousePosition), [ externalGlobalMousePosition, internalGlobalMousePosition ]), mouseOffset = useMemo((() => externalMouseOffset || internalMouseOffset), [ externalMouseOffset, internalMouseOffset ]);
+    // Extract border-radius from children
+    useEffect((() => {
+        const extractRadius = () => {
+            try {
+                let extractedRadius = null, extractionSource = "default";
+                if (contentRef.current) {
+                    const firstChild = contentRef.current.firstElementChild;
+                    if (firstChild) {
+                        const domRadius = (element => {
+                            if (!element || "undefined" == typeof window) return null;
+                            try {
+                                const computedStyles = window.getComputedStyle(element), borderRadius = computedStyles.borderRadius || computedStyles.borderTopLeftRadius || computedStyles.borderTopRightRadius || computedStyles.borderBottomLeftRadius || computedStyles.borderBottomRightRadius;
+                                if (borderRadius && "0px" !== borderRadius && "auto" !== borderRadius) {
+                                    const parsed = parseBorderRadiusValue(borderRadius);
+                                    return parsed > 0 ? parsed : null;
+                                }
+                                return null;
+                            } catch (error) {
+                                return null;
+                            }
+                        })(firstChild);
+                        null !== domRadius && domRadius > 0 && (extractedRadius = domRadius, extractionSource = "DOM element");
+                    }
+                }
+                if (null === extractedRadius) {
+                    const childRadius = extractBorderRadiusFromChildren(children);
+                    childRadius > 0 && childRadius !== CONSTANTS.DEFAULT_CORNER_RADIUS && (extractedRadius = childRadius, 
+                    extractionSource = "React children");
+                }
+                null !== extractedRadius && extractedRadius > 0 ? setDynamicCornerRadius(extractedRadius) : process.env.NODE_ENV;
+            } catch (error) {
+                "production" !== process.env.NODE_ENV && debugCornerRadius && console.error("[AtomixGlass] Error extracting corner radius:", error);
+            }
+        };
+        extractRadius();
+        const timeoutId = setTimeout(extractRadius, 100);
+        return () => clearTimeout(timeoutId);
+    }), [ children, debugCornerRadius, contentRef ]), 
+    // Media query handlers and background detection
+    useEffect((() => {
+        if (("auto" === overLight || "object" == typeof overLight && null !== overLight) && glassRef.current) {
+            const element = glassRef.current, cachedResult = ((parentElement, overLightConfig) => {
+                if (!parentElement) return null;
+                const cached = backgroundDetectionCache.get(parentElement);
+                return cached && ((config1, config2) => {
+                    // Primitive comparison for boolean and 'auto'
+                    if ("object" != typeof config1 || null === config1) return config1 === config2;
+                    // Both must be objects at this point
+                                        if ("object" != typeof config2 || null === config2) return !1;
+                    const obj1 = config1, obj2 = config2, props = [ "threshold", "opacity", "contrast", "brightness", "saturationBoost" ];
+                    for (const prop of props) {
+                        const val1 = obj1[prop], val2 = obj2[prop];
+                        // If both are undefined, they're equal for this property
+                        if (void 0 !== val1 || void 0 !== val2) {
+                            // If one is undefined and the other isn't, they're different
+                            if (void 0 === val1 || void 0 === val2) return !1;
+                            // Compare numeric values (handle NaN and floating point precision)
+                                                        if ("number" == typeof val1 && "number" == typeof val2) {
+                                // Use Number.isNaN for proper NaN comparison
+                                if (Number.isNaN(val1) && Number.isNaN(val2)) continue;
+                                if (Number.isNaN(val1) || Number.isNaN(val2)) return !1;
+                                // Compare with small epsilon for floating point numbers
+                                                                if (Math.abs(val1 - val2) > Number.EPSILON) return !1;
+                            } else if (val1 !== val2) return !1;
+                        }
+                    }
+                    return !0;
+                })(cached.config, overLightConfig) ? (
+                // Update timestamp for LRU-like behavior (though WeakMap doesn't support LRU)
+                cached.timestamp = Date.now(), cached.result) : null;
+            })(element.parentElement, overLight);
+            if (null !== cachedResult) return void setDetectedOverLight(cachedResult);
+            const timeoutId = setTimeout((() => {
+                try {
+                    if (!element) return void setDetectedOverLight(!1);
+                    // Validate window context
+                                        if ("undefined" == typeof window || "function" != typeof window.getComputedStyle) return void setDetectedOverLight(!1);
+                    let totalLuminance = 0, validSamples = 0, hasValidBackground = !1, currentElement = element.parentElement, depth = 0;
+                    const maxDepth = 20, maxSamples = 10;
+                    // Limit traversal depth to prevent infinite loops and performance issues
+                    for (;currentElement && validSamples < maxSamples && depth < maxDepth; ) {
+                        try {
+                            const computedStyle = window.getComputedStyle(currentElement);
+                            if (!computedStyle) {
+                                currentElement = currentElement.parentElement, depth++;
+                                continue;
+                            }
+                            const bgColor = computedStyle.backgroundColor, bgImage = computedStyle.backgroundImage;
+                            // Check for solid color backgrounds
+                            if (bgColor && "rgba(0, 0, 0, 0)" !== bgColor && "transparent" !== bgColor && "initial" !== bgColor && "none" !== bgColor) {
+                                const rgb = bgColor.match(/\d+/g);
+                                if (rgb && rgb.length >= 3) {
+                                    const r = Number(rgb[0]), g = Number(rgb[1]), b = Number(rgb[2]);
+                                    // Validate RGB values are valid numbers
+                                    if (!isNaN(r) && !isNaN(g) && !isNaN(b) && isFinite(r) && isFinite(g) && isFinite(b) && r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255 && (r > 10 || g > 10 || b > 10)) {
+                                        const luminance = (.299 * r + .587 * g + .114 * b) / 255;
+                                        !isNaN(luminance) && isFinite(luminance) && (totalLuminance += luminance, validSamples++, 
+                                        hasValidBackground = !0);
+                                    }
+                                }
+                            }
+                            // Check for image backgrounds
+                                                        bgImage && "none" !== bgImage && "initial" !== bgImage && (
+                            // For image backgrounds, assume medium luminance
+                            totalLuminance += .5, validSamples++, hasValidBackground = !0);
+                        } catch (styleError) {
+                            process.env.NODE_ENV;
+                        }
+                        // Move to parent element for next iteration
+                                                if (!currentElement) break;
+ // Exit loop if currentElement becomes null
+                                                currentElement = currentElement.parentElement, depth++;
+                    }
+                    // More conservative detection with better error handling
+                                        if (hasValidBackground && validSamples > 0) {
+                        const avgLuminance = totalLuminance / validSamples;
+                        if (!isNaN(avgLuminance) && isFinite(avgLuminance)) {
+                            let threshold = .7;
+ // Conservative threshold for overlight
+                            // If overLight is an object, use its threshold property with validation
+                                                        if ("object" == typeof overLight && null !== overLight) {
+                                const objConfig = overLight;
+                                if (void 0 !== objConfig.threshold) {
+                                    const configThreshold = "number" == typeof objConfig.threshold && !isNaN(objConfig.threshold) && isFinite(objConfig.threshold) ? objConfig.threshold : .7;
+                                    threshold = Math.min(.9, Math.max(.1, configThreshold));
+                                }
+                            }
+                            const isOverLightDetected = avgLuminance > threshold;
+                            // Cache the result in shared cache
+                                                        setCachedBackgroundDetection(element.parentElement, overLight, isOverLightDetected, threshold), 
+                            setDetectedOverLight(isOverLightDetected);
+                        } else {
+                            // Invalid luminance calculation, default to false
+                            const result = !1, threshold = "object" == typeof overLight && null !== overLight && overLight.threshold || .7;
+                            setCachedBackgroundDetection(element.parentElement, overLight, result, threshold), 
+                            setDetectedOverLight(result);
+                        }
+                    } else {
+                        // Default to false if no valid background found
+                        const result = !1, threshold = "object" == typeof overLight && null !== overLight && overLight.threshold || .7;
+                        setCachedBackgroundDetection(element.parentElement, overLight, result, threshold), 
+                        setDetectedOverLight(result);
+                    }
+                } catch (error) {
+                    // Enhanced error logging with context
+                    "development" === process.env.NODE_ENV && console.warn("AtomixGlass: Error detecting background brightness:", error);
+                    const result = !1;
+                    if (element && element.parentElement) {
+                        const threshold = "object" == typeof overLight && null !== overLight && overLight.threshold || .7;
+                        setCachedBackgroundDetection(element.parentElement, overLight, result, threshold);
+                    }
+                    setDetectedOverLight(result);
+                }
+            }), 150);
+            return () => clearTimeout(timeoutId);
+        }
+        if ("boolean" == typeof overLight && 
+        // For boolean values, disable auto-detection
+        // Cache is automatically managed by WeakMap (no manual clearing needed)
+        setDetectedOverLight(!1), "function" == typeof window.matchMedia) try {
+            const mediaQueryReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)"), mediaQueryHighContrast = window.matchMedia("(prefers-contrast: high)");
+            setUserPrefersReducedMotion(mediaQueryReducedMotion.matches), setUserPrefersHighContrast(mediaQueryHighContrast.matches);
+            const handleReducedMotionChange = e => {
+                setUserPrefersReducedMotion(e.matches);
+            }, handleHighContrastChange = e => {
+                setUserPrefersHighContrast(e.matches);
+            };
+            return mediaQueryReducedMotion.addEventListener ? (mediaQueryReducedMotion.addEventListener("change", handleReducedMotionChange), 
+            mediaQueryHighContrast.addEventListener("change", handleHighContrastChange)) : mediaQueryReducedMotion.addListener && (mediaQueryReducedMotion.addListener(handleReducedMotionChange), 
+            mediaQueryHighContrast.addListener(handleHighContrastChange)), () => {
+                try {
+                    mediaQueryReducedMotion.removeEventListener ? (mediaQueryReducedMotion.removeEventListener("change", handleReducedMotionChange), 
+                    mediaQueryHighContrast.removeEventListener("change", handleHighContrastChange)) : mediaQueryReducedMotion.removeListener && (mediaQueryReducedMotion.removeListener(handleReducedMotionChange), 
+                    mediaQueryHighContrast.removeListener(handleHighContrastChange));
+                } catch (cleanupError) {
+                    console.error("AtomixGlass: Error cleaning up media query listeners:", cleanupError);
+                }
+            };
+        } catch (error) {
+            return void console.error("AtomixGlass: Error setting up media queries:", error);
+        }
+    }), [ overLight, glassRef, debugOverLight ]);
+    // Mouse tracking using shared global tracker
+    // Cache bounding rect to avoid repeated getBoundingClientRect calls
+    const cachedRectRef = useRef(null), updateRectRef = useRef(null), handleGlobalMousePosition = useCallback((globalPos => {
+        if (externalGlobalMousePosition && externalMouseOffset) 
+        // External mouse position provided, skip internal tracking
+        return;
+        if (effectiveDisableEffects) return;
+        const container = mouseContainer?.current || glassRef.current;
+        if (!container) return;
+        enablePerformanceMonitoring && performance.now();
+        // Use cached rect if available, otherwise get new one
+        let rect = cachedRectRef.current;
+        if (rect && 0 !== rect.width && 0 !== rect.height || (rect = container.getBoundingClientRect(), 
+        cachedRectRef.current = rect), 0 === rect.width || 0 === rect.height) return;
+        const center = calculateElementCenter(rect), newOffset = {
+            x: (globalPos.x - center.x) / rect.width * 100,
+            y: (globalPos.y - center.y) / rect.height * 100
+        };
+        // Calculate offset relative to this container
+                // React 18 automatically batches these updates
+        setInternalMouseOffset(newOffset), setInternalGlobalMousePosition(globalPos), "production" !== process.env.NODE_ENV && enablePerformanceMonitoring && performance.now();
+    }), [ mouseContainer, glassRef, externalGlobalMousePosition, externalMouseOffset, effectiveDisableEffects, enablePerformanceMonitoring ]);
+    // Subscribe to shared mouse tracker
+    useEffect((() => {
+        if (externalGlobalMousePosition && externalMouseOffset) 
+        // External mouse position provided, don't subscribe
+        return;
+        if (effectiveDisableEffects) 
+        // Effects disabled, don't subscribe
+        return;
+        // Subscribe to shared tracker
+                const unsubscribe = globalMouseTracker.subscribe(handleGlobalMousePosition), container = mouseContainer?.current || glassRef.current;
+        // Update cached rect when container size changes
+                let resizeObserver = null;
+        return container && "undefined" != typeof ResizeObserver && (resizeObserver = new ResizeObserver((() => {
+            null !== updateRectRef.current && cancelAnimationFrame(updateRectRef.current), updateRectRef.current = requestAnimationFrame((() => {
+                const container = mouseContainer?.current || glassRef.current;
+                container && (cachedRectRef.current = container.getBoundingClientRect()), updateRectRef.current = null;
+            }));
+        })), resizeObserver.observe(container)), () => {
+            unsubscribe(), null !== updateRectRef.current && (cancelAnimationFrame(updateRectRef.current), 
+            updateRectRef.current = null), resizeObserver && resizeObserver.disconnect();
+        };
+    }), [ handleGlobalMousePosition, mouseContainer, glassRef, externalGlobalMousePosition, externalMouseOffset, effectiveDisableEffects ]);
+    // Transform calculations
+    const calculateDirectionalScale = useCallback((() => {
+        if (!(globalMousePosition.x && globalMousePosition.y && glassRef.current && validateGlassSize(glassSize))) return "scale(1)";
+        const rect = glassRef.current.getBoundingClientRect(), center = calculateElementCenter(rect), deltaX = globalMousePosition.x - center.x, deltaY = globalMousePosition.y - center.y, edgeDistanceX = Math.max(0, Math.abs(deltaX) - glassSize.width / 2), edgeDistanceY = Math.max(0, Math.abs(deltaY) - glassSize.height / 2), edgeDistance = calculateDistance({
+            x: edgeDistanceX,
+            y: edgeDistanceY
+        }, {
+            x: 0,
+            y: 0
+        });
+        if (edgeDistance > CONSTANTS.ACTIVATION_ZONE) return "scale(1)";
+        const fadeInFactor = 1 - edgeDistance / CONSTANTS.ACTIVATION_ZONE, centerDistance = calculateDistance(globalMousePosition, center);
+        if (0 === centerDistance) return "scale(1)";
+        const normalizedX = deltaX / centerDistance, normalizedY = deltaY / centerDistance, stretchIntensity = Math.min(centerDistance / 300, 1) * elasticity * fadeInFactor, scaleX = 1 + Math.abs(normalizedX) * stretchIntensity * .3 - Math.abs(normalizedY) * stretchIntensity * .15, scaleY = 1 + Math.abs(normalizedY) * stretchIntensity * .3 - Math.abs(normalizedX) * stretchIntensity * .15;
+        return `scaleX(${Math.max(.8, scaleX)}) scaleY(${Math.max(.8, scaleY)})`;
+    }), [ globalMousePosition, elasticity, glassSize, glassRef ]), calculateFadeInFactor = useCallback((() => {
+        if (!(globalMousePosition.x && globalMousePosition.y && glassRef.current && validateGlassSize(glassSize))) return 0;
+        const rect = glassRef.current.getBoundingClientRect(), center = calculateElementCenter(rect), edgeDistanceX = Math.max(0, Math.abs(globalMousePosition.x - center.x) - glassSize.width / 2), edgeDistanceY = Math.max(0, Math.abs(globalMousePosition.y - center.y) - glassSize.height / 2), edgeDistance = calculateDistance({
+            x: edgeDistanceX,
+            y: edgeDistanceY
+        }, {
+            x: 0,
+            y: 0
+        });
+        return edgeDistance > CONSTANTS.ACTIVATION_ZONE ? 0 : 1 - edgeDistance / CONSTANTS.ACTIVATION_ZONE;
+    }), [ globalMousePosition, glassSize, glassRef ]), calculateElasticTranslation = useCallback((() => {
+        if (!glassRef.current) return {
+            x: 0,
+            y: 0
+        };
+        const fadeInFactor = calculateFadeInFactor(), rect = glassRef.current.getBoundingClientRect(), center = calculateElementCenter(rect);
+        return {
+            x: (globalMousePosition.x - center.x) * elasticity * .1 * fadeInFactor,
+            y: (globalMousePosition.y - center.y) * elasticity * .1 * fadeInFactor
+        };
+    }), [ globalMousePosition, elasticity, calculateFadeInFactor, glassRef ]), elasticTranslation = useMemo((() => effectiveDisableEffects ? {
+        x: 0,
+        y: 0
+    } : calculateElasticTranslation()), [ calculateElasticTranslation, effectiveDisableEffects ]), directionalScale = useMemo((() => effectiveDisableEffects ? "scale(1)" : calculateDirectionalScale()), [ calculateDirectionalScale, effectiveDisableEffects ]), transformStyle = useMemo((() => effectiveDisableEffects ? isActive && Boolean(onClick) ? "scale(0.98)" : "scale(1)" : `translate(${elasticTranslation.x}px, ${elasticTranslation.y}px) ${isActive && Boolean(onClick) ? "scale(0.96)" : directionalScale}`), [ elasticTranslation, isActive, onClick, directionalScale, effectiveDisableEffects ]);
+    // Size management
+    useEffect((() => {
+        const isValidElement = element => null !== element && element instanceof HTMLElement && element.isConnected;
+        let rafId = null, lastSize = {
+            width: 0,
+            height: 0
+        }, lastCornerRadius = effectiveCornerRadius;
+        const updateGlassSize = (forceUpdate = !1) => {
+            null !== rafId && cancelAnimationFrame(rafId), rafId = requestAnimationFrame((() => {
+                if (!isValidElement(glassRef.current)) return void (rafId = null);
+                const rect = glassRef.current.getBoundingClientRect();
+                if (rect.width <= 0 || rect.height <= 0) return void (rafId = null);
+                // Measure actual rendered size without artificial offsets to avoid feedback loops
+                                const newSize = {
+                    width: Math.round(rect.width),
+                    height: Math.round(rect.height)
+                }, cornerRadiusChanged = lastCornerRadius !== effectiveCornerRadius, dimensionsChanged = Math.abs(newSize.width - lastSize.width) > 1 || Math.abs(newSize.height - lastSize.height) > 1;
+                var size;
+                (forceUpdate || cornerRadiusChanged || dimensionsChanged) && validateGlassSize(size = newSize) && size.width <= CONSTANTS.MAX_SIZE && size.height <= CONSTANTS.MAX_SIZE && (lastSize = newSize, 
+                lastCornerRadius = effectiveCornerRadius, setGlassSize(newSize)), rafId = null;
+            }));
+        };
+        let resizeTimeoutId = null;
+        const debouncedResizeHandler = () => {
+            resizeTimeoutId && clearTimeout(resizeTimeoutId), resizeTimeoutId = setTimeout((() => updateGlassSize(!1)), 16);
+        }, initialTimeoutId = setTimeout((() => updateGlassSize(!0)), 0);
+        let resizeObserver = null, resizeDebounceTimeout = null;
+        // ResizeObserver has 98%+ browser support, no need for fallback
+        if ("undefined" != typeof ResizeObserver && isValidElement(glassRef.current)) try {
+            resizeObserver = new ResizeObserver((entries => {
+                for (const entry of entries) if (entry.target === glassRef.current) {
+                    // Update cached rect when size changes
+                    glassRef.current && (cachedRectRef.current = glassRef.current.getBoundingClientRect()), 
+                    // Debounce resize updates to match RAF timing (16ms)
+                    resizeDebounceTimeout && clearTimeout(resizeDebounceTimeout), resizeDebounceTimeout = setTimeout((() => updateGlassSize(!1)), 16);
+                    break;
+                }
+            })), resizeObserver.observe(glassRef.current);
+        } catch (error) {
+            console.warn("AtomixGlass: ResizeObserver not available, using window resize only", error);
+        }
+        return window.addEventListener("resize", debouncedResizeHandler, {
+            passive: !0
+        }), () => {
+            clearTimeout(initialTimeoutId), null !== rafId && cancelAnimationFrame(rafId), resizeTimeoutId && clearTimeout(resizeTimeoutId), 
+            resizeDebounceTimeout && clearTimeout(resizeDebounceTimeout), window.removeEventListener("resize", debouncedResizeHandler), 
+            resizeObserver?.disconnect();
+        };
+    }), [ effectiveCornerRadius, glassRef ]);
+    // OverLight config
+    /**
+   * Get effective overLight value based on configuration
+   * - boolean: returns the boolean value directly
+   * - 'auto': returns detectedOverLight (auto-detected from background)
+   * - object: returns detectedOverLight (auto-detected, but config object provides customization)
+   */
+    const getEffectiveOverLight = useCallback((() => "boolean" == typeof overLight ? overLight : ("auto" === overLight || "object" == typeof overLight && null !== overLight) && detectedOverLight), [ overLight, detectedOverLight ]), validateConfigValue = useCallback(((value, min, max, defaultValue) => "number" != typeof value || isNaN(value) || !isFinite(value) ? defaultValue : Math.min(max, Math.max(min, value))), []), overLightConfig = useMemo((() => {
+        const isOverLight = getEffectiveOverLight(), mouseInfluence = calculateMouseInfluence(mouseOffset), hoverIntensity = isHovered ? 1.4 : 1, activeIntensity = isActive ? 1.6 : 1, baseConfig = {
+            isOverLight: isOverLight,
+            threshold: .7,
+            opacity: isOverLight ? Math.min(.6, Math.max(.2, .5 * hoverIntensity * activeIntensity)) : 0,
+            contrast: Math.min(1.8, Math.max(1, 1.4 + .3 * mouseInfluence)),
+            brightness: Math.min(1.2, Math.max(.7, .85 + .15 * mouseInfluence)),
+            saturationBoost: Math.min(2, Math.max(1, 1.3 + .4 * mouseInfluence)),
+            shadowIntensity: Math.min(1.5, Math.max(.5, .9 + .5 * mouseInfluence)),
+            borderOpacity: Math.min(1, Math.max(.3, .7 + .3 * mouseInfluence))
+        };
+        if ("object" == typeof overLight && null !== overLight) {
+            const objConfig = overLight, validatedThreshold = validateConfigValue(objConfig.threshold, .1, 1, baseConfig.threshold), validatedOpacity = validateConfigValue(objConfig.opacity, .1, 1, baseConfig.opacity), validatedContrast = validateConfigValue(objConfig.contrast, .5, 2.5, baseConfig.contrast), validatedBrightness = validateConfigValue(objConfig.brightness, .5, 2, baseConfig.brightness), validatedSaturationBoost = validateConfigValue(objConfig.saturationBoost, .5, 3, baseConfig.saturationBoost), finalConfig = {
+                ...baseConfig,
+                threshold: validatedThreshold,
+                opacity: validatedOpacity * hoverIntensity * activeIntensity,
+                contrast: validatedContrast + .3 * mouseInfluence,
+                brightness: validatedBrightness + .15 * mouseInfluence,
+                saturationBoost: validatedSaturationBoost + .4 * mouseInfluence
+            };
+            // Validate and apply object config values with proper clamping
+                        return process.env.NODE_ENV, finalConfig;
+        }
+        // Debug logging for non-object configs
+                return process.env.NODE_ENV, baseConfig;
+    }), [ overLight, getEffectiveOverLight, mouseOffset, isHovered, isActive, validateConfigValue, debugOverLight ]), handleMouseEnter = useCallback((() => setIsHovered(!0)), []), handleMouseLeave = useCallback((() => setIsHovered(!1)), []), handleMouseDown = useCallback((() => setIsActive(!0)), []), handleMouseUp = useCallback((() => setIsActive(!1)), []), handleKeyDown = useCallback((e => {
+        !onClick || "Enter" !== e.key && " " !== e.key || (e.preventDefault(), onClick());
+    }), [ onClick ]), handleMouseMove = useCallback((_e => {}), []);
+    /**
+   * Validate and clamp a numeric config value
+   * @param value - The value to validate
+   * @param min - Minimum allowed value
+   * @param max - Maximum allowed value
+   * @param defaultValue - Default value if validation fails
+   * @returns Validated and clamped value
+   */    return {
+        // State
+        isHovered: isHovered,
+        isActive: isActive,
+        glassSize: glassSize,
+        dynamicCornerRadius: dynamicCornerRadius,
+        effectiveCornerRadius: effectiveCornerRadius,
+        effectiveReducedMotion: effectiveReducedMotion,
+        effectiveHighContrast: effectiveHighContrast,
+        effectiveDisableEffects: effectiveDisableEffects,
+        detectedOverLight: detectedOverLight,
+        globalMousePosition: globalMousePosition,
+        mouseOffset: mouseOffset,
+        // OverLight config
+        overLightConfig: overLightConfig,
+        // Transform calculations
+        elasticTranslation: elasticTranslation,
+        directionalScale: directionalScale,
+        transformStyle: transformStyle,
+        // Event handlers
+        handleMouseEnter: handleMouseEnter,
+        handleMouseLeave: handleMouseLeave,
+        handleMouseDown: handleMouseDown,
+        handleMouseUp: handleMouseUp,
+        handleMouseMove: handleMouseMove,
+        handleKeyDown: handleKeyDown
+    };
+}
+
+/**
+ * AtomixGlass - A high-performance glass morphism component with liquid distortion effects
+ *
+ * Features:
+ * - Hardware-accelerated glass effects with SVG filters
+ * - Mouse-responsive liquid distortion
+ * - Dynamic border-radius extraction from children CSS properties
+ * - Automatic light/dark theme detection via overLight prop
+ * - Accessibility and performance optimizations
+ * - Multiple displacement modes (standard, polar, prominent, shader)
+ * - Design token integration for consistent theming
+ * - Focus ring support for keyboard navigation
+ * - Responsive breakpoints for mobile optimization
+ * - Enhanced ARIA attributes for screen readers
+ *
+ * Design System Compliance:
+ * - Uses design tokens for opacity, spacing, and colors
+ * - Follows BEM methodology for class naming
+ * - Implements focus-ring mixin for accessibility
+ * - Supports reduced motion and high contrast preferences
+ *
+ * @example
+ * // Basic usage with dynamic border-radius extraction
+ * <AtomixGlass>
+ *   <div style={{ borderRadius: '12px' }}>Content with 12px radius</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // Manual border-radius override
+ * <AtomixGlass cornerRadius={20}>
+ *   <div>Content with 20px glass radius</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // Interactive glass with click handler
+ * <AtomixGlass onClick={() => console.log('Clicked')} aria-label="Glass card">
+ *   <div>Clickable content</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // OverLight - Boolean mode (explicit control)
+ * <AtomixGlass overLight={true}>
+ *   <div>Content on light background</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // OverLight - Auto-detection mode
+ * <AtomixGlass overLight="auto">
+ *   <div>Content with auto-detected background</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // OverLight - Object config with custom settings
+ * <AtomixGlass
+ *   overLight={{
+ *     threshold: 0.8,
+ *     opacity: 0.6,
+ *     contrast: 1.8,
+ *     brightness: 1.0,
+ *     saturationBoost: 1.5
+ *   }}
+ * >
+ *   <div>Content with custom overLight config</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // Debug mode for overLight detection
+ * <AtomixGlass overLight="auto" debugOverLight={true}>
+ *   <div>Content with debug logging enabled</div>
+ * </AtomixGlass>
+ */ function AtomixGlass({children: children, displacementScale: displacementScale = ATOMIX_GLASS.DEFAULTS.DISPLACEMENT_SCALE, blurAmount: blurAmount = ATOMIX_GLASS.DEFAULTS.BLUR_AMOUNT, saturation: saturation = ATOMIX_GLASS.DEFAULTS.SATURATION, aberrationIntensity: aberrationIntensity = ATOMIX_GLASS.DEFAULTS.ABERRATION_INTENSITY, elasticity: elasticity = ATOMIX_GLASS.DEFAULTS.ELASTICITY, cornerRadius: cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer: mouseContainer = null, className: className = "", padding: padding = ATOMIX_GLASS.DEFAULTS.PADDING, overLight: overLight = ATOMIX_GLASS.DEFAULTS.OVER_LIGHT, style: style = {}, mode: mode = ATOMIX_GLASS.DEFAULTS.MODE, onClick: onClick, shaderVariant: shaderVariant = "liquidGlass", "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, role: role, tabIndex: tabIndex, reducedMotion: reducedMotion = !1, highContrast: highContrast = !1, disableEffects: disableEffects = !1, enableLiquidBlur: enableLiquidBlur = !1, enableBorderEffect: enableBorderEffect = !0, enableOverLightLayers: enableOverLightLayers = ATOMIX_GLASS.DEFAULTS.ENABLE_OVER_LIGHT_LAYERS, enablePerformanceMonitoring: enablePerformanceMonitoring = !1, debugCornerRadius: debugCornerRadius = !1, debugOverLight: debugOverLight = !1}) {
+    const glassRef = useRef(null), contentRef = useRef(null), opacityCacheRef = useRef(null), rgbCacheRef = useRef(null), {isHovered: isHovered, isActive: isActive, glassSize: glassSize, effectiveCornerRadius: effectiveCornerRadius, effectiveReducedMotion: effectiveReducedMotion, effectiveHighContrast: effectiveHighContrast, effectiveDisableEffects: effectiveDisableEffects, overLightConfig: overLightConfig, globalMousePosition: globalMousePosition, mouseOffset: mouseOffset, transformStyle: transformStyle, handleMouseEnter: handleMouseEnter, handleMouseLeave: handleMouseLeave, handleMouseDown: handleMouseDown, handleMouseUp: handleMouseUp, handleKeyDown: handleKeyDown} = useAtomixGlass({
+        glassRef: glassRef,
+        contentRef: contentRef,
+        cornerRadius: cornerRadius,
+        globalMousePosition: externalGlobalMousePosition,
+        mouseOffset: externalMouseOffset,
+        mouseContainer: mouseContainer,
+        overLight: overLight,
+        reducedMotion: reducedMotion,
+        highContrast: highContrast,
+        disableEffects: disableEffects,
+        elasticity: elasticity,
+        onClick: onClick,
+        debugCornerRadius: debugCornerRadius,
+        debugOverLight: debugOverLight,
+        enablePerformanceMonitoring: enablePerformanceMonitoring,
+        children: children
+    }), isOverLight = overLightConfig.isOverLight, shouldRenderOverLightLayers = enableOverLightLayers && isOverLight;
+    // Read CSS custom properties once on mount and cache them
+    useEffect((() => {
+        if ("undefined" != typeof window && glassRef.current) try {
+            const computedStyle = window.getComputedStyle(glassRef.current);
+            // Cache opacity values
+                        if (!opacityCacheRef.current) {
+                const opacity50Value = computedStyle.getPropertyValue("--atomix-opacity-50").trim(), opacity40Value = computedStyle.getPropertyValue("--atomix-opacity-40").trim(), opacity80Value = computedStyle.getPropertyValue("--atomix-opacity-80").trim(), opacity0Value = computedStyle.getPropertyValue("--atomix-opacity-0").trim(), parseOpacity = (value, defaultValue) => {
+                    if (!value) return defaultValue;
+                    const parsed = parseFloat(value);
+                    return isNaN(parsed) ? defaultValue : parsed;
+                };
+                opacityCacheRef.current = {
+                    opacity50: parseOpacity(opacity50Value, .5),
+                    opacity40: parseOpacity(opacity40Value, .4),
+                    opacity80: parseOpacity(opacity80Value, .8),
+                    opacity0: parseOpacity(opacity0Value, 0)
+                };
+            }
+            // Cache RGB color values from design tokens
+                        if (!rgbCacheRef.current) {
+                // Try to read from design tokens, fallback to defaults
+                const whiteRgbValue = computedStyle.getPropertyValue("--atomix-light-rgb").trim() || computedStyle.getPropertyValue("--atomix-white-rgb").trim() || "", blackRgbValue = computedStyle.getPropertyValue("--atomix-dark-rgb").trim() || computedStyle.getPropertyValue("--atomix-black-rgb").trim() || "";
+                rgbCacheRef.current = {
+                    whiteRgb: whiteRgbValue || "255, 255, 255",
+                    // Fallback to white RGB
+                    blackRgb: blackRgbValue || "0, 0, 0"
+                };
+            }
+        } catch (error) {
+            // Fallback to defaults if reading fails
+            opacityCacheRef.current || (opacityCacheRef.current = {
+                opacity50: .5,
+                opacity40: .4,
+                opacity80: .8,
+                opacity0: 0
+            }), rgbCacheRef.current || (rgbCacheRef.current = {
+                whiteRgb: "255, 255, 255",
+                blackRgb: "0, 0, 0"
+            });
+        }
+    }), []);
+    // Calculate base style with transforms (only dynamic values)
+    const baseStyle = useMemo((() => ({
+        ...style,
+        ...0 !== elasticity && !effectiveDisableEffects && {
+            transform: transformStyle
+        }
+    })), [ style, transformStyle, effectiveDisableEffects, elasticity ]), componentClassName = useMemo((() => [ ATOMIX_GLASS.BASE_CLASS, effectiveReducedMotion && `${ATOMIX_GLASS.BASE_CLASS}--reduced-motion`, effectiveHighContrast && `${ATOMIX_GLASS.BASE_CLASS}--high-contrast`, effectiveDisableEffects && `${ATOMIX_GLASS.BASE_CLASS}--disabled-effects`, className ].filter(Boolean).join(" ")), [ effectiveReducedMotion, effectiveHighContrast, effectiveDisableEffects, className ]), baseStylePosition = baseStyle.position, baseStyleTop = baseStyle.top, baseStyleLeft = baseStyle.left, positionStyles = useMemo((() => ({
+        position: baseStylePosition || "absolute",
+        top: baseStyleTop || 0,
+        left: baseStyleLeft || 0
+    })), [ baseStylePosition, baseStyleTop, baseStyleLeft ]), baseStyleWidth = baseStyle.width, baseStyleHeight = baseStyle.height, glassSizeWidth = glassSize.width, glassSizeHeight = glassSize.height, adjustedSize = useMemo((() => ({
+        width: "fixed" !== baseStylePosition ? "100%" : baseStyleWidth || Math.max(glassSizeWidth, 0),
+        height: "fixed" !== baseStylePosition ? "100%" : baseStyleHeight || Math.max(glassSizeHeight, 0)
+    })), [ baseStylePosition, baseStyleWidth, baseStyleHeight, glassSizeWidth, glassSizeHeight ]), mouseOffsetX = mouseOffset.x, mouseOffsetY = mouseOffset.y, GRADIENT = ATOMIX_GLASS.CONSTANTS.GRADIENT, gradientCalculations = useMemo((() => {
+        const mx = mouseOffsetX, my = mouseOffsetY, borderGradientAngle = GRADIENT.BASE_ANGLE + mx * GRADIENT.ANGLE_MULTIPLIER, borderStop1 = Math.max(GRADIENT.BORDER_STOP_1.MIN, GRADIENT.BORDER_STOP_1.BASE + my * GRADIENT.BORDER_STOP_1.MULTIPLIER), borderStop2 = Math.min(GRADIENT.BORDER_STOP_2.MAX, GRADIENT.BORDER_STOP_2.BASE + my * GRADIENT.BORDER_STOP_2.MULTIPLIER), borderOpacity1 = GRADIENT.BORDER_OPACITY.BASE_1 + Math.abs(mx) * GRADIENT.BORDER_OPACITY.MULTIPLIER_LOW, borderOpacity2 = GRADIENT.BORDER_OPACITY.BASE_2 + Math.abs(mx) * GRADIENT.BORDER_OPACITY.MULTIPLIER_HIGH, borderOpacity3 = GRADIENT.BORDER_OPACITY.BASE_3 + Math.abs(mx) * GRADIENT.BORDER_OPACITY.MULTIPLIER_LOW, borderOpacity4 = GRADIENT.BORDER_OPACITY.BASE_4 + Math.abs(mx) * GRADIENT.BORDER_OPACITY.MULTIPLIER_HIGH, hover1X = GRADIENT.CENTER_POSITION + mx / GRADIENT.HOVER_POSITION.DIVISOR_1, hover1Y = GRADIENT.CENTER_POSITION + my / GRADIENT.HOVER_POSITION.DIVISOR_1, hover2X = GRADIENT.CENTER_POSITION + mx / GRADIENT.HOVER_POSITION.DIVISOR_2, hover2Y = GRADIENT.CENTER_POSITION + my / GRADIENT.HOVER_POSITION.DIVISOR_2, hover3X = GRADIENT.CENTER_POSITION + mx * GRADIENT.HOVER_POSITION.MULTIPLIER_3, hover3Y = GRADIENT.CENTER_POSITION + my * GRADIENT.HOVER_POSITION.MULTIPLIER_3, baseX = GRADIENT.CENTER_POSITION + mx * GRADIENT.BASE_LAYER_MULTIPLIER, baseY = GRADIENT.CENTER_POSITION + my * GRADIENT.BASE_LAYER_MULTIPLIER;
+        return {
+            isOverLight: isOverLight,
+            mx: mx,
+            my: my,
+            borderGradientAngle: borderGradientAngle,
+            borderStop1: borderStop1,
+            borderStop2: borderStop2,
+            borderOpacity1: borderOpacity1,
+            borderOpacity2: borderOpacity2,
+            borderOpacity3: borderOpacity3,
+            borderOpacity4: borderOpacity4,
+            hover1X: hover1X,
+            hover1Y: hover1Y,
+            hover2X: hover2X,
+            hover2Y: hover2Y,
+            hover3X: hover3X,
+            hover3Y: hover3Y,
+            baseX: baseX,
+            baseY: baseY
+        };
+    }), [ mouseOffsetX, mouseOffsetY, isOverLight ]), overLightOpacity = overLightConfig.opacity, opacityValues = useMemo((() => {
+        // Use cached values if available, otherwise fallback to defaults
+        const opacity50 = opacityCacheRef.current?.opacity50 ?? .5, opacity40 = opacityCacheRef.current?.opacity40 ?? .4, opacity80 = opacityCacheRef.current?.opacity80 ?? .8, opacity0 = opacityCacheRef.current?.opacity0 ?? 0;
+        // Dynamic multiplier for overlay
+        return {
+            hover1: isHovered || isActive ? opacity50 : opacity0,
+            hover2: isActive ? opacity50 : opacity0,
+            hover3: isHovered ? opacity40 : isActive ? opacity80 : opacity0,
+            base: isOverLight ? overLightOpacity || opacity40 : opacity0,
+            over: isOverLight ? 1.1 * (overLightOpacity || opacity40) : opacity0
+        };
+    }), [ isHovered, isActive, isOverLight, overLightOpacity ]), gradientIsOverLight = gradientCalculations.isOverLight, gradientMx = gradientCalculations.mx, gradientMy = gradientCalculations.my, gradientBorderGradientAngle = gradientCalculations.borderGradientAngle, gradientBorderStop1 = gradientCalculations.borderStop1, gradientBorderStop2 = gradientCalculations.borderStop2, gradientBorderOpacity1 = gradientCalculations.borderOpacity1, gradientBorderOpacity2 = gradientCalculations.borderOpacity2, gradientBorderOpacity3 = gradientCalculations.borderOpacity3, gradientBorderOpacity4 = gradientCalculations.borderOpacity4, gradientHover1X = gradientCalculations.hover1X, gradientHover1Y = gradientCalculations.hover1Y, gradientHover2X = gradientCalculations.hover2X, gradientHover2Y = gradientCalculations.hover2Y, gradientHover3X = gradientCalculations.hover3X, gradientHover3Y = gradientCalculations.hover3Y, gradientBaseX = gradientCalculations.baseX, gradientBaseY = gradientCalculations.baseY, positionStylesPosition = positionStyles.position, positionStylesTop = positionStyles.top, positionStylesLeft = positionStyles.left, adjustedSizeWidth = adjustedSize.width, adjustedSizeHeight = adjustedSize.height, baseStyleTransform = baseStyle.transform, opacityValuesHover1 = opacityValues.hover1, opacityValuesHover2 = opacityValues.hover2, opacityValuesHover3 = opacityValues.hover3, opacityValuesBase = opacityValues.base, opacityValuesOver = opacityValues.over, glassVars = useMemo((() => {
+        // RGB color values for rgba() functions
+        // Note: CSS doesn't support rgba(var(--rgb), opacity) syntax - this is a CSS specification
+        // limitation, not a browser support issue. We read RGB values from design tokens at mount
+        // and cache them for performance. Falls back to defaults if tokens are not available.
+        // Uses design tokens: --atomix-light-rgb / --atomix-white-rgb and --atomix-dark-rgb / --atomix-black-rgb
+        const whiteColor = rgbCacheRef.current?.whiteRgb || "255, 255, 255", blackColor = rgbCacheRef.current?.blackRgb || "0, 0, 0";
+        return {
+            // Standard CSS custom properties for dynamic values
+            "--atomix-glass-radius": `${effectiveCornerRadius}px`,
+            "--atomix-glass-transform": baseStyleTransform || "none",
+            "--atomix-glass-position": positionStylesPosition,
+            "--atomix-glass-top": "fixed" !== positionStylesTop ? `${positionStylesTop}px` : "0",
+            "--atomix-glass-left": "fixed" !== positionStylesLeft ? `${positionStylesLeft}px` : "0",
+            "--atomix-glass-width": "fixed" !== baseStylePosition ? adjustedSizeWidth : `${adjustedSizeWidth}px`,
+            "--atomix-glass-height": "fixed" !== baseStylePosition ? adjustedSizeHeight : `${adjustedSizeHeight}px`,
+            // Border width: Use spacing token for consistency
+            "--atomix-glass-border-width": "var(--atomix-spacing-0-5, 0.09375rem)",
+            "--atomix-glass-blend-mode": gradientIsOverLight ? "multiply" : "overlay",
+            // Dynamic gradients and backgrounds
+            // Note: RGB values use design token-aligned constants (white: 255,255,255; black: 0,0,0)
+            "--atomix-glass-border-gradient-1": `linear-gradient(${gradientBorderGradientAngle}deg, rgba(${whiteColor}, 0) 0%, rgba(${whiteColor}, ${gradientBorderOpacity1}) ${gradientBorderStop1}%, rgba(${whiteColor}, ${gradientBorderOpacity2}) ${gradientBorderStop2}%, rgba(${whiteColor}, 0) 100%)`,
+            "--atomix-glass-border-gradient-2": `linear-gradient(${gradientBorderGradientAngle}deg, rgba(${whiteColor}, 0) 0%, rgba(${whiteColor}, ${gradientBorderOpacity3}) ${gradientBorderStop1}%, rgba(${whiteColor}, ${gradientBorderOpacity4}) ${gradientBorderStop2}%, rgba(${whiteColor}, 0) 100%)`,
+            "--atomix-glass-hover-1-opacity": opacityValuesHover1,
+            "--atomix-glass-hover-1-gradient": gradientIsOverLight ? `radial-gradient(circle at ${gradientHover1X}% ${gradientHover1Y}%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_1.BLACK_START}) 0%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_1.BLACK_MID}) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_1.BLACK_STOP}%, rgba(${blackColor}, 0) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_1.BLACK_END}%)` : `radial-gradient(circle at ${gradientHover1X}% ${gradientHover1Y}%, rgba(${whiteColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_1.WHITE_START}) 0%, rgba(${whiteColor}, 0) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_1.WHITE_STOP}%)`,
+            "--atomix-glass-hover-2-opacity": opacityValuesHover2,
+            "--atomix-glass-hover-2-gradient": gradientIsOverLight ? `radial-gradient(circle at ${gradientHover2X}% ${gradientHover2Y}%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_2.BLACK_START}) 0%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_2.BLACK_MID}) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_2.BLACK_STOP}%, rgba(${blackColor}, 0) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_2.BLACK_END}%)` : `radial-gradient(circle at ${gradientHover2X}% ${gradientHover2Y}%, rgba(${whiteColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_2.WHITE_START}) 0%, rgba(${whiteColor}, 0) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_2.WHITE_STOP}%)`,
+            "--atomix-glass-hover-3-opacity": opacityValuesHover3,
+            "--atomix-glass-hover-3-gradient": gradientIsOverLight ? `radial-gradient(circle at ${gradientHover3X}% ${gradientHover3Y}%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_3.BLACK_START}) 0%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_3.BLACK_MID}) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_3.BLACK_STOP}%, rgba(${blackColor}, 0) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_3.BLACK_END}%)` : `radial-gradient(circle at ${gradientHover3X}% ${gradientHover3Y}%, rgba(${whiteColor}, ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_3.WHITE_START}) 0%, rgba(${whiteColor}, 0) ${ATOMIX_GLASS.CONSTANTS.GRADIENT_OPACITY.HOVER_3.WHITE_STOP}%)`,
+            "--atomix-glass-base-opacity": opacityValuesBase,
+            "--atomix-glass-base-gradient": gradientIsOverLight ? `linear-gradient(${ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.ANGLE}deg, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_START_BASE + gradientMx * ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_START_MULTIPLIER}) 0%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_MID_BASE + gradientMy * ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_MID_MULTIPLIER}) ${ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_MID_STOP}%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_END_BASE + Math.abs(gradientMx) * ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.BLACK_END_MULTIPLIER}) 100%)` : `rgba(${whiteColor}, ${ATOMIX_GLASS.CONSTANTS.BASE_GRADIENT.WHITE_OPACITY})`,
+            "--atomix-glass-overlay-opacity": opacityValuesOver,
+            "--atomix-glass-overlay-gradient": gradientIsOverLight ? `radial-gradient(circle at ${gradientBaseX}% ${gradientBaseY}%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.BLACK_START_BASE + Math.abs(gradientMx) * ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.BLACK_START_MULTIPLIER}) 0%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.BLACK_MID}) ${ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.BLACK_MID_STOP}%, rgba(${blackColor}, ${ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.BLACK_END_BASE + Math.abs(gradientMy) * ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.BLACK_END_MULTIPLIER}) 100%)` : `rgba(${whiteColor}, ${ATOMIX_GLASS.CONSTANTS.OVERLAY_GRADIENT.WHITE_OPACITY})`
+        };
+    }), [ 
+    // Position styles - only specific properties
+    positionStylesPosition, positionStylesTop, positionStylesLeft, 
+    // Adjusted size - only specific properties
+    adjustedSizeWidth, adjustedSizeHeight, 
+    // Base style - only transform property
+    baseStyleTransform, baseStylePosition, 
+    // Other values
+    effectiveCornerRadius, effectiveReducedMotion, 
+    // Gradient calculations - extracted properties
+    gradientIsOverLight, gradientMx, gradientMy, gradientBorderGradientAngle, gradientBorderStop1, gradientBorderStop2, gradientBorderOpacity1, gradientBorderOpacity2, gradientBorderOpacity3, gradientBorderOpacity4, gradientHover1X, gradientHover1Y, gradientHover2X, gradientHover2Y, gradientHover3X, gradientHover3Y, gradientBaseX, gradientBaseY, 
+    // Opacity values - extracted properties
+    opacityValuesHover1, opacityValuesHover2, opacityValuesHover3, opacityValuesBase, opacityValuesOver ]);
+    // Build className with state modifiers
+        return jsxs("div", {
+        className: componentClassName,
+        style: glassVars,
+        role: role || (onClick ? "button" : void 0),
+        tabIndex: onClick ? tabIndex ?? 0 : tabIndex,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-disabled": !(!onClick || !effectiveDisableEffects) || !onClick && void 0,
+        "aria-pressed": !(!onClick || !isActive) || !onClick && void 0,
+        onKeyDown: onClick ? handleKeyDown : void 0,
+        children: [ jsx(AtomixGlassContainer, {
+            ref: glassRef,
+            contentRef: contentRef,
+            className: className,
+            style: baseStyle,
+            cornerRadius: effectiveCornerRadius,
+            displacementScale: effectiveDisableEffects ? 0 : "shader" === mode ? displacementScale * ATOMIX_GLASS.CONSTANTS.MULTIPLIERS.SHADER_DISPLACEMENT : overLightConfig.isOverLight ? displacementScale * ATOMIX_GLASS.CONSTANTS.MULTIPLIERS.OVER_LIGHT_DISPLACEMENT : displacementScale,
+            blurAmount: effectiveDisableEffects ? 0 : blurAmount,
+            saturation: effectiveHighContrast ? ATOMIX_GLASS.CONSTANTS.SATURATION.HIGH_CONTRAST : overLightConfig.isOverLight ? saturation * overLightConfig.saturationBoost : saturation,
+            aberrationIntensity: effectiveDisableEffects ? 0 : "shader" === mode ? aberrationIntensity * ATOMIX_GLASS.CONSTANTS.MULTIPLIERS.SHADER_ABERRATION : aberrationIntensity,
+            glassSize: glassSize,
+            padding: padding,
+            mouseOffset: effectiveDisableEffects ? {
+                x: 0,
+                y: 0
+            } : mouseOffset,
+            globalMousePosition: effectiveDisableEffects ? {
+                x: 0,
+                y: 0
+            } : globalMousePosition,
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+            onMouseDown: handleMouseDown,
+            onMouseUp: handleMouseUp,
+            active: isActive,
+            isHovered: isHovered,
+            isActive: isActive,
+            overLight: overLightConfig.isOverLight,
+            onClick: onClick,
+            mode: mode,
+            transform: baseStyle.transform,
+            effectiveDisableEffects: effectiveDisableEffects,
+            effectiveReducedMotion: effectiveReducedMotion,
+            shaderVariant: shaderVariant,
+            elasticity: elasticity,
+            enableLiquidBlur: enableLiquidBlur,
+            children: children
+        }), Boolean(onClick) && jsxs(Fragment, {
+            children: [ jsx("div", {
+                className: ATOMIX_GLASS.HOVER_1_CLASS
+            }), jsx("div", {
+                className: ATOMIX_GLASS.HOVER_2_CLASS
+            }), jsx("div", {
+                className: ATOMIX_GLASS.HOVER_3_CLASS
+            }) ]
+        }), jsx("div", {
+            className: [ ATOMIX_GLASS.BACKGROUND_LAYER_CLASS, ATOMIX_GLASS.BACKGROUND_LAYER_DARK_CLASS, isOverLight ? ATOMIX_GLASS.BACKGROUND_LAYER_OVER_LIGHT_CLASS : ATOMIX_GLASS.BACKGROUND_LAYER_HIDDEN_CLASS ].filter(Boolean).join(" "),
+            style: {
+                ...positionStyles,
+                height: adjustedSize.height,
+                width: adjustedSize.width,
+                borderRadius: `${effectiveCornerRadius}px`,
+                transform: baseStyle.transform
+            }
+        }), jsx("div", {
+            className: [ ATOMIX_GLASS.BACKGROUND_LAYER_CLASS, ATOMIX_GLASS.BACKGROUND_LAYER_BLACK_CLASS, isOverLight ? ATOMIX_GLASS.BACKGROUND_LAYER_OVER_LIGHT_CLASS : ATOMIX_GLASS.BACKGROUND_LAYER_HIDDEN_CLASS ].filter(Boolean).join(" "),
+            style: {
+                ...positionStyles,
+                height: adjustedSize.height,
+                width: adjustedSize.width,
+                borderRadius: `${effectiveCornerRadius}px`,
+                transform: baseStyle.transform
+            }
+        }), shouldRenderOverLightLayers && jsxs(Fragment, {
+            children: [ jsx("div", {
+                className: ATOMIX_GLASS.BASE_LAYER_CLASS
+            }), jsx("div", {
+                className: ATOMIX_GLASS.OVERLAY_LAYER_CLASS
+            }), jsx("div", {
+                className: ATOMIX_GLASS.OVERLAY_HIGHLIGHT_CLASS,
+                style: {
+                    opacity: opacityValues.over * ATOMIX_GLASS.CONSTANTS.OVERLAY_HIGHLIGHT.OPACITY_MULTIPLIER,
+                    background: `radial-gradient(circle at ${ATOMIX_GLASS.CONSTANTS.OVERLAY_HIGHLIGHT.POSITION_X}% ${ATOMIX_GLASS.CONSTANTS.OVERLAY_HIGHLIGHT.POSITION_Y}%, rgba(255, 255, 255, ${ATOMIX_GLASS.CONSTANTS.OVERLAY_HIGHLIGHT.WHITE_OPACITY}) 0%, transparent ${ATOMIX_GLASS.CONSTANTS.OVERLAY_HIGHLIGHT.STOP}%)`
+                }
+            }) ]
+        }), enableBorderEffect && jsxs(Fragment, {
+            children: [ jsx("span", {
+                className: ATOMIX_GLASS.BORDER_1_CLASS
+            }), jsx("span", {
+                className: ATOMIX_GLASS.BORDER_2_CLASS
+            }) ]
+        }) ]
+    });
+}
+
+const Accordion =  memo((({title: title, children: children, defaultOpen: defaultOpen = !1, isOpen: controlledOpen, onOpenChange: onOpenChange, disabled: disabled = !1, iconPosition: iconPosition = "right", icon: icon, className: className = "", style: style, glass: glass}) => {
+    // Generate unique IDs for accessibility
+    const instanceId = useId(), buttonId = `accordion-header-${instanceId}`, panelId = `accordion-panel-${instanceId}`, {state: state, toggle: toggle, updatePanelHeight: updatePanelHeight, panelRef: panelRef, contentRef: contentRef, generateClassNames: generateClassNames, generateHeaderClassNames: generateHeaderClassNames} = 
+    /**
+ * Accordion functionality hook
+ * @param initialProps - Initial accordion properties
+ * @returns Accordion state and methods
+ */
+    function(initialProps) {
+        // Default accordion properties
+        const defaultProps = {
+            defaultOpen: !1,
+            disabled: !1,
+            iconPosition: "right",
+            ...initialProps
+        }, isControlled = "boolean" == typeof defaultProps.isOpen, [internalOpen, setInternalOpen] = useState(defaultProps.defaultOpen || !1), isOpen = isControlled ? defaultProps.isOpen : internalOpen, [panelHeight, setPanelHeight] = useState(isOpen ? "auto" : "0px"), panelRef = useRef(null), contentRef = useRef(null), updatePanelHeight = () => {
+            if (contentRef.current && panelRef.current) {
+                const height = isOpen ? `${contentRef.current.clientHeight}px` : "0px";
+                panelRef.current.style.setProperty(ACCORDION.CSS_VARS.PANEL_HEIGHT, height), setPanelHeight(height);
+            }
+        };
+        // Controlled/uncontrolled open state
+                /**
+   * Effect to update panel height when open state changes
+   */
+        return useEffect((() => {
+            updatePanelHeight();
+        }), [ isOpen ]), 
+        /**
+   * Effect to handle window resize and update panel height
+   */
+        useEffect((() => {
+            const handleResize = () => {
+                isOpen && updatePanelHeight();
+            };
+            return window.addEventListener("resize", handleResize), () => window.removeEventListener("resize", handleResize);
+        }), [ isOpen ]), {
+            state: {
+                isOpen: isOpen,
+                panelHeight: panelHeight
+            },
+            toggle: () => {
+                defaultProps.disabled || (isControlled ? defaultProps.onOpenChange && defaultProps.onOpenChange(!isOpen) : setInternalOpen((prev => !prev)));
+            },
+            updatePanelHeight: updatePanelHeight,
+            panelRef: panelRef,
+            contentRef: contentRef,
+            generateClassNames: (baseClassName = "") => `c-accordion ${isOpen ? ACCORDION.CLASSES.IS_OPEN : ""} ${defaultProps.disabled ? ACCORDION.CLASSES.IS_DISABLED : ""} ${baseClassName}`.trim(),
+            generateHeaderClassNames: () => ("c-accordion__header " + ("left" === defaultProps.iconPosition ? "c-accordion__header--icon-left" : "")).trim()
+        };
+    }({
+        defaultOpen: defaultOpen,
+        disabled: disabled,
+        iconPosition: iconPosition,
+        isOpen: controlledOpen,
+        onOpenChange: onOpenChange
+    }), defaultIcon = jsx("i", {
+        className: "c-accordion__icon",
+        "aria-hidden": "true",
+        children: jsx("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            focusable: "false",
+            children: jsx("polyline", {
+                points: "6 9 12 15 18 9"
+            })
+        })
+    }), accordionContent = jsxs("div", {
+        className: generateClassNames(className) + (glass ? " c-accordion--glass" : ""),
+        style: style,
+        children: [ jsxs("button", {
+            id: buttonId,
+            className: generateHeaderClassNames(),
+            onClick: toggle,
+            "aria-expanded": state.isOpen,
+            "aria-controls": panelId,
+            "aria-disabled": disabled,
+            disabled: disabled,
+            type: "button",
+            children: [ jsx("span", {
+                className: "c-accordion__title",
+                children: title
+            }), icon || defaultIcon ]
+        }), jsx("div", {
+            id: panelId,
+            className: ACCORDION.SELECTORS.PANEL.replace(".", ""),
+            ref: panelRef,
+            role: "region",
+            "aria-labelledby": buttonId,
+            children: jsx("div", {
+                className: ACCORDION.SELECTORS.BODY.replace(".", ""),
+                ref: contentRef,
+                children: children
+            })
+        }) ]
+    });
+    if (glass) {
+        // Default glass settings for accordions
+        const defaultGlassProps = {
+            displacementScale: 20,
+            elasticity: 0
+        }, glassProps = !0 === glass ? defaultGlassProps : {
+            ...defaultGlassProps,
+            ...glass
+        };
+        return jsx(AtomixGlass, {
+            ...glassProps,
+            children: accordionContent
+        });
+    }
+    return accordionContent;
+}));
+
+// Set display name for debugging
+Accordion.displayName = "Accordion";
+
+const Badge =  memo((({label: label, variant: variant = "primary", size: size = "md", disabled: disabled = !1, icon: icon, className: className = "", glass: glass, style: style}) => {
+    const {generateBadgeClass: generateBadgeClass} = 
+    /**
+ * Badge state and functionality
+ * @param initialProps - Initial badge properties
+ * @returns Badge state and methods
+ */
+    function(initialProps) {
+        // Default badge properties
+        const defaultProps = {
+            variant: "primary",
+            size: "md",
+            disabled: !1,
+            ...initialProps
+        };
+        /**
+   * Generate badge class based on properties
+   * @param props - Badge properties
+   * @returns Class string
+   */        return {
+            defaultProps: defaultProps,
+            generateBadgeClass: props => {
+                const {variant: variant = defaultProps.variant, size: size = defaultProps.size, disabled: disabled = defaultProps.disabled, className: className = ""} = props;
+                return `c-badge ${variant ? `c-badge--${variant}` : ""} ${"md" === size ? "" : `c-badge--${size}`} ${disabled ? "c-badge--disabled" : ""} ${className}`.trim();
+            }
+        };
+    }({
+        variant: variant,
+        size: size,
+        disabled: disabled
+    }), ref = useRef(null), badgeClass = generateBadgeClass({
+        variant: variant,
+        size: size,
+        disabled: disabled,
+        className: `${className} ${glass ? "c-badge--glass" : ""}`.trim()
+    }), badgeElement = jsxs("span", {
+        className: badgeClass,
+        "aria-disabled": disabled,
+        ref: ref,
+        style: style,
+        children: [ icon && jsx("span", {
+            className: "c-badge__icon",
+            children: icon
+        }), jsx("span", {
+            children: label
+        }) ]
+    });
+    if (glass) {
+        // Default glass settings for badges
+        const defaultGlassProps = {
+            displacementScale: 20,
+            cornerRadius: ref.current?.getBoundingClientRect().width ? ref.current?.getBoundingClientRect().width / 2 : 16,
+            className: "c-badge--glass",
+            elasticity: 0
+        }, glassProps = !0 === glass ? defaultGlassProps : {
+            ...defaultGlassProps,
+            ...glass
+        };
+        return jsx(AtomixGlass, {
+            ...glassProps,
+            children: badgeElement
+        });
+    }
+    return badgeElement;
+}));
+
+Badge.displayName = "Badge";
+
+/**
+ * Container component for creating responsive layouts.
+ * Uses the CSS container classes defined in _objects.container.scss.
+ *
+ * @example
+ * ```tsx
+ * <Container>
+ *   Content with responsive max-width
+ * </Container>
+ *
+ * <Container type="fluid">
+ *   Full width content
+ * </Container>
+ *
+ * <Container type="md">
+ *   Content with max-width at md breakpoint
+ * </Container>
+ * ```
+ */
+const Container =  forwardRef((({children: children, className: className = "", type: type, ...props}, ref) => {
+    let containerClass = "o-container";
+    return type && (containerClass = `o-container-${type}`), jsx("div", {
+        ref: ref,
+        className: `${containerClass} ${className}`.trim(),
+        ...props,
+        children: children
+    });
+}));
+
+Container.displayName = "Container";
+
+/**
+ * useBlock composable for Block component
+ * Provides utility functions for generating consistent block styling
+ */
+const Block =  forwardRef((({children: children, as: Component = "section", spacing: spacing = "md", container: container = {}, fullWidth: fullWidth = !1, className: className = "", style: style, background: background = "", ...props}, ref) => {
+    const {generateBlockClass: generateBlockClass} = {
+        generateBlockClass: ({spacing: spacing = BLOCK.SPACING.DEFAULT, background: background = "", fullWidth: fullWidth = !1, className: className = ""}) => {
+            const classes = [ BLOCK.BASE_CLASS ];
+            // Add spacing class
+                        // Add background class
+            if (spacing && "none" !== spacing && classes.push(`${BLOCK.SPACING_PREFIX}${spacing}`), 
+            background) {
+                const bgClass = BLOCK.CLASSES[`BG_${background.toUpperCase()}`];
+                bgClass && classes.push(bgClass);
+            }
+            // Add full-width class
+                        return fullWidth && classes.push(BLOCK.CLASSES.FULL_WIDTH), 
+            // Add custom className
+            className && classes.push(className), classes.filter(Boolean).join(" ");
+        }
+    }, blockClasses = generateBlockClass({
+        spacing: spacing,
+        background: background,
+        fullWidth: fullWidth,
+        className: className
+    });
+    return jsx(Component, {
+        ref: ref,
+        className: blockClasses,
+        style: style,
+        ...props,
+        children: fullWidth ? children : jsx(Container, {
+            type: container.type,
+            className: container.className,
+            children: children
+        })
+    });
+}));
+
+/**
+ * Block component for creating structured section layouts.
+ * Provides consistent spacing, backgrounds, and container behavior for content sections.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Block>
+ *   <h2>Section Title</h2>
+ *   <p>Section content goes here...</p>
+ * </Block>
+ *
+ * // With custom spacing and background
+ * <Block spacing="lg" background="subtle">
+ *   <h2>Featured Section</h2>
+ *   <p>This section has extra padding and a subtle background.</p>
+ * </Block>
+ *
+ * // Full-width with custom container
+ * <Block fullWidth background="primary">
+ *   <Container type="lg">
+ *     <h2>Hero Section</h2>
+ *     <p>Full-width section with centered content.</p>
+ *   </Container>
+ * </Block>
+ *
+ * // As article element
+ * <Block as="article" spacing="xl" background="accent">
+ *   <h1>Blog Post</h1>
+ *   <p>Article content...</p>
+ * </Block>
+ * ```
+ */ Block.displayName = "Block";
+
+const Breadcrumb =  memo((({items: items, divider: divider, className: className = "", ariaLabel: ariaLabel = "Breadcrumb", LinkComponent: LinkComponent, style: style}) => {
+    const breadcrumbClasses = [ BREADCRUMB.CLASSES.BASE, className ].filter(Boolean).join(" ");
+    return jsx("nav", {
+        "aria-label": ariaLabel,
+        style: style,
+        children: jsx("ol", {
+            className: breadcrumbClasses,
+            children: items.map(((item, index) => {
+                const isLast = index === items.length - 1, itemClasses = [ BREADCRUMB.CLASSES.ITEM, item.active || isLast ? BREADCRUMB.CLASSES.ACTIVE : "" ].filter(Boolean).join(" "), linkContent = jsxs(Fragment, {
+                    children: [ item.icon && jsx("span", {
+                        className: "c-breadcrumb__icon",
+                        children: item.icon
+                    }), item.label ]
+                }), linkProps = {
+                    href: item.href,
+                    className: BREADCRUMB.CLASSES.LINK,
+                    onClick: item.onClick,
+                    style: item.style
+                };
+                return jsx("li", {
+                    className: itemClasses,
+                    style: item.style,
+                    children: item.href && !item.active ? jsx(LinkComponent || "a", {
+                        ...linkProps,
+                        children: linkContent
+                    }) : jsx("span", {
+                        className: BREADCRUMB.CLASSES.LINK,
+                        children: linkContent
+                    })
+                }, index);
+            }))
+        })
+    });
+}));
+
+Breadcrumb.displayName = "Breadcrumb";
+
+const Spinner =  memo((({size: size = "md", variant: variant = "primary", fullscreen: fullscreen = !1, className: className = "", style: style, glass: glass}) => {
+    const {generateSpinnerClass: generateSpinnerClass} = 
+    /**
+ * Spinner state and functionality
+ * @param initialProps - Initial spinner properties
+ * @returns Spinner state and methods
+ */
+    function(initialProps) {
+        // Default spinner properties
+        const defaultProps = {
+            variant: "primary",
+            size: "md",
+            fullscreen: !1,
+            ...initialProps
+        };
+        /**
+   * Generate spinner class based on properties
+   * @param props - Spinner properties
+   * @returns Class string
+   */        return {
+            defaultProps: defaultProps,
+            generateSpinnerClass: props => {
+                const {variant: variant = defaultProps.variant, size: size = defaultProps.size, fullscreen: fullscreen = defaultProps.fullscreen, className: className = ""} = props;
+                return `c-spinner ${variant ? `c-spinner--${variant}` : ""} ${"md" !== size ? `c-spinner--${size}` : ""} ${fullscreen ? "c-spinner--fullscreen" : ""} ${className}`.trim();
+            }
+        };
+    }({
+        size: size,
+        variant: variant,
+        fullscreen: fullscreen
+    }), spinnerClass = generateSpinnerClass({
+        size: size,
+        variant: variant,
+        fullscreen: fullscreen,
+        className: `${className} ${glass ? "c-spinner--glass" : ""}`.trim()
+    }), spinnerContent = jsx("div", {
+        className: spinnerClass,
+        style: style,
+        role: "status",
+        children: jsx("span", {
+            className: "u-visually-hidden",
+            children: "Loading..."
+        })
+    });
+    if (glass) {
+        const defaultGlassProps = {
+            displacementScale: 20,
+            blurAmount: 1,
+            cornerRadius: 999,
+            mode: "shader"
+        }, glassProps = !0 === glass ? defaultGlassProps : {
+            ...defaultGlassProps,
+            ...glass
+        };
+        return jsx(AtomixGlass, {
+            ...glassProps,
+            children: spinnerContent
+        });
+    }
+    return spinnerContent;
+}));
+
+Spinner.displayName = "Spinner";
+
+// Map string sizes to pixel values
+const sizeMap = {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 32,
+    xl: 40
+}, Icon = ({name: name, size: size = "md", weight: weight = "regular", color: color, className: className = "", style: style, alt: alt}) => {
+    // Get the icon component from Phosphor
+    const IconComponent = PhosphorIcons[name];
+    return IconComponent ? jsx("span", {
+        className: `c-icon c-icon--${size} ${className}`,
+        style: style,
+        "aria-hidden": !alt,
+        title: alt,
+        children: jsx(IconComponent, {
+            size: "string" == typeof size ? sizeMap[size] || 24 : size,
+            weight: weight,
+            color: color,
+            "aria-label": alt
+        })
+    }) : (console.warn(`Icon "${name}" not found in Phosphor Icons`), null);
+    // Convert string size to pixel value if needed
+};
+
+/**
+ * Icon component that displays a Phosphor icon
+ */ Icon.displayName = "Icon";
+
+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, ariaLabel: ariaLabel, ariaDescribedBy: ariaDescribedBy, ariaExpanded: ariaExpanded, ariaControls: ariaControls, tabIndex: tabIndex, style: style, LinkComponent: LinkComponent, ...props}, ref) => {
+    const isDisabled = disabled || loading, shouldRenderAsLink = Boolean(href && !isDisabled), iconElement = useMemo((() => loading ? null : iconName ? jsx(Icon, {
+        name: iconName,
+        size: iconSize
+    }) : icon), [ icon, iconName, iconSize, loading ]), {generateButtonClass: generateButtonClass, handleClick: handleClick} = 
+    /**
+ * Button state and functionality
+ * @param initialProps - Initial button properties
+ * @returns Button state and methods
+ */
+    function(initialProps) {
+        // Default button properties
+        const defaultProps = {
+            variant: "primary",
+            size: "md",
+            disabled: !1,
+            rounded: !1,
+            loading: !1,
+            fullWidth: !1,
+            block: !1,
+            active: !1,
+            selected: !1,
+            ...initialProps
+        };
+        /**
+   * Generate button class based on properties
+   * @param props - Button properties
+   * @returns Class string
+   */        return {
+            defaultProps: defaultProps,
+            generateButtonClass: props => {
+                const {variant: variant = defaultProps.variant, size: size = defaultProps.size, disabled: disabled = defaultProps.disabled, rounded: rounded = defaultProps.rounded, iconOnly: iconOnly = !1, glass: glass = defaultProps.glass, loading: loading = defaultProps.loading, fullWidth: fullWidth = defaultProps.fullWidth, block: block = defaultProps.block, active: active = defaultProps.active, selected: selected = defaultProps.selected, className: className = ""} = props, sizeClass = "md" === size ? "" : `c-btn--${size}`, iconOnlyClass = iconOnly ? "c-btn--icon" : "", roundedClass = rounded ? "c-btn--rounded" : "", disabledClass = disabled ? "c-btn--disabled" : "", glassClass = glass ? "c-btn--glass" : "", loadingClass = loading ? BUTTON.CLASSES.LOADING : "", fullWidthClass = fullWidth ? BUTTON.CLASSES.FULL_WIDTH : "", blockClass = block ? BUTTON.CLASSES.BLOCK : "", activeClass = active ? BUTTON.CLASSES.ACTIVE : "", selectedClass = selected ? BUTTON.CLASSES.SELECTED : "";
+                return [ BUTTON.BASE_CLASS, `c-btn--${variant}`, sizeClass, iconOnlyClass, roundedClass, disabledClass, glassClass, loadingClass, fullWidthClass, blockClass, activeClass, selectedClass, className ].filter(Boolean).join(" ");
+            },
+            handleClick: handler => event => {
+                defaultProps.disabled || defaultProps.loading || !handler || handler(event);
+            }
+        };
+    }({
+        variant: variant,
+        size: size,
+        disabled: isDisabled,
+        rounded: rounded,
+        glass: glass,
+        loading: loading,
+        fullWidth: fullWidth,
+        block: block,
+        active: active,
+        selected: selected
+    }), buttonClass = useMemo((() => generateButtonClass({
+        variant: variant,
+        size: size,
+        disabled: isDisabled,
+        rounded: rounded,
+        iconOnly: iconOnly,
+        glass: glass,
+        loading: loading,
+        fullWidth: fullWidth,
+        block: block,
+        active: active,
+        selected: selected,
+        className: className
+    })), [ variant, size, isDisabled, rounded, iconOnly, glass, loading, fullWidth, block, active, selected, className, generateButtonClass ]), handleClickEvent = useCallback((event => {
+        isDisabled ? event.preventDefault() : onClick?.(event);
+    }), [ isDisabled, onClick ]), handleMouseEnter = useCallback((event => {
+        isDisabled || onHover?.(event);
+    }), [ isDisabled, onHover ]), handleFocusEvent = useCallback((event => {
+        isDisabled || onFocus?.(event);
+    }), [ isDisabled, onFocus ]), handleBlurEvent = useCallback((event => {
+        isDisabled || onBlur?.(event);
+    }), [ isDisabled, onBlur ]), buttonText = useMemo((() => loading && loadingText ? loadingText : label || children), [ loading, loadingText, label, children ]), spinnerSize = useMemo((() => "sm" === size ? "sm" : "lg" === size ? "md" : "sm"), [ size ]), buttonContent = useMemo((() => {
+        const iconSpan = iconElement && jsx("span", {
+            className: BUTTON.ICON_CLASS,
+            "aria-hidden": "true",
+            children: iconElement
+        }), spinnerElement = loading && jsx("span", {
+            className: BUTTON.SPINNER_CLASS,
+            "aria-hidden": "true",
+            children: jsx(Spinner, {
+                size: spinnerSize,
+                variant: "link" === variant || "string" == typeof variant && variant.startsWith("outline-") ? "primary" : "danger" === variant ? "error" : variant
+            })
+        }), labelElement = !iconOnly && buttonText && jsx("span", {
+            className: BUTTON.LABEL_CLASS,
+            children: buttonText
+        });
+        return jsxs(Fragment, "end" === iconPosition ? {
+            children: [ labelElement, spinnerElement, iconSpan ]
+        } : {
+            children: [ spinnerElement, iconSpan, labelElement ]
+        });
+    }), [ iconElement, iconPosition, iconOnly, buttonText, loading, spinnerSize, variant ]), buttonProps = useMemo((() => ({
+        ref: ref,
+        className: buttonClass,
+        type: "button" !== Component || shouldRenderAsLink ? void 0 : type,
+        onClick: handleClickEvent,
+        onMouseEnter: onHover ? handleMouseEnter : void 0,
+        onFocus: onFocus ? handleFocusEvent : void 0,
+        onBlur: onBlur ? handleBlurEvent : void 0,
+        disabled: isDisabled && "button" === Component && !shouldRenderAsLink,
+        "aria-disabled": isDisabled,
+        "aria-busy": loading,
+        "aria-label": ariaLabel || (iconOnly ? label || children : void 0),
+        "aria-describedby": ariaDescribedBy,
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        tabIndex: void 0 !== tabIndex ? tabIndex : isDisabled ? -1 : 0,
+        style: style,
+        ...props
+    })), [ ref, buttonClass, Component, type, handleClickEvent, handleMouseEnter, handleFocusEvent, handleBlurEvent, isDisabled, loading, ariaLabel, iconOnly, label, children, ariaDescribedBy, ariaExpanded, ariaControls, tabIndex, style, props ]);
+    // Determine if we should render as a link
+        // Render as anchor if href is provided
+    if (shouldRenderAsLink) {
+        const {ref: _, ...buttonPropsWithoutRef} = buttonProps, anchorButtonProps = {
+            ...buttonPropsWithoutRef,
+            type: void 0,
+            disabled: void 0
+        };
+        // Use custom LinkComponent if provided (e.g., Next.js Link)
+        if (LinkComponent) {
+            const LinkComp = LinkComponent, linkProps = {
+                ...anchorButtonProps,
+                ref: ref,
+                href: href,
+                target: target,
+                rel: "_blank" === target ? "noopener noreferrer" : void 0
+            }, linkElement = jsx(LinkComp, {
+                ...linkProps,
+                children: buttonContent
+            });
+            if (glass) {
+                const defaultGlassProps = {
+                    displacementScale: 20,
+                    blurAmount: 0,
+                    saturation: 200,
+                    elasticity: 0
+                }, glassProps = !0 === glass ? defaultGlassProps : {
+                    ...defaultGlassProps,
+                    ...glass
+                };
+                return jsx(AtomixGlass, {
+                    ...glassProps,
+                    children: linkElement
+                });
+            }
+            return linkElement;
+        }
+        // Fallback to regular anchor tag
+                const anchorElement = jsx("a", {
+            ...anchorButtonProps,
+            ref: ref,
+            href: href,
+            target: target,
+            rel: "_blank" === target ? "noopener noreferrer" : void 0,
+            children: buttonContent
+        });
+        if (glass) {
+            const defaultGlassProps = {
+                displacementScale: 20,
+                blurAmount: 0,
+                saturation: 200,
+                elasticity: 0
+            }, glassProps = !0 === glass ? defaultGlassProps : {
+                ...defaultGlassProps,
+                ...glass
+            };
+            return jsx(AtomixGlass, {
+                ...glassProps,
+                children: anchorElement
+            });
+        }
+        return anchorElement;
+    }
+    // Default button rendering
+        if (glass) {
+        const defaultGlassProps = {
+            displacementScale: 20,
+            blurAmount: 0,
+            saturation: 200,
+            elasticity: 0
+        }, glassProps = !0 === glass ? defaultGlassProps : {
+            ...defaultGlassProps,
+            ...glass
+        };
+        return jsx(AtomixGlass, {
+            ...glassProps,
+            children: jsx(Component, {
+                ...buttonProps,
+                children: buttonContent
+            })
+        });
+    }
+    return jsx(Component, {
+        ...buttonProps,
+        children: buttonContent
+    });
+})));
+
+Button.displayName = "Button";
+
+const Card =  React.memo( forwardRef((({
+// Variants
+size: size = "md", variant: variant = "", appearance: appearance = "filled", elevation: elevation = "none", hoverable: hoverable = !1, hoverElevation: hoverElevation = "md", 
+// Layout
+row: row = !1, flat: flat = !1, 
+// States
+active: active = !1, disabled: disabled = !1, loading: loading = !1, selected: selected = !1, interactive: interactive = !1, 
+// Content
+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, 
+// Glass
+glass: glass, 
+// Accessibility
+role: role, ariaLabel: ariaLabel, ariaDescribedBy: ariaDescribedBy, tabIndex: tabIndex, 
+// Styling
+className: className = "", style: style, ...rest}, ref) => {
+    // Determine if card is clickable/interactive
+    const isClickable = Boolean(onClick || href || interactive), isDisabled = disabled || loading, cardClasses = useMemo((() => [ CARD.CLASSES.BASE, 
+    // Size modifiers
+    "sm" === size ? CARD.CLASSES.SM : "", "md" === size ? CARD.CLASSES.MD : "", "lg" === size ? CARD.CLASSES.LG : "", 
+    // Variant modifiers (will be handled in SCSS with @each)
+    variant ? `c-card--${variant}` : "", 
+    // Appearance modifiers
+    "filled" === appearance ? CARD.CLASSES.FILLED : "", "outlined" === appearance ? CARD.CLASSES.OUTLINED : "", "ghost" === appearance ? CARD.CLASSES.GHOST : "", "elevated" === appearance ? CARD.CLASSES.ELEVATED : "", 
+    // Elevation modifiers
+    "none" === elevation ? CARD.CLASSES.ELEVATION_NONE : "", "sm" === elevation ? CARD.CLASSES.ELEVATION_SM : "", "md" === elevation ? CARD.CLASSES.ELEVATION_MD : "", "lg" === elevation ? CARD.CLASSES.ELEVATION_LG : "", "xl" === elevation ? CARD.CLASSES.ELEVATION_XL : "", 
+    // Hoverable modifier
+    hoverable ? "c-card--hoverable" : "", hoverable && hoverElevation ? `c-card--hover-elevation-${hoverElevation}` : "", 
+    // Layout modifiers
+    row ? CARD.CLASSES.ROW : "", flat ? CARD.CLASSES.FLAT : "", 
+    // State modifiers
+    active ? CARD.CLASSES.ACTIVE : "", disabled ? CARD.CLASSES.DISABLED : "", loading ? CARD.CLASSES.LOADING : "", selected ? CARD.CLASSES.SELECTED : "", interactive || isClickable ? CARD.CLASSES.INTERACTIVE : "", glass ? CARD.CLASSES.GLASS : "", className ].filter(Boolean).join(" ")), [ size, variant, appearance, elevation, hoverable, hoverElevation, row, flat, active, disabled, loading, selected, interactive, isClickable, glass, className ]), cardRole = useMemo((() => role || (href ? "link" : isClickable ? "button" : "article")), [ role, href, isClickable ]), handleClick = useCallback((event => {
+        isDisabled ? event.preventDefault() : onClick?.(event);
+    }), [ isDisabled, onClick ]), handleKeyDown = useCallback((event => {
+        isDisabled ? event.preventDefault() : 
+        // Enter or Space activates clickable cards
+        !isClickable || "Enter" !== event.key && " " !== event.key || (event.preventDefault(), 
+        onClick && onClick(event));
+    }), [ isDisabled, isClickable, onClick ]), handleMouseEnter = useCallback((event => {
+        isDisabled || onHover?.(event);
+    }), [ isDisabled, onHover ]), handleFocusEvent = useCallback((event => {
+        isDisabled || onFocus?.(event);
+    }), [ isDisabled, onFocus ]), effectiveTabIndex = useMemo((() => void 0 !== tabIndex ? tabIndex : isDisabled ? -1 : isClickable ? 0 : void 0), [ tabIndex, isDisabled, isClickable ]), cardContent = useMemo((() => jsxs(Fragment, {
+        children: [ loading && jsx("div", {
+            className: "c-card__loading",
+            "aria-label": "Loading",
+            children: jsx("div", {
+                className: "c-card__spinner"
+            })
+        }), (image || icon || header) && jsxs("div", {
+            className: CARD.SELECTORS.HEADER.substring(1),
+            children: [ header, image && jsx("img", {
+                src: image,
+                alt: imageAlt,
+                className: CARD.SELECTORS.IMAGE.substring(1),
+                loading: "lazy"
+            }), icon && jsx("div", {
+                className: CARD.SELECTORS.ICON.substring(1),
+                children: icon
+            }) ]
+        }), jsxs("div", {
+            className: CARD.SELECTORS.BODY.substring(1),
+            children: [ title && jsx("h3", {
+                className: CARD.SELECTORS.TITLE.substring(1),
+                children: title
+            }), text && jsx("p", {
+                className: CARD.SELECTORS.TEXT.substring(1),
+                children: text
+            }), children ]
+        }), actions && jsx("div", {
+            className: CARD.SELECTORS.ACTIONS.substring(1),
+            children: actions
+        }), footer && jsx("div", {
+            className: CARD.SELECTORS.FOOTER.substring(1),
+            children: footer
+        }) ]
+    })), [ loading, image, imageAlt, icon, header, title, text, children, actions, footer ]), commonProps = {
+        // ref is applied individually to ensure correct typing for polymorphic behavior
+        className: cardClasses,
+        style: style,
+        role: cardRole,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-disabled": !!isDisabled || void 0,
+        tabIndex: effectiveTabIndex,
+        onClick: isClickable ? handleClick : void 0,
+        onKeyDown: isClickable ? handleKeyDown : void 0,
+        onMouseEnter: onHover ? handleMouseEnter : void 0,
+        onFocus: onFocus ? handleFocusEvent : void 0,
+        ...rest
+    };
+    // Render as anchor if href is provided
+    if (href && !isDisabled) {
+        const anchorElement = jsx("a", {
+            ...commonProps,
+            ref: ref,
+            href: href,
+            target: target,
+            rel: "_blank" === target ? "noopener noreferrer" : void 0,
+            children: cardContent
+        });
+        return glass ? jsx(AtomixGlass, {
+            ...!0 === glass ? {} : glass,
+            elasticity: 0,
+            children: anchorElement
+        }) : anchorElement;
+    }
+    // Render as div
+        const divElement = jsx("div", {
+        ...commonProps,
+        ref: ref,
+        children: cardContent
+    });
+    return glass ? jsx(AtomixGlass, {
+        ...!0 === glass ? {} : glass,
+        elasticity: 0,
+        children: divElement
+    }) : divElement;
+})));
+
+Card.displayName = "Card";
+
+const CardHeader =  forwardRef((({title: title, subtitle: subtitle, action: action, icon: icon, children: children, className: className = "", ...props}, ref) => {
+    const headerClasses = `${CARD.SELECTORS.HEADER.substring(1)} ${className}`.trim();
+    return jsxs("div", {
+        ref: ref,
+        className: headerClasses,
+        ...props,
+        children: [ icon && jsx("div", {
+            className: CARD.SELECTORS.ICON.substring(1),
+            children: icon
+        }), (title || subtitle) && jsxs("div", {
+            children: [ title && jsx("h3", {
+                className: CARD.SELECTORS.TITLE.substring(1),
+                children: title
+            }), subtitle && jsx("p", {
+                className: CARD.SELECTORS.TEXT.substring(1),
+                children: subtitle
+            }) ]
+        }), action && jsx("div", {
+            className: CARD.SELECTORS.ACTIONS.substring(1),
+            children: action
+        }), children ]
+    });
+}));
+
+CardHeader.displayName = "CardHeader";
+
+const CardBody =  forwardRef((({scrollable: scrollable = !1, maxHeight: maxHeight, children: children, className: className = "", style: style, ...props}, ref) => {
+    const bodyClasses = `${CARD.SELECTORS.BODY.substring(1)} ${scrollable ? "c-card__body--scrollable" : ""} ${className}`.trim(), bodyStyle = {
+        ...style,
+        ...scrollable && maxHeight ? {
+            maxHeight: "number" == typeof maxHeight ? `${maxHeight}px` : maxHeight,
+            overflowY: "auto"
+        } : {}
+    };
+    return jsx("div", {
+        ref: ref,
+        className: bodyClasses,
+        style: bodyStyle,
+        ...props,
+        children: children
+    });
+}));
+
+CardBody.displayName = "CardBody";
+
+const CardFooter =  forwardRef((({align: align, children: children, className: className = "", style: style, ...props}, ref) => {
+    const footerClasses = `${CARD.SELECTORS.FOOTER.substring(1)} ${align ? `c-card__footer--align-${align}` : ""} ${className}`.trim();
+    return jsx("div", {
+        ref: ref,
+        className: footerClasses,
+        style: style,
+        ...props,
+        children: children
+    });
+}));
+
+CardFooter.displayName = "CardFooter", 
+// Attach subcomponents to Card
+Card.Header = CardHeader, Card.Body = CardBody, Card.Footer = CardFooter;
+
+/**
+ * Hook for managing Card component state and behaviors
+ *
+ * @param options - Configuration options for the card
+ * @returns Card state and handlers
+ */
+const ElevationCard = ({elevationClass: elevationClass = "is-elevated", className: className = "", style: style, children: children, onClick: onClick, ...props}) => {
+    const {getCardProps: getCardProps} = ((options = {}) => {
+        const {elevationEffect: elevationEffect = !1, elevationClass: elevationClass = CARD.CLASSES.ACTIVE, flipEffect: flipEffect = !1, flipTrigger: flipTrigger = "click", focusEffect: focusEffect = !1, clickable: clickable = !1, onClick: onClick} = options, cardRef = useRef(null), frontRef = useRef(null), backRef = useRef(null), [isFlipped, setIsFlipped] = useState(!1), [isElevated, setIsElevated] = useState(!1), [isFocused, setIsFocused] = useState(!1), [isHovered, setIsHovered] = useState(!1), handleClick = useCallback((event => {
+            flipEffect && "click" === flipTrigger && setIsFlipped((prev => !prev)), onClick && onClick(event);
+        }), [ flipEffect, flipTrigger, onClick ]), handleKeyDown = useCallback((event => {
+            "Enter" !== event.key && " " !== event.key || (event.preventDefault(), flipEffect && "click" === flipTrigger && setIsFlipped((prev => !prev)), 
+            onClick && onClick(event));
+        }), [ flipEffect, flipTrigger, onClick ]), handleMouseEnter = useCallback((() => {
+            setIsHovered(!0), elevationEffect && setIsElevated(!0), flipEffect && "hover" === flipTrigger && setIsFlipped(!0);
+        }), [ elevationEffect, flipEffect, flipTrigger ]), handleMouseLeave = useCallback((() => {
+            setIsHovered(!1), elevationEffect && setIsElevated(!1), flipEffect && "hover" === flipTrigger && setIsFlipped(!1);
+        }), [ elevationEffect, flipEffect, flipTrigger ]), handleFocus = useCallback((() => {
+            setIsFocused(!0);
+        }), []), handleBlur = useCallback((() => {
+            setIsFocused(!1);
+        }), []), getCardProps = useCallback((() => ({
+            className: [ CARD.CLASSES.BASE, isElevated ? elevationClass : "", isFlipped ? CARD.CLASSES.FLIPPED : "", isFocused && focusEffect ? CARD.CLASSES.FOCUSED : "", clickable ? CARD.CLASSES.CLICKABLE : "" ].filter(Boolean).join(" "),
+            ref: cardRef,
+            tabxwIndex: clickable || flipEffect ? 0 : -1,
+            role: clickable ? "button" : void 0,
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onClick: handleClick,
+            onKeyDown: handleKeyDown
+        })), [ isElevated, isFlipped, isFocused, elevationClass, focusEffect, clickable, handleMouseEnter, handleMouseLeave, handleFocus, handleBlur, handleClick, handleKeyDown, flipEffect ]);
+        return {
+            cardRef: cardRef,
+            frontRef: frontRef,
+            backRef: backRef,
+            isFlipped: isFlipped,
+            isElevated: isElevated,
+            isFocused: isFocused,
+            isHovered: isHovered,
+            handleClick: handleClick,
+            handleKeyDown: handleKeyDown,
+            handleMouseEnter: handleMouseEnter,
+            handleMouseLeave: handleMouseLeave,
+            handleFocus: handleFocus,
+            handleBlur: handleBlur,
+            getCardProps: getCardProps
+        };
+    })({
+        elevationEffect: !0,
+        elevationClass: elevationClass,
+        clickable: Boolean(onClick),
+        onClick: onClick,
+        focusEffect: !0
+    }), cardProps = getCardProps();
+    return jsx("div", {
+        className: `${className} ${cardProps.className}`,
+        ref: cardProps.ref,
+        style: style,
+        tabIndex: cardProps.tabIndex,
+        role: cardProps.role,
+        onMouseEnter: cardProps.onMouseEnter,
+        onMouseLeave: cardProps.onMouseLeave,
+        onFocus: cardProps.onFocus,
+        onBlur: cardProps.onBlur,
+        onClick: cardProps.onClick,
+        onKeyDown: cardProps.onKeyDown,
+        children: jsx(Card, {
+            ...props,
+            className: "",
+            onClick: void 0,
+            children: children
+        })
+    });
+};
+
+ElevationCard.displayName = "ElevationCard";
+
+var commonjsGlobal = "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {};
+
+function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
+}
+
+var fails$8 = function(exec) {
+    try {
+        return !!exec();
+    } catch (error) {
+        return !0;
+    }
+}, functionBindNative = !fails$8((function() {
+    // eslint-disable-next-line es/no-function-prototype-bind -- safe
+    var test = function() {/* empty */}.bind();
+    // eslint-disable-next-line no-prototype-builtins -- safe
+        return "function" != typeof test || test.hasOwnProperty("prototype");
+})), NATIVE_BIND$3 = functionBindNative, FunctionPrototype$1 = Function.prototype, call$5 = FunctionPrototype$1.call, uncurryThisWithBind = NATIVE_BIND$3 && FunctionPrototype$1.bind.bind(call$5, call$5), functionUncurryThis = NATIVE_BIND$3 ? uncurryThisWithBind : function(fn) {
+    return function() {
+        return call$5.apply(fn, arguments);
+    };
+}, objectIsPrototypeOf = functionUncurryThis({}.isPrototypeOf), check = function(it) {
+    return it && it.Math === Math && it;
+}, globalThis_1 = 
+// eslint-disable-next-line es/no-global-this -- safe
+check("object" == typeof globalThis && globalThis) || check("object" == typeof window && window) || 
+// eslint-disable-next-line no-restricted-globals -- safe
+check("object" == typeof self && self) || check("object" == typeof commonjsGlobal && commonjsGlobal) || check("object" == typeof commonjsGlobal && commonjsGlobal) || 
+// eslint-disable-next-line no-new-func -- fallback
+function() {
+    return this;
+}() || Function("return this")(), NATIVE_BIND$2 = functionBindNative, FunctionPrototype = Function.prototype, apply$1 = FunctionPrototype.apply, call$4 = FunctionPrototype.call, functionApply = "object" == typeof Reflect && Reflect.apply || (NATIVE_BIND$2 ? call$4.bind(apply$1) : function() {
+    return call$4.apply(apply$1, arguments);
+}), uncurryThis$7 = functionUncurryThis, toString$3 = uncurryThis$7({}.toString), stringSlice = uncurryThis$7("".slice), classofRaw$2 = function(it) {
+    return stringSlice(toString$3(it), 8, -1);
+}, classofRaw$1 = classofRaw$2, uncurryThis$6 = functionUncurryThis, functionUncurryThisClause = function(fn) {
+    // Nashorn bug:
+    //   https://github.com/zloirock/core-js/issues/1128
+    //   https://github.com/zloirock/core-js/issues/1130
+    if ("Function" === classofRaw$1(fn)) return uncurryThis$6(fn);
+}, documentAll = "object" == typeof document && document.all, isCallable$8 = void 0 === documentAll && void 0 !== documentAll ? function(argument) {
+    return "function" == typeof argument || argument === documentAll;
+} : function(argument) {
+    return "function" == typeof argument;
+}, objectGetOwnPropertyDescriptor = {}, descriptors = !fails$8((function() {
+    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+    return 7 !== Object.defineProperty({}, 1, {
+        get: function() {
+            return 7;
+        }
+    })[1];
+})), NATIVE_BIND$1 = functionBindNative, call$3 = Function.prototype.call, functionCall = NATIVE_BIND$1 ? call$3.bind(call$3) : function() {
+    return call$3.apply(call$3, arguments);
+}, objectPropertyIsEnumerable = {}, $propertyIsEnumerable = {}.propertyIsEnumerable, getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor, NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({
+    1: 2
+}, 1);
+
+// `Object.prototype.propertyIsEnumerable` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+objectPropertyIsEnumerable.f = NASHORN_BUG ? function(V) {
+    var descriptor = getOwnPropertyDescriptor$1(this, V);
+    return !!descriptor && descriptor.enumerable;
+} : $propertyIsEnumerable;
+
+var match, version, createPropertyDescriptor$2 = function(bitmap, value) {
+    return {
+        enumerable: !(1 & bitmap),
+        configurable: !(2 & bitmap),
+        writable: !(4 & bitmap),
+        value: value
+    };
+}, fails$5 = fails$8, classof$3 = classofRaw$2, $Object$3 = Object, split = functionUncurryThis("".split), indexedObject = fails$5((function() {
+    // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+    // eslint-disable-next-line no-prototype-builtins -- safe
+    return !$Object$3("z").propertyIsEnumerable(0);
+})) ? function(it) {
+    return "String" === classof$3(it) ? split(it, "") : $Object$3(it);
+} : $Object$3, isNullOrUndefined$2 = function(it) {
+    return null == it;
+}, isNullOrUndefined$1 = isNullOrUndefined$2, $TypeError$6 = TypeError, requireObjectCoercible$3 = function(it) {
+    if (isNullOrUndefined$1(it)) throw new $TypeError$6("Can't call method on " + it);
+    return it;
+}, IndexedObject = indexedObject, requireObjectCoercible$2 = requireObjectCoercible$3, toIndexedObject$2 = function(it) {
+    return IndexedObject(requireObjectCoercible$2(it));
+}, isCallable$7 = isCallable$8, isObject$5 = function(it) {
+    return "object" == typeof it ? null !== it : isCallable$7(it);
+}, path$3 = {}, path$2 = path$3, globalThis$a = globalThis_1, isCallable$6 = isCallable$8, aFunction = function(variable) {
+    return isCallable$6(variable) ? variable : void 0;
+}, navigator = globalThis_1.navigator, userAgent$1 = navigator && navigator.userAgent, globalThis$8 = globalThis_1, userAgent = userAgent$1 ? String(userAgent$1) : "", process$1 = globalThis$8.process, Deno = globalThis$8.Deno, versions = process$1 && process$1.versions || Deno && Deno.version, v8 = versions && versions.v8;
+
+v8 && (
+// in old Chrome, versions of V8 isn't V8 = Chrome / 10
+// but their correct versions are not interesting for us
+version = (match = v8.split("."))[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1])), 
+// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
+// so check `userAgent` even if `.v8` exists, but 0
+!version && userAgent && (!(match = userAgent.match(/Edge\/(\d+)/)) || match[1] >= 74) && (match = userAgent.match(/Chrome\/(\d+)/)) && (version = +match[1]);
+
+var V8_VERSION = version, fails$4 = fails$8, $String$3 = globalThis_1.String, symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$4((function() {
+    var symbol = Symbol("symbol detection");
+    // Chrome 38 Symbol has incorrect toString conversion
+    // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
+    // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
+    // of course, fail.
+        return !$String$3(symbol) || !(Object(symbol) instanceof Symbol) || 
+    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
+    !Symbol.sham && V8_VERSION && V8_VERSION < 41;
+})), useSymbolAsUid = symbolConstructorDetection && !Symbol.sham && "symbol" == typeof Symbol.iterator, isCallable$5 = isCallable$8, isPrototypeOf$1 = objectIsPrototypeOf, $Object$2 = Object, isSymbol$2 = useSymbolAsUid ? function(it) {
+    return "symbol" == typeof it;
+} : function(it) {
+    var $Symbol = function(namespace, method) {
+        return arguments.length < 2 ? aFunction(path$2[namespace]) || aFunction(globalThis$a[namespace]) : path$2[namespace] && path$2[namespace][method] || globalThis$a[namespace] && globalThis$a[namespace][method];
+    }("Symbol");
+    return isCallable$5($Symbol) && isPrototypeOf$1($Symbol.prototype, $Object$2(it));
+}, $String$2 = String, isCallable$4 = isCallable$8, $TypeError$5 = TypeError, aCallable$2 = function(argument) {
+    if (isCallable$4(argument)) return argument;
+    throw new $TypeError$5(function(argument) {
+        try {
+            return $String$2(argument);
+        } catch (error) {
+            return "Object";
+        }
+    }(argument) + " is not a function");
+}, aCallable$1 = aCallable$2, isNullOrUndefined = isNullOrUndefined$2, call$2 = functionCall, isCallable$3 = isCallable$8, isObject$4 = isObject$5, $TypeError$4 = TypeError, sharedStore = {
+    exports: {}
+}, globalThis$6 = globalThis_1, defineProperty = Object.defineProperty, globalThis$5 = globalThis_1, store$1 = sharedStore.exports = globalThis$5["__core-js_shared__"] || function(key, value) {
+    try {
+        defineProperty(globalThis$6, key, {
+            value: value,
+            configurable: !0,
+            writable: !0
+        });
+    } catch (error) {
+        globalThis$6[key] = value;
+    }
+    return value;
+}("__core-js_shared__", {});
+
+/* eslint-disable es/no-symbol -- required for testing */ (store$1.versions || (store$1.versions = [])).push({
+    version: "3.43.0",
+    mode: "pure",
+    copyright: "© 2014-2025 Denis Pushkarev (zloirock.ru)",
+    license: "https://github.com/zloirock/core-js/blob/v3.43.0/LICENSE",
+    source: "https://github.com/zloirock/core-js"
+});
+
+var key, value, store = sharedStore.exports, requireObjectCoercible$1 = requireObjectCoercible$3, $Object$1 = Object, hasOwnProperty = functionUncurryThis({}.hasOwnProperty), hasOwnProperty_1 = Object.hasOwn || function(it, key) {
+    return hasOwnProperty($Object$1(requireObjectCoercible$1(it)), key);
+}, uncurryThis$3 = functionUncurryThis, id = 0, postfix = Math.random(), toString$2 = uncurryThis$3(1.1.toString), hasOwn$2 = hasOwnProperty_1, NATIVE_SYMBOL = symbolConstructorDetection, USE_SYMBOL_AS_UID = useSymbolAsUid, Symbol$1 = globalThis_1.Symbol, WellKnownSymbolsStore = store[key = "wks"] || (store[key] = value || {}), createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1.for || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || function(key) {
+    return "Symbol(" + (void 0 === key ? "" : key) + ")_" + toString$2(++id + postfix, 36);
+}, wellKnownSymbol$5 = function(name) {
+    return hasOwn$2(WellKnownSymbolsStore, name) || (WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$2(Symbol$1, name) ? Symbol$1[name] : createWellKnownSymbol("Symbol." + name)), 
+    WellKnownSymbolsStore[name];
+}, call$1 = functionCall, isObject$3 = isObject$5, isSymbol$1 = isSymbol$2, $TypeError$3 = TypeError, TO_PRIMITIVE = wellKnownSymbol$5("toPrimitive"), toPrimitive = function(input, pref) {
+    if (!isObject$3(input) || isSymbol$1(input)) return input;
+    var result, func, exoticToPrim = (func = input[TO_PRIMITIVE], isNullOrUndefined(func) ? void 0 : aCallable$1(func));
+    if (exoticToPrim) {
+        if (void 0 === pref && (pref = "default"), result = call$1(exoticToPrim, input, pref), 
+        !isObject$3(result) || isSymbol$1(result)) return result;
+        throw new $TypeError$3("Can't convert object to primitive value");
+    }
+    return void 0 === pref && (pref = "number"), function(input, pref) {
+        var fn, val;
+        if ("string" === pref && isCallable$3(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
+        if (isCallable$3(fn = input.valueOf) && !isObject$4(val = call$2(fn, input))) return val;
+        if ("string" !== pref && isCallable$3(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
+        throw new $TypeError$4("Can't convert object to primitive value");
+    }(input, pref);
+}, isSymbol = isSymbol$2, toPropertyKey$2 = function(argument) {
+    var key = toPrimitive(argument, "string");
+    return isSymbol(key) ? key : key + "";
+}, isObject$2 = isObject$5, document$1 = globalThis_1.document, EXISTS = isObject$2(document$1) && isObject$2(document$1.createElement), ie8DomDefine = !descriptors && !fails$8((function() {
+    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+    return 7 !== Object.defineProperty((it = "div", EXISTS ? document$1.createElement(it) : {}), "a", {
+        get: function() {
+            return 7;
+        }
+    }).a;
+    var it;
+})), DESCRIPTORS$3 = descriptors, call = functionCall, propertyIsEnumerableModule = objectPropertyIsEnumerable, createPropertyDescriptor$1 = createPropertyDescriptor$2, toIndexedObject$1 = toIndexedObject$2, toPropertyKey$1 = toPropertyKey$2, hasOwn$1 = hasOwnProperty_1, IE8_DOM_DEFINE$1 = ie8DomDefine, $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$3 ? $getOwnPropertyDescriptor$1 : function(O, P) {
+    if (O = toIndexedObject$1(O), P = toPropertyKey$1(P), IE8_DOM_DEFINE$1) try {
+        return $getOwnPropertyDescriptor$1(O, P);
+    } catch (error) {/* empty */}
+    if (hasOwn$1(O, P)) return createPropertyDescriptor$1(!call(propertyIsEnumerableModule.f, O, P), O[P]);
+};
+
+var fails$2 = fails$8, isCallable$2 = isCallable$8, replacement = /#|\.prototype\./, isForced$1 = function(feature, detection) {
+    var value = data[normalize(feature)];
+    return value === POLYFILL || value !== NATIVE && (isCallable$2(detection) ? fails$2(detection) : !!detection);
+}, normalize = isForced$1.normalize = function(string) {
+    return String(string).replace(replacement, ".").toLowerCase();
+}, data = isForced$1.data = {}, NATIVE = isForced$1.NATIVE = "N", POLYFILL = isForced$1.POLYFILL = "P", isForced_1 = isForced$1, aCallable = aCallable$2, NATIVE_BIND = functionBindNative, bind$1 = functionUncurryThisClause(functionUncurryThisClause.bind), objectDefineProperty = {}, v8PrototypeDefineBug = descriptors && fails$8((function() {
+    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+    return 42 !== Object.defineProperty((function() {/* empty */}), "prototype", {
+        value: 42,
+        writable: !1
+    }).prototype;
+})), isObject$1 = isObject$5, $String$1 = String, $TypeError$2 = TypeError, DESCRIPTORS$1 = descriptors, IE8_DOM_DEFINE = ie8DomDefine, V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug, anObject = function(argument) {
+    if (isObject$1(argument)) return argument;
+    throw new $TypeError$2($String$1(argument) + " is not an object");
+}, toPropertyKey = toPropertyKey$2, $TypeError$1 = TypeError, $defineProperty = Object.defineProperty, $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// `Object.defineProperty` method
+// https://tc39.es/ecma262/#sec-object.defineproperty
+objectDefineProperty.f = DESCRIPTORS$1 ? V8_PROTOTYPE_DEFINE_BUG ? function(O, P, Attributes) {
+    if (anObject(O), P = toPropertyKey(P), anObject(Attributes), "function" == typeof O && "prototype" === P && "value" in Attributes && "writable" in Attributes && !Attributes.writable) {
+        var current = $getOwnPropertyDescriptor(O, P);
+        current && current.writable && (O[P] = Attributes.value, Attributes = {
+            configurable: "configurable" in Attributes ? Attributes.configurable : current.configurable,
+            enumerable: "enumerable" in Attributes ? Attributes.enumerable : current.enumerable,
+            writable: !1
+        });
+    }
+    return $defineProperty(O, P, Attributes);
+} : $defineProperty : function(O, P, Attributes) {
+    if (anObject(O), P = toPropertyKey(P), anObject(Attributes), IE8_DOM_DEFINE) try {
+        return $defineProperty(O, P, Attributes);
+    } catch (error) {/* empty */}
+    if ("get" in Attributes || "set" in Attributes) throw new $TypeError$1("Accessors not supported");
+    return "value" in Attributes && (O[P] = Attributes.value), O;
+};
+
+var definePropertyModule = objectDefineProperty, createPropertyDescriptor = createPropertyDescriptor$2, createNonEnumerableProperty$1 = descriptors ? function(object, key, value) {
+    return definePropertyModule.f(object, key, createPropertyDescriptor(1, value));
+} : function(object, key, value) {
+    return object[key] = value, object;
+}, globalThis$2 = globalThis_1, apply = functionApply, uncurryThis$1 = functionUncurryThisClause, isCallable$1 = isCallable$8, getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f, isForced = isForced_1, path$1 = path$3, bind = function(fn, that) {
+    return aCallable(fn), void 0 === that ? fn : NATIVE_BIND ? bind$1(fn, that) : function() {
+        return fn.apply(that, arguments);
+    };
+}, createNonEnumerableProperty = createNonEnumerableProperty$1, hasOwn = hasOwnProperty_1, wrapConstructor = function(NativeConstructor) {
+    var Wrapper = function(a, b, c) {
+        if (this instanceof Wrapper) {
+            switch (arguments.length) {
+              case 0:
+                return new NativeConstructor;
+
+              case 1:
+                return new NativeConstructor(a);
+
+              case 2:
+                return new NativeConstructor(a, b);
+            }
+            return new NativeConstructor(a, b, c);
+        }
+        return apply(NativeConstructor, this, arguments);
+    };
+    return Wrapper.prototype = NativeConstructor.prototype, Wrapper;
+}, _export = function(options, source) {
+    var FORCED, USE_NATIVE, VIRTUAL_PROTOTYPE, key, sourceProperty, targetProperty, nativeProperty, resultProperty, descriptor, TARGET = options.target, GLOBAL = options.global, STATIC = options.stat, PROTO = options.proto, nativeSource = GLOBAL ? globalThis$2 : STATIC ? globalThis$2[TARGET] : globalThis$2[TARGET] && globalThis$2[TARGET].prototype, target = GLOBAL ? path$1 : path$1[TARGET] || createNonEnumerableProperty(path$1, TARGET, {})[TARGET], targetPrototype = target.prototype;
+    for (key in source) 
+    // contains in native
+    USE_NATIVE = !(FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? "." : "#") + key, options.forced)) && nativeSource && hasOwn(nativeSource, key), 
+    targetProperty = target[key], USE_NATIVE && (nativeProperty = options.dontCallGetSet ? (descriptor = getOwnPropertyDescriptor(nativeSource, key)) && descriptor.value : nativeSource[key]), 
+    // export native or implementation
+    sourceProperty = USE_NATIVE && nativeProperty ? nativeProperty : source[key], (FORCED || PROTO || typeof targetProperty != typeof sourceProperty) && (
+    // bind methods to global for calling from export context
+    resultProperty = options.bind && USE_NATIVE ? bind(sourceProperty, globalThis$2) : options.wrap && USE_NATIVE ? wrapConstructor(sourceProperty) : PROTO && isCallable$1(sourceProperty) ? uncurryThis$1(sourceProperty) : sourceProperty, 
+    // add a flag to not completely full polyfills
+    (options.sham || sourceProperty && sourceProperty.sham || targetProperty && targetProperty.sham) && createNonEnumerableProperty(resultProperty, "sham", !0), 
+    createNonEnumerableProperty(target, key, resultProperty), PROTO && (hasOwn(path$1, VIRTUAL_PROTOTYPE = TARGET + "Prototype") || createNonEnumerableProperty(path$1, VIRTUAL_PROTOTYPE, {}), 
+    // export virtual prototype methods
+    createNonEnumerableProperty(path$1[VIRTUAL_PROTOTYPE], key, sourceProperty), 
+    // export real prototype methods
+    options.real && targetPrototype && (FORCED || !targetPrototype[key]) && createNonEnumerableProperty(targetPrototype, key, sourceProperty)));
+}, ceil = Math.ceil, floor = Math.floor, trunc = Math.trunc || function(x) {
+    var n = +x;
+    return (n > 0 ? floor : ceil)(n);
+}, toIntegerOrInfinity$2 = function(argument) {
+    var number = +argument;
+    // eslint-disable-next-line no-self-compare -- NaN check
+        return number != number || 0 === number ? 0 : trunc(number);
+}, toIntegerOrInfinity$1 = toIntegerOrInfinity$2, max = Math.max, min$1 = Math.min, toIntegerOrInfinity = toIntegerOrInfinity$2, min = Math.min, toIndexedObject = toIndexedObject$2, lengthOfArrayLike = function(obj) {
+    return argument = obj.length, (len = toIntegerOrInfinity(argument)) > 0 ? min(len, 9007199254740991) : 0;
+    var argument, len;
+}, createMethod = function(IS_INCLUDES) {
+    return function($this, el, fromIndex) {
+        var O = toIndexedObject($this), length = lengthOfArrayLike(O);
+        if (0 === length) return !IS_INCLUDES && -1;
+        var value, index = function(index, length) {
+            var integer = toIntegerOrInfinity$1(index);
+            return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+        }(fromIndex, length);
+        // Array#includes uses SameValueZero equality algorithm
+        // eslint-disable-next-line no-self-compare -- NaN check
+        if (IS_INCLUDES && el != el) {
+            for (;length > index; ) 
+            // eslint-disable-next-line no-self-compare -- NaN check
+            if ((value = O[index++]) != value) return !0;
+            // Array#indexOf ignores holes, Array#includes - not
+                } else for (;length > index; index++) if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+        return !IS_INCLUDES && -1;
+    };
+}, $includes = [ createMethod(!0), createMethod(!1) ][0];
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+_export({
+    target: "Array",
+    proto: !0,
+    forced: fails$8((function() {
+        // eslint-disable-next-line es/no-array-prototype-includes -- detection
+        return !Array(1).includes();
+    }))
+}, {
+    includes: function(el /* , fromIndex = 0 */) {
+        return $includes(this, el, arguments.length > 1 ? arguments[1] : void 0);
+    }
+});
+
+var globalThis$1 = globalThis_1, path = path$3, getBuiltInPrototypeMethod$2 = function(CONSTRUCTOR, METHOD) {
+    var Namespace = path[CONSTRUCTOR + "Prototype"], pureMethod = Namespace && Namespace[METHOD];
+    if (pureMethod) return pureMethod;
+    var NativeConstructor = globalThis$1[CONSTRUCTOR], NativePrototype = NativeConstructor && NativeConstructor.prototype;
+    return NativePrototype && NativePrototype[METHOD];
+}, includes$4 = getBuiltInPrototypeMethod$2("Array", "includes"), isObject = isObject$5, classof$2 = classofRaw$2, MATCH$1 = wellKnownSymbol$5("match"), $TypeError = TypeError, test = {};
+
+test[wellKnownSymbol$5("toStringTag")] = "z";
+
+var TO_STRING_TAG_SUPPORT = "[object z]" === String(test), isCallable = isCallable$8, classofRaw = classofRaw$2, TO_STRING_TAG = wellKnownSymbol$5("toStringTag"), $Object = Object, CORRECT_ARGUMENTS = "Arguments" === classofRaw(function() {
+    return arguments;
+}()), classof = TO_STRING_TAG_SUPPORT ? classofRaw : function(it) {
+    var O, tag, result;
+    return void 0 === it ? "Undefined" : null === it ? "Null" : "string" == typeof (tag = function(it, key) {
+        try {
+            return it[key];
+        } catch (error) {/* empty */}
+    }(O = $Object(it), TO_STRING_TAG)) ? tag : CORRECT_ARGUMENTS ? classofRaw(O) : "Object" === (result = classofRaw(O)) && isCallable(O.callee) ? "Arguments" : result;
+}, $String = String, MATCH = wellKnownSymbol$5("match"), $ = _export, notARegExp = function(it) {
+    if (function(it) {
+        var isRegExp;
+        return isObject(it) && (void 0 !== (isRegExp = it[MATCH$1]) ? !!isRegExp : "RegExp" === classof$2(it));
+    }(it)) throw new $TypeError("The method doesn't accept regular expressions");
+    return it;
+}, requireObjectCoercible = requireObjectCoercible$3, toString = function(argument) {
+    if ("Symbol" === classof(argument)) throw new TypeError("Cannot convert a Symbol value to a string");
+    return $String(argument);
+}, stringIndexOf = functionUncurryThis("".indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$({
+    target: "String",
+    proto: !0,
+    forced: !function(METHOD_NAME) {
+        var regexp = /./;
+        try {
+            "/./"[METHOD_NAME](regexp);
+        } catch (error1) {
+            try {
+                return regexp[MATCH] = !1, "/./"[METHOD_NAME](regexp);
+            } catch (error2) {/* empty */}
+        }
+        return !1;
+    }("includes")
+}, {
+    includes: function(searchString /* , position = 0 */) {
+        return !!~stringIndexOf(toString(requireObjectCoercible(this)), toString(notARegExp(searchString)), arguments.length > 1 ? arguments[1] : void 0);
+    }
+});
+
+var includes$3 = getBuiltInPrototypeMethod$2("String", "includes"), isPrototypeOf = objectIsPrototypeOf, arrayMethod = includes$4, stringMethod = includes$3, ArrayPrototype = Array.prototype, StringPrototype = String.prototype;
+
+const _includesInstanceProperty =  getDefaultExportFromCjs((function(it) {
+    var own = it.includes;
+    return it === ArrayPrototype || isPrototypeOf(ArrayPrototype, it) && own === ArrayPrototype.includes ? arrayMethod : "string" == typeof it || it === StringPrototype || isPrototypeOf(StringPrototype, it) && own === StringPrototype.includes ? stringMethod : own;
+})), Callout = ({title: title, children: children, icon: icon, variant: variant = "primary", onClose: onClose, actions: actions, oneLine: oneLine = !1, toast: toast = !1, glass: glass, className: className, style: style, ...props}) => {
+    const {generateCalloutClass: generateCalloutClass, handleClose: handleClose} = 
+    /**
+ * Callout state and functionality
+ * @param initialProps - Initial callout properties
+ * @returns Callout state and methods
+ */
+    function(initialProps) {
+        // Default callout properties
+        const defaultProps = {
+            variant: "primary",
+            oneLine: !1,
+            toast: !1,
+            glass: !1,
+            ...initialProps
+        };
+        /**
+   * Generate callout class based on properties
+   * @param props - Callout properties
+   * @returns Class string
+   */        return {
+            defaultProps: defaultProps,
+            generateCalloutClass: props => {
+                const {variant: variant = defaultProps.variant, oneLine: oneLine = defaultProps.oneLine, toast: toast = defaultProps.toast, glass: glass = defaultProps.glass, className: className = ""} = props;
+                return `c-callout ${variant ? `c-callout--${variant}` : ""} ${oneLine ? "c-callout--oneline" : ""} ${toast ? "c-callout--toast" : ""} ${glass ? "c-callout--glass" : ""} ${className}`.trim();
+            },
+            handleClose: handler => () => {
+                handler && handler();
+            }
+        };
+    }
+    /**
+ * Callout component for displaying important messages, notifications, or alerts
+ */ ({
+        variant: variant,
+        oneLine: oneLine,
+        toast: toast,
+        glass: glass,
+        className: className,
+        style: style
+    }), getAriaAttributes = () => {
+        var _context, _context2;
+        const baseAttributes = {
+            role: "region"
+        };
+        // For toast notifications or alerts, use appropriate role and live region
+                return toast ? (baseAttributes.role = "alert", baseAttributes["aria-live"] = "polite") : _includesInstanceProperty(_context = [ "warning", "error" ]).call(_context, variant) ? (baseAttributes.role = "alert", 
+        baseAttributes["aria-live"] = "assertive") : _includesInstanceProperty(_context2 = [ "info", "success" ]).call(_context2, variant) && (baseAttributes.role = "status", 
+        baseAttributes["aria-live"] = "polite"), baseAttributes;
+    }, calloutContent = jsxs(Fragment, {
+        children: [ jsxs("div", {
+            className: "c-callout__content",
+            children: [ icon && jsx("div", {
+                className: "c-callout__icon",
+                children: icon
+            }), jsxs("div", {
+                className: "c-callout__message",
+                children: [ title && jsx("div", {
+                    className: "c-callout__title",
+                    children: title
+                }), children && jsx("div", {
+                    className: "c-callout__text",
+                    children: children
+                }) ]
+            }) ]
+        }), actions && jsx("div", {
+            className: "c-callout__actions",
+            children: actions
+        }), onClose && jsx("button", {
+            className: "c-callout__close-btn",
+            onClick: handleClose(onClose),
+            "aria-label": "Close",
+            children: jsx(Icon, {
+                name: "X",
+                size: "md"
+            })
+        }) ]
+    });
+    // Determine appropriate ARIA attributes based on variant
+        if (glass) {
+        // Default glass settings for callouts
+        const defaultGlassProps = {
+            displacementScale: 30,
+            cornerRadius: 8,
+            elasticity: 0
+        }, glassProps = !0 === glass ? defaultGlassProps : {
+            ...defaultGlassProps,
+            ...glass
+        };
+        return jsx("div", {
+            className: generateCalloutClass({
+                variant: variant,
+                oneLine: oneLine,
+                toast: toast,
+                glass: glass,
+                className: className
+            }),
+            ...getAriaAttributes(),
+            ...props,
+            style: style,
+            children: jsx(AtomixGlass, {
+                ...glassProps,
+                children: jsx("div", {
+                    className: "c-callout__glass-content",
+                    style: {
+                        borderRadius: glassProps.cornerRadius
+                    },
+                    children: calloutContent
+                })
+            })
+        });
+    }
+    return jsx("div", {
+        className: generateCalloutClass({
+            variant: variant,
+            oneLine: oneLine,
+            toast: toast,
+            glass: glass,
+            className: className
+        }),
+        ...getAriaAttributes(),
+        ...props,
+        style: style,
+        children: calloutContent
+    });
+};
+
+Callout.displayName = "Callout";
+
+const List =  memo((({children: children, variant: variant = "default", className: className = "", style: style, ...props}) => {
+    var _context;
+    // Generate CSS classes
+        const listClasses = [ LIST.BASE_CLASS, "default" !== variant && `c-list--${variant}`, className ].filter(Boolean).join(" "), ListElement = _includesInstanceProperty(_context = [ "number", "text" ]).call(_context, variant) ? "ol" : "ul";
+    // Determine the HTML element based on variant
+        return jsx(ListElement, {
+        className: listClasses,
+        style: style,
+        ...props,
+        children: React.Children.map(children, (child => jsx("li", {
+            className: "c-list__item",
+            children: child
+        })))
+    });
+}));
+
+List.displayName = "List";
+
+const ListGroup = ({children: children, className: className = "", style: style, variant: variant = "default"}) => {
+    // Generate CSS classes
+    const listGroupClasses = [ LIST_GROUP.BASE_CLASS, className ].filter(Boolean).join(" "), validLists = React.Children.toArray(children).filter((child =>  React.isValidElement(child) && child.type === List));
+    // Get valid List children
+        return jsx("div", {
+        className: listGroupClasses,
+        style: style,
+        children: validLists.map(((child, index) => {
+            const childProps = child.props;
+            
+            return React.cloneElement(child, {
+                key: index,
+                variant: childProps?.variant ?? variant
+            });
+        }))
+    });
+};
+
+ListGroup.displayName = "ListGroup";
+
+// Adapted from https://github.com/shuding/liquid-glass
+// Constants
+const smoothStep = (a, b, t) => {
+    // Add input validation
+    if ("number" != typeof a || "number" != typeof b || "number" != typeof t) return 0;
+    const clamped = Math.max(0, Math.min(1, (t - a) / (b - a)));
+    return clamped * clamped * (3 - 2 * clamped);
+}, calculateLength = (x, y) => {
+    // Add input validation and error handling
+    if ("number" != typeof x || "number" != typeof y || isNaN(x) || isNaN(y)) return 0;
+    // Prevent potential overflow
+        const maxX = Math.max(Math.abs(x), Math.abs(y));
+    if (0 === maxX) return 0;
+    const scaledX = x / maxX, scaledY = y / maxX;
+    return maxX * Math.sqrt(scaledX * scaledX + scaledY * scaledY);
+}, roundedRectSDF = (x, y, width, height, radius) => {
+    // Add input validation
+    if ("number" != typeof x || "number" != typeof y || "number" != typeof width || "number" != typeof height || "number" != typeof radius) return 0;
+    const qx = Math.abs(x) - width + radius, qy = Math.abs(y) - height + radius;
+    return Math.min(Math.max(qx, qy), 0) + calculateLength(Math.max(qx, 0), Math.max(qy, 0)) - radius;
+}, createTexture = (x, y) => ({
+    x: "number" != typeof x || isNaN(x) ? .5 : Math.max(0, Math.min(1, x)),
+    y: "number" != typeof y || isNaN(y) ? .5 : Math.max(0, Math.min(1, y))
+}), validateVec2 = vec => vec && "number" == typeof vec.x && "number" == typeof vec.y && !isNaN(vec.x) && !isNaN(vec.y), clampValue = (value, min, max) => 
+// Add input validation
+"number" != typeof value || "number" != typeof min || "number" != typeof max || isNaN(value) ? min : isNaN(min) ? 0 : isNaN(max) ? 1 : Math.max(min, Math.min(max, value)), easeInOutCubic = t => {
+    // Add input validation
+    if ("number" != typeof t || isNaN(t)) return 0;
+    const clampedT = Math.max(0, Math.min(1, t));
+    return clampedT < .5 ? 4 * clampedT * clampedT * clampedT : 1 - Math.pow(-2 * clampedT + 2, 3) / 2;
+}, easeOutQuart = t => {
+    // Add input validation
+    if ("number" != typeof t || isNaN(t)) return 0;
+    const clampedT = Math.max(0, Math.min(1, t));
+    return 1 - Math.pow(1 - clampedT, 4);
+}, noise2D = (x, y) => {
+    // Add input validation
+    if ("number" != typeof x || "number" != typeof y || isNaN(x) || isNaN(y)) return 0;
+    const X = 255 & Math.floor(x), Y = 255 & Math.floor(y), xf = x - Math.floor(x), yf = y - Math.floor(y), u = easeInOutCubic(xf), v = easeInOutCubic(yf), hash = (i, j) => {
+        // Add input validation
+        if ("number" != typeof i || "number" != typeof j) return 0;
+        const n = i + 57 * j, hashed = 43758.5453 * Math.sin(12.9898 * n + 78.233);
+        // Use a more stable hash function
+                return hashed - Math.floor(hashed);
+    }, a = hash(X, Y), b = hash(X + 1, Y), c = hash(X, Y + 1), x1 = a + u * (b - a);
+    return x1 + v * (c + u * (hash(X + 1, Y + 1) - c) - x1);
+}, fbm = (x, y, octaves = 4) => {
+    // Add input validation
+    if ("number" != typeof x || "number" != typeof y || isNaN(x) || isNaN(y)) return 0;
+    // Clamp octaves to prevent performance issues
+        const clampedOctaves = Math.max(1, Math.min(8, Math.floor(octaves)));
+    let value = 0, amplitude = .5, frequency = 1;
+    for (let i = 0; i < clampedOctaves; i++) value += amplitude * noise2D(x * frequency, y * frequency), 
+    frequency *= 2, amplitude *= .5;
+    return value;
+}, calculateParallaxOffset = (x, y, depth, mouseX = 0, mouseY = 0) => {
+    // Add input validation
+    if ("number" != typeof x || "number" != typeof y || "number" != typeof depth || "number" != typeof mouseX || "number" != typeof mouseY || isNaN(x) || isNaN(y) || isNaN(depth) || isNaN(mouseX) || isNaN(mouseY)) return {
+        x: 0,
+        y: 0
+    };
+    const parallaxStrength = Math.min(.02 * depth, .1);
+ // Limit strength to prevent extreme values
+    // Calculate offset based on view angle (simulated by mouse position)
+        return {
+        x: (x - mouseX) * parallaxStrength,
+        y: (y - mouseY) * parallaxStrength
+    };
+}, fragmentShaders = {
+    liquidGlass: (uv, mousePosition) => {
+        if (!validateVec2(uv)) return {
+            x: .5,
+            y: .5
+        };
+        const ix = uv.x - .5, iy = uv.y - .5, time = 8e-4 * Date.now(), mouseX = mousePosition && validateVec2(mousePosition) ? mousePosition.x - .5 : 0, mouseY = mousePosition && validateVec2(mousePosition) ? mousePosition.y - .5 : 0, mouseDistance = calculateLength(mouseX, mouseY), mouseFalloff = easeOutQuart(1 - Math.min(2 * mouseDistance, 1)), organicFlow = fbm(12 * (ix + .5 * mouseX) + time, 12 * (iy + .5 * mouseY) + .7 * time, 3) - .5, distanceToEdge = roundedRectSDF(ix, iy, .4, .3, .35), baseDisplacement = smoothStep(.8, 0, distanceToEdge - .05), radialDist = ((x, y, strength) => {
+            // Add input validation
+            if ("number" != typeof x || "number" != typeof y || isNaN(x) || isNaN(y) || isNaN(strength)) return {
+                x: 0,
+                y: 0
+            };
+            const distance = calculateLength(x, y), distortion = Math.pow(Math.min(distance, 10), 2) * strength;
+            // Limit distance to prevent extreme values
+            return {
+                x: x * (1 + distortion),
+                y: y * (1 + distortion)
+            };
+        })(ix, iy, .4 * .1), refractionX = 1.2 * (radialDist.x - ix) * baseDisplacement, refractionY = 1.2 * (radialDist.y - iy) * baseDisplacement, flowX = .018 * Math.sin(8 * (ix + 2 * mouseX) + 2 * time), flowY = .018 * Math.cos(8 * (iy + 2 * mouseY) + 1.5 * time), rippleEffect = (.015 * Math.sin(12 * (ix - mouseX) + 12 * (iy - mouseY) + 3 * time) + .012 * Math.cos(10 * (ix + mouseX) - 10 * (iy - mouseY) - 2 * time)) * mouseFalloff * mouseDistance, depthEffect = (Math.sin(15 * ix + time) * Math.cos(15 * iy - time) * .008 + Math.sin(20 * ix - .5 * time) * Math.cos(20 * iy + .5 * time) * .006) * baseDisplacement, liquidFlow = .85 * (flowX + flowY + .025 * organicFlow), totalDistortionX = refractionX + liquidFlow + rippleEffect + depthEffect, totalDistortionY = refractionY + .8 * liquidFlow + .9 * rippleEffect + depthEffect, chromaticOffset = ((x, y, intensity) => {
+            // Add input validation
+            if ("number" != typeof x || "number" != typeof y || "number" != typeof intensity || isNaN(x) || isNaN(y) || isNaN(intensity)) return {
+                x: 0,
+                y: 0
+            };
+            const distance = calculateLength(x, y);
+            // Prevent division by zero and extreme values
+                        if (0 === distance) return {
+                x: 0,
+                y: 0
+            };
+            const angle = Math.atan2(y, x);
+            return {
+                x: Math.cos(angle) * distance * intensity,
+                y: Math.sin(angle) * distance * intensity
+            };
+        })(ix, iy, .015 * baseDisplacement), scaled = smoothStep(0, 1, 1.15 * baseDisplacement), finalX = ix + totalDistortionX + .5 * chromaticOffset.x, finalY = iy + totalDistortionY + .5 * chromaticOffset.y;
+        return createTexture(clampValue(finalX * scaled + .5, 0, 1), clampValue(finalY * scaled + .5, 0, 1));
+    },
+    // Premium Apple-style fluid glass with enhanced organic flow
+    appleFluid: (uv, mousePosition) => {
+        if (!validateVec2(uv)) return {
+            x: .5,
+            y: .5
+        };
+        const ix = uv.x - .5, iy = uv.y - .5, time = 8e-4 * Date.now() * .6, mouseX = mousePosition && validateVec2(mousePosition) ? mousePosition.x - .5 : 0, mouseY = mousePosition && validateVec2(mousePosition) ? mousePosition.y - .5 : 0, mouseDistance = calculateLength(mouseX, mouseY), mouseFalloff = easeOutQuart(1 - Math.min(1.5 * mouseDistance, 1)), organicX = fbm(10 * (ix + .3 * mouseX) + time, 10 * (iy + .3 * mouseY), 5) - .5, organicY = fbm(10 * (ix - .3 * mouseX), 10 * (iy - .3 * mouseY) + .8 * time, 5) - .5, distanceToEdge = roundedRectSDF(ix, iy, .42, .32, .38), mask = smoothStep(.85, -.1, distanceToEdge), fluidVelocityX = Math.sin(6 * ix + 2 * time) * Math.cos(4 * iy - time) * .025, fluidVelocityY = Math.cos(4 * ix - time) * Math.sin(6 * iy + 2 * time) * .025, vortexAngle = Math.atan2(iy - mouseY, ix - mouseX), vortexStrength = mouseFalloff * mouseDistance * .08, vortexX = Math.cos(vortexAngle + time) * vortexStrength, totalY = iy + (.035 * organicY + fluidVelocityY + Math.sin(vortexAngle + time) * vortexStrength) * mask;
+        return createTexture(clampValue(ix + (.035 * organicX + fluidVelocityX + vortexX) * mask + .5, 0, 1), clampValue(totalY + .5, 0, 1));
+    },
+    // High-end glass with advanced refraction and depth
+    premiumGlass: (uv, mousePosition) => {
+        if (!validateVec2(uv)) return {
+            x: .5,
+            y: .5
+        };
+        const ix = uv.x - .5, iy = uv.y - .5, time = 8e-4 * Date.now() * .4, mouseX = mousePosition && validateVec2(mousePosition) ? mousePosition.x - .5 : 0, mouseY = mousePosition && validateVec2(mousePosition) ? mousePosition.y - .5 : 0, mouseDistance = calculateLength(mouseX, mouseY), centerDistance = calculateLength(ix, iy), refractionStrength = .3 * Math.pow(Math.min(centerDistance, 1), 1.5), refractionAngle = Math.atan2(iy, ix);
+        // Multi-layer depth effect
+        let depthX = 0, depthY = 0;
+        for (let layer = 0; layer < 3; layer++) {
+            const layerScale = 5 * (layer + 1), layerTime = time * (1 + .3 * layer), layerStrength = .01 / (layer + 1);
+            depthX += Math.sin(ix * layerScale + layerTime) * layerStrength, depthY += Math.cos(iy * layerScale - layerTime) * layerStrength;
+        }
+        // Glass refraction with mouse influence
+                const refractionX = Math.cos(refractionAngle) * refractionStrength * (1 + .5 * mouseDistance), refractionY = Math.sin(refractionAngle) * refractionStrength * (1 + .5 * mouseDistance), organicNoise = fbm(8 * ix + time, 8 * iy - time, 2) - .5, distanceToEdge = roundedRectSDF(ix, iy, .43, .33, .36), edgeMask = smoothStep(.9, -.05, distanceToEdge), finalY = iy + (refractionY + depthY + .015 * organicNoise) * edgeMask;
+        return createTexture(clampValue(ix + (refractionX + depthX + .015 * organicNoise) * edgeMask + .5, 0, 1), clampValue(finalY + .5, 0, 1));
+    },
+    // Metallic liquid effect with shimmer
+    liquidMetal: (uv, mousePosition) => {
+        if (!validateVec2(uv)) return {
+            x: .5,
+            y: .5
+        };
+        const ix = uv.x - .5, iy = uv.y - .5, time = 8e-4 * Date.now() * 1.2, mouseX = mousePosition && validateVec2(mousePosition) ? mousePosition.x - .5 : 0, mouseY = mousePosition && validateVec2(mousePosition) ? mousePosition.y - .5 : 0, wave1 = Math.sin(20 * ix + 4 * time) * Math.cos(15 * iy - 3 * time) * .02, wave2 = Math.cos(15 * ix - 2 * time) * Math.sin(20 * iy + 5 * time) * .015, shimmer = .025 * fbm(25 * ix + 2 * time, 25 * iy - 2 * time, 4), flowAngle = Math.atan2(iy - mouseY, ix - mouseX), flowDistance = calculateLength(ix - mouseX, iy - mouseY), flowEffect = .02 * Math.sin(15 * flowDistance - 6 * time) * easeOutQuart(1 - Math.min(2 * flowDistance, 1)), distanceToEdge = roundedRectSDF(ix, iy, .41, .31, .37), mask = smoothStep(.88, -.08, distanceToEdge), totalX = ix + (wave1 + shimmer + Math.cos(flowAngle) * flowEffect) * mask, totalY = iy + (wave2 + .8 * shimmer + Math.sin(flowAngle) * flowEffect) * mask;
+        return createTexture(clampValue(totalX + .5, 0, 1), clampValue(totalY + .5, 0, 1));
+    },
+    // basiBasi - Expert Premium Glass Shader
+    // The most advanced shader with caustics, spectral dispersion, parallax depth, and volumetric effects
+    basiBasi: (uv, mousePosition) => {
+        if (!validateVec2(uv)) return {
+            x: .5,
+            y: .5
+        };
+        const ix = uv.x - .5, iy = uv.y - .5, time = 8e-4 * Date.now() * .5, mouseX = mousePosition && validateVec2(mousePosition) ? mousePosition.x - .5 : 0, mouseY = mousePosition && validateVec2(mousePosition) ? mousePosition.y - .5 : 0, mouseDistance = calculateLength(mouseX, mouseY), mouseFalloff = easeOutQuart(1 - Math.min(1.2 * mouseDistance, 1)), causticIntensity = ((x, y, time, intensity = 1) => 
+        // Add input validation
+        "number" != typeof x || "number" != typeof y || "number" != typeof time || "number" != typeof intensity || isNaN(x) || isNaN(y) || isNaN(time) || isNaN(intensity) ? .5 : .5 * (Math.sin(8 * x + 2 * time) * Math.cos(8 * y - 2 * time) * .5 + Math.sin(8 * (x + .5) * 1.3 - 2 * time * .8) * Math.cos(8 * (y - .3) * 1.3 + 2 * time * .8) * .3 + Math.sin(8 * (x - .3) * .7 + 2 * time * 1.2) * Math.cos(8 * (y + .4) * .7 - 2 * time * 1.2) * .2 + 1) * intensity)(ix, iy, time, .8), causticDistortion = .02 * (causticIntensity - .5), refractionAngle = Math.atan2(iy, ix), spectralDispersion = ((x, y, angle) => {
+            // Add input validation
+            if ("number" != typeof x || "number" != typeof y || "number" != typeof angle || isNaN(x) || isNaN(y) || isNaN(angle) || isNaN(.025)) return {
+                r: {
+                    x: 0,
+                    y: 0
+                },
+                g: {
+                    x: 0,
+                    y: 0
+                },
+                b: {
+                    x: 0,
+                    y: 0
+                }
+            };
+            const distance = calculateLength(x, y), dispersionStrength = Math.min(.025 * distance, 1), redOffset = .8 * dispersionStrength, greenOffset = 1 * dispersionStrength, blueOffset = 1.2 * dispersionStrength;
+            return {
+                r: {
+                    x: Math.cos(angle) * redOffset,
+                    y: Math.sin(angle) * redOffset
+                },
+                g: {
+                    x: Math.cos(angle) * greenOffset,
+                    y: Math.sin(angle) * greenOffset
+                },
+                b: {
+                    x: Math.cos(angle) * blueOffset,
+                    y: Math.sin(angle) * blueOffset
+                }
+            };
+        })(ix, iy, refractionAngle), spectralX = (spectralDispersion.r.x + spectralDispersion.g.x + spectralDispersion.b.x) / 3, spectralY = (spectralDispersion.r.y + spectralDispersion.g.y + spectralDispersion.b.y) / 3;
+        // === MULTI-LAYER PARALLAX DEPTH ===
+        // Create depth perception with 7 layers
+        let parallaxX = 0, parallaxY = 0;
+        for (let layer = 0; layer < 7; layer++) {
+            const parallaxOffset = calculateParallaxOffset(ix, iy, (layer + 1) / 7, mouseX, mouseY), layerNoise = fbm((ix + parallaxOffset.x) * (8 + 2 * layer) + time * (.5 + .1 * layer), (iy + parallaxOffset.y) * (8 + 2 * layer) - time * (.5 + .1 * layer), 3) - .5, layerWeight = 1 / (layer + 1);
+            parallaxX += (parallaxOffset.x + .01 * layerNoise) * layerWeight, parallaxY += (parallaxOffset.y + .01 * layerNoise) * layerWeight;
+        }
+        // Normalize parallax effect
+                parallaxX /= 7, parallaxY /= 7;
+        // === VOLUMETRIC SCATTERING ===
+        // Simulate light scattering through glass volume
+        const volumetricDensity = ((x, y, depth, time) => 
+        // Add input validation
+        "number" != typeof x || "number" != typeof y || "number" != typeof time || isNaN(x) || isNaN(y) || isNaN(.5) || isNaN(time) ? .5 : fbm(5 * x + .5 * time, 5 * y - .5 * time, 3) * Math.exp(2 * -Math.max(0, .5)) * .5 + .5)(ix, iy, 0, time), scatteringX = Math.cos(refractionAngle) * volumetricDensity * .015, scatteringY = Math.sin(refractionAngle) * volumetricDensity * .015, turbulence = ((x, y, time, octaves = 5) => {
+            // Add input validation
+            if ("number" != typeof x || "number" != typeof y || "number" != typeof time || "number" != typeof octaves || isNaN(x) || isNaN(y) || isNaN(time) || isNaN(octaves)) return 0;
+            // Clamp octaves to prevent performance issues
+                        const clampedOctaves = Math.max(1, Math.min(8, Math.floor(octaves)));
+            let turbulence = 0, amplitude = 1, frequency = 1;
+            for (let i = 0; i < clampedOctaves; i++) turbulence += Math.abs(noise2D(x * frequency + time, y * frequency - time)) * amplitude, 
+            frequency *= 2, amplitude *= .5;
+            return turbulence;
+        })(6 * ix, 6 * iy, time, 6), turbulenceX = .012 * Math.cos(turbulence * Math.PI * 2), turbulenceY = .012 * Math.sin(turbulence * Math.PI * 2), microSurface = ((x, y, time) => 
+        // Add input validation
+        "number" != typeof x || "number" != typeof y || "number" != typeof time || isNaN(x) || isNaN(y) || isNaN(time) ? .5 : .5 * (.7 * fbm(40 * x + .3 * time, 40 * y - .3 * time, 6) + .3 * fbm(80 * x, 80 * y, 4)))(ix, iy, time), microDetailX = .008 * (microSurface - .5), microDetailY = .008 * (microSurface - .5), centerDistance = calculateLength(ix, iy), dynamicRefraction = .35 * Math.pow(Math.min(centerDistance, 1), 1.8) * (1 + mouseFalloff * mouseDistance * .8), refractionX = Math.cos(refractionAngle) * dynamicRefraction, refractionY = Math.sin(refractionAngle) * dynamicRefraction, vortexAngle = Math.atan2(iy - mouseY, ix - mouseX), vortexDistance = calculateLength(ix - mouseX, iy - mouseY), vortexStrength = mouseFalloff * Math.sin(10 * vortexDistance - 3 * time) * .025, vortexX = Math.cos(vortexAngle + 2 * time) * vortexStrength, vortexY = Math.sin(vortexAngle + 2 * time) * vortexStrength, fluidX = Math.sin(10 * ix + 5 * mouseX + 2.5 * time) * Math.cos(8 * iy - 2 * time) * .018, fluidY = Math.cos(8 * ix - 2 * time) * Math.sin(10 * iy + 5 * mouseY + 2.5 * time) * .018, rippleEffect = (.012 * Math.sin(15 * Math.min(centerDistance, 10) - 4 * time) + .008 * Math.cos(20 * Math.min(centerDistance, 10) + 3 * time)) * mouseFalloff, rippleX = Math.cos(refractionAngle) * rippleEffect, rippleY = Math.sin(refractionAngle) * rippleEffect, distanceToEdge = roundedRectSDF(ix, iy, .44, .34, .39), edgeMask = smoothStep(.92, -.12, distanceToEdge), edgeSoftness = smoothStep(.85, .1, distanceToEdge), finalY = iy + (1.2 * refractionY + .8 * spectralY + 1.5 * parallaxY + .9 * scatteringY + 1 * turbulenceY + .6 * microDetailY + 1.3 * vortexY + 1.1 * fluidY + .7 * rippleY + .8 * causticDistortion) * edgeMask * edgeSoftness * .85;
+        return createTexture(clampValue(ix + (1.2 * refractionX + .8 * spectralX + 1.5 * parallaxX + .9 * scatteringX + 1 * turbulenceX + .6 * microDetailX + 1.3 * vortexX + 1.1 * fluidX + .7 * rippleX + causticDistortion) * edgeMask * edgeSoftness * .85 + .5, 0, 1), clampValue(finalY + .5, 0, 1));
+    }
+}, shaderUtils =  Object.freeze( Object.defineProperty({
+    __proto__: null,
+    ShaderDisplacementGenerator: class {
+        constructor(options) {
+            if (this.options = options, this.canvasDPI = 1, !this.validateOptions(options)) throw new Error("Invalid shader options provided");
+            this.canvas = document.createElement("canvas"), 
+            // Enhanced validation for canvas dimensions
+            this.canvas.width = Math.max(1, Math.min(4096, Math.round(options.width * this.canvasDPI || 256))), 
+            this.canvas.height = Math.max(1, Math.min(4096, Math.round(options.height * this.canvasDPI || 256))), 
+            this.canvas.style.display = "none";
+            const context = this.canvas.getContext("2d");
+            if (!context) throw new Error("AtomixGlass: Could not get 2D canvas context");
+            this.context = context;
+        }
+        validateOptions(options) {
+            try {
+                return options && "number" == typeof options.width && options.width > 0 && options.width <= 4096 && "number" == typeof options.height && options.height > 0 && options.height <= 4096 && "function" == typeof options.fragment;
+            } catch (e) {
+                // Graceful error handling
+                return !1;
+            }
+        }
+        updateShader(mousePosition) {
+            try {
+                const w = this.options.width * this.canvasDPI, h = this.options.height * this.canvasDPI;
+                let maxScale = 0;
+                const rawValues = [];
+                // Calculate displacement values with enhanced smoothing
+                                for (let y = 0; y < h; y++) for (let x = 0; x < w; x++) {
+                    const uv = {
+                        x: x / w,
+                        y: y / h
+                    }, pos = this.options.fragment(uv, mousePosition);
+                    let dx = pos.x * w - x, dy = pos.y * h - y;
+                    // Apply edge smoothing for Apple-like effect
+                    const edgeX = 2 * Math.min(x / w, (w - x) / w), edgeY = 2 * Math.min(y / h, (h - y) / h), edgeFactor = Math.min(edgeX, edgeY);
+                    dx *= smoothStep(0, .2, edgeFactor), dy *= smoothStep(0, .2, edgeFactor), maxScale = Math.max(maxScale, Math.abs(dx), Math.abs(dy)), 
+                    rawValues.push(dx, dy);
+                }
+                // Improved normalization to prevent artifacts while maintaining intensity
+                                maxScale = Math.max(maxScale, 1);
+                // Create ImageData and fill it
+                const imageData = this.context.createImageData(w, h), data = imageData.data;
+                // Convert to image data with smoother normalization
+                let rawIndex = 0;
+                for (let y = 0; y < h; y++) for (let x = 0; x < w; x++) {
+                    const dx = rawValues[rawIndex++] || 0, dy = rawValues[rawIndex++] || 0, edgeDistance = Math.min(x, y, w - x - 1, h - y - 1), edgeFactor = Math.min(1, edgeDistance / 2), r = dx * edgeFactor / maxScale + .5, g = dy * edgeFactor / maxScale + .5, pixelIndex = 4 * (y * w + x);
+                    data[pixelIndex] = clampValue(255 * r, 0, 255), // Red channel (X displacement)
+                    data[pixelIndex + 1] = clampValue(255 * g, 0, 255), // Green channel (Y displacement)
+                    data[pixelIndex + 2] = clampValue(255 * g, 0, 255), // Blue channel (Y displacement for SVG filter compatibility)
+                    data[pixelIndex + 3] = 255;
+                }
+                return this.context.putImageData(imageData, 0, 0), this.canvas.toDataURL();
+            } catch (error) {
+                // Graceful fallback on error
+                return console.warn("ShaderDisplacementGenerator: Error generating shader map, using fallback", error), 
+                "";
+ // Return empty string as fallback
+                        }
+        }
+        destroy() {
+            try {
+                // Clear canvas data to free memory
+                this.context && this.context.clearRect(0, 0, this.canvas.width, this.canvas.height), 
+                // Reduce memory footprint by setting dimensions to 0
+                this.canvas.width = 0, this.canvas.height = 0, 
+                // Remove from DOM
+                this.canvas.remove();
+            } catch (e) {
+                // Silently handle cleanup errors
+                console.warn("ShaderDisplacementGenerator: Error during cleanup", e);
+            }
+        }
+        getScale() {
+            return this.canvasDPI;
+        }
+    },
+    fragmentShaders: fragmentShaders
+}, Symbol.toStringTag, {
+    value: "Module"
+}));
+
+export { Accordion, Badge, Block, Breadcrumb, Button, Callout, Card, ElevationCard, Icon, List, ListGroup, Spinner };
+//# sourceMappingURL=core.js.map